Skip to content

Commit bccf257

Browse files
Mario-DuarteMario-Duarte
committed
Updated demo site to use vite
1 parent 2944941 commit bccf257

37 files changed

+2899
-17158
lines changed

‎README.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,18 @@ It will have the class `loading` while the image is been preloaded and `loaded`
3535

3636
Additionally it will have the class `fullview` while the user has not initiated the zoom and `zoomed` once the user has taped/clicked in.
3737

38+
### New to v1.5.0
39+
40+
Migrated `ImageZoom` to typescript!
41+
42+
This version also brings a full component refactor, migrating all the logic to React Hooks for better performance, readability and testability. The styling has also been updated to fully use `styled-components` features for a more robust and scalable solution.
43+
44+
Bug fixes:
45+
- There was an issue on mobile where the zoom was been fired twice, this as now been fixed
46+
- On mobile it was possible to drag horizontally on the image to move the zoom position, but doing it vertically was very difficult as the page would scroll. This changes the `touchmove` event on mobile to have its passive option set to `false`
47+
- Updated transitions to avoid the white background flash when zooming out of an image
48+
- Updated cursor to `zoom-out` when image is zoomed in
49+
3850
### New to v1.4.0
3951

4052
Performance updates and allowing to set the zoom level to the image with rather than percentage, this will calculate the correct percentage to display the image in its true size and default to the percentage if this value would be less than 100%.

‎babel.config.js

Lines changed: 0 additions & 6 deletions
This file was deleted.

‎dist/assets/index-Dgs28YEo.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/assets/index-tEIxSYoK.js

Lines changed: 172 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/favicon.ico renamed to ‎dist/favicon.ico

File renamed without changes.

‎dist/index.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Vite + React + TS</title>
8+
<script type="module" crossorigin src="/assets/index-tEIxSYoK.js"></script>
9+
<link rel="stylesheet" crossorigin href="/assets/index-Dgs28YEo.css">
10+
</head>
11+
<body>
12+
<div id="root"></div>
13+
</body>
14+
</html>

‎docs/logo192.png renamed to ‎dist/logo192.png

File renamed without changes.

‎docs/logo28.png renamed to ‎dist/logo28.png

File renamed without changes.

‎docs/logo48.png renamed to ‎dist/logo48.png

File renamed without changes.

‎docs/logo512.png renamed to ‎dist/logo512.png

File renamed without changes.

0 commit comments

Comments
 (0)