lite-image-preview 1.0.0 → 1.0.2

package/README.md

@@ -77,7 +77,7 @@ if (close) {
 }
 ```
 
-If the image fails to load, `previewImage()` resolves to `null`.
+If the image fails to load, `previewImage()` throws an error.
 
 ---
 
@@ -92,7 +92,7 @@ Opens a preview dialog for a raster image.
 
 Returns:
 
-* `Promise<PreviewCloseHandle | null>`
+* `Promise<PreviewCloseHandle>`
 
 ### `previewSvg(svg, dispose?)`
 

package/dist/main.cjs

@@ -539,9 +539,9 @@ async function previewImage(url, dispose) {
     `;
 	try {
 		await waitForImageLoad(img);
-	} catch {
+	} catch (e) {
 		dispose?.();
-		return null;
+		throw new Error("Failed to load image", { cause: e });
 	}
 	return createPreview(img, (stage) => {
 		return createTransformAdapter(img, stage, img.naturalWidth || 1, img.naturalHeight || 1, {
@@ -676,7 +676,7 @@ function createSvgViewBoxAdapter(svg) {
 	}
 	function zoomWithWheel(e) {
 		e.preventDefault();
-		zoomAt(e.clientX, e.clientY, Math.exp(-e.deltaY * .0015));
+		zoomAt(e.clientX, e.clientY, Math.exp(e.deltaY * .0015));
 	}
 	function destroy() {
 		pinchStart = null;

package/dist/main.d.ts

@@ -105,7 +105,7 @@ declare function createPreview(content: HTMLElement, initAdapter: PreviewAdapter
  * The returned promise resolves to a close handle when the preview is ready.
  * If the image fails to load, the promise resolves to null.
  */
-declare function previewImage(url: string, dispose?: () => void): Promise<PreviewCloseHandle | null>;
+declare function previewImage(url: string, dispose?: () => void): Promise<PreviewCloseHandle>;
 /**
  * Open an SVG preview dialog.
  *

package/dist/main.js

@@ -538,9 +538,9 @@ async function previewImage(url, dispose) {
     `;
 	try {
 		await waitForImageLoad(img);
-	} catch {
+	} catch (e) {
 		dispose?.();
-		return null;
+		throw new Error("Failed to load image", { cause: e });
 	}
 	return createPreview(img, (stage) => {
 		return createTransformAdapter(img, stage, img.naturalWidth || 1, img.naturalHeight || 1, {
@@ -675,7 +675,7 @@ function createSvgViewBoxAdapter(svg) {
 	}
 	function zoomWithWheel(e) {
 		e.preventDefault();
-		zoomAt(e.clientX, e.clientY, Math.exp(-e.deltaY * .0015));
+		zoomAt(e.clientX, e.clientY, Math.exp(e.deltaY * .0015));
 	}
 	function destroy() {
 		pinchStart = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lite-image-preview",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Lightweight image and SVG preview dialog with smooth pinch zoom, crisp SVG scaling, and mobile-friendly gesture handling.",
   "keywords": [
     "front-end",

package/src/preview.ts

@@ -574,7 +574,7 @@ function bindGestures(
 export async function previewImage(
     url: string,
     dispose?: () => void
-): Promise<PreviewCloseHandle | null> {
+): Promise<PreviewCloseHandle> {
     const img = document.createElement('img')
 
     img.src = url
@@ -588,9 +588,9 @@ export async function previewImage(
 
     try {
         await waitForImageLoad(img)
-    } catch {
+    } catch (e) {
         dispose?.()
-        return null
+        throw new Error('Failed to load image', { cause: e });
     }
 
     return createPreview(
@@ -779,7 +779,8 @@ function createSvgViewBoxAdapter(svg: SVGSVGElement): PreviewAdapter {
         e.preventDefault()
 
         // Wheel up (deltaY < 0) zooms in; wheel down zooms out.
-        zoomAt(e.clientX, e.clientY, Math.exp(-e.deltaY * 0.0015))
+        // The SVG logic has a specified problem that reverses the factor
+        zoomAt(e.clientX, e.clientY, Math.exp(e.deltaY * 0.0015))
     }
 
     function destroy() {