@h4md1/visual-image-tool 0.2.5 → 0.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -12
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -170,7 +170,7 @@ Gets the current position of the focus point.
|
|
|
170
170
|
|
|
171
171
|
The focus point starts at `{x: 0, y: 0}`, and `getFocusPoint()` returns that
|
|
172
172
|
until the feature is first enabled. The first `toggleFocusPoint(true)` moves a
|
|
173
|
-
still-unset point to the
|
|
173
|
+
still-unset point to the center of the image, so read it back after enabling
|
|
174
174
|
the feature — or call `setFocusPoint(x, y)` yourself to place it explicitly.
|
|
175
175
|
|
|
176
176
|
#### `getCropZone()`
|
|
@@ -285,17 +285,26 @@ onBeforeUnmount(() => {
|
|
|
285
285
|
|
|
286
286
|
## Demos
|
|
287
287
|
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
288
|
+
Run them with `npm run demo`, or browse the published copy at
|
|
289
|
+
[h4md1.fr/visual-image-tool](https://h4md1.fr/visual-image-tool/).
|
|
290
|
+
|
|
291
|
+
| Demo | What it shows |
|
|
292
|
+
| ---------------------------- | ---------------------------------------------------- |
|
|
293
|
+
| `index.html` | Landing page — live tool plus the full API reference |
|
|
294
|
+
| `basic-usage.html` | Smallest working setup |
|
|
295
|
+
| `custom-config.html` | Custom styling with live controls |
|
|
296
|
+
| `demo-esm.html` | Loading the ESM build |
|
|
297
|
+
| `demo-umd.html` | Loading the UMD build from a script tag |
|
|
298
|
+
| `preact-importmap-demo.html` | Preact integration, no build step |
|
|
299
|
+
| `react-importmap-demo.html` | React 18 integration, no build step |
|
|
300
|
+
| `vue-importmap-demo.html` | Vue 3 integration, no build step |
|
|
301
|
+
| `index-local.html` | Same as the landing page, against your local `dist/` |
|
|
302
|
+
|
|
303
|
+
Every demo except `index-local.html` loads the published package from the
|
|
304
|
+
jsDelivr CDN, so they exercise the released version. Use `index-local.html`
|
|
305
|
+
to check changes you have not published yet — run `npm run build` first. It is
|
|
306
|
+
local-only and is not published to the demo site, because the local `dist/` it
|
|
307
|
+
points at does not exist there.
|
|
299
308
|
|
|
300
309
|
## Browser Compatibility
|
|
301
310
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@h4md1/visual-image-tool",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.6",
|
|
4
4
|
"description": "A lightweight vanilla JavaScript tool to define focus points and crop zones on images",
|
|
5
5
|
"main": "dist/visual-image-tool.cjs",
|
|
6
6
|
"module": "dist/visual-image-tool.esm.js",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"build": "rollup -c",
|
|
23
23
|
"dev": "rollup -c -w",
|
|
24
24
|
"demo": "npx http-server -o ./demo",
|
|
25
|
-
"publish:demo": "gh-pages -d demo",
|
|
25
|
+
"publish:demo": "gh-pages -d demo --nojekyll --src \"**/!(index-local).*\"",
|
|
26
26
|
"test": "vitest run",
|
|
27
27
|
"test:watch": "vitest",
|
|
28
28
|
"prepublishOnly": "npm run build",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
},
|
|
54
54
|
"type": "module",
|
|
55
55
|
"engines": {
|
|
56
|
-
"node": ">=18.0.0
|
|
56
|
+
"node": ">=18.0.0"
|
|
57
57
|
},
|
|
58
58
|
"repository": {
|
|
59
59
|
"type": "git",
|