@file-viewer/renderer-image 2.2.3 → 2.2.4

package/dist/image.js

@@ -68,6 +68,29 @@ const resolveImageUrl = async (buffer, type) => {
     }
     return readBlobDataUrl(new Blob([buffer], { type: getImageBlobType(normalizedType) }));
 };
+const waitForImageReady = async (image) => {
+    if (image.complete) {
+        if (image.naturalWidth > 0 && image.naturalHeight > 0)
+            return;
+        throw new Error('The browser could not decode this image format.');
+    }
+    await new Promise((resolve, reject) => {
+        const cleanup = () => {
+            image.removeEventListener('load', onLoad);
+            image.removeEventListener('error', onError);
+        };
+        const onLoad = () => {
+            cleanup();
+            resolve();
+        };
+        const onError = () => {
+            cleanup();
+            reject(new Error('The browser could not decode this image format.'));
+        };
+        image.addEventListener('load', onLoad, { once: true });
+        image.addEventListener('error', onError, { once: true });
+    });
+};
 const roundImageScale = (value) => {
     return Number(value.toFixed(3));
 };
@@ -251,17 +274,28 @@ export default async function renderImage(buffer, target, type, context) {
     target.replaceChildren(createStyle(documentRef), root);
     (((_b = context === null || context === void 0 ? void 0 : context.surface) === null || _b === void 0 ? void 0 : _b.shadowRoot) || target).append(lightbox.element);
     updateViewportSize();
+    const cleanup = () => {
+        var _a;
+        (_a = context === null || context === void 0 ? void 0 : context.registerThumbnailAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
+        unregisterFileViewerZoomProvider(root);
+        resizeObserver.disconnect();
+        image.removeEventListener('load', updateViewportSize);
+        image.removeEventListener('click', openLightbox);
+        lightbox.destroy();
+        target.replaceChildren();
+    };
+    try {
+        await waitForImageReady(image);
+        updateViewportSize();
+    }
+    catch (error) {
+        cleanup();
+        throw error;
+    }
     return {
         $el: target,
         unmount() {
-            var _a;
-            (_a = context === null || context === void 0 ? void 0 : context.registerThumbnailAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
-            unregisterFileViewerZoomProvider(root);
-            resizeObserver.disconnect();
-            image.removeEventListener('load', updateViewportSize);
-            image.removeEventListener('click', openLightbox);
-            lightbox.destroy();
-            target.replaceChildren();
+            cleanup();
         },
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-image",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "private": false,
   "type": "module",
   "description": "Standalone image renderer plugin for File Viewer with native image preview, HEIC/HEIF conversion, lightbox, and unified zoom support.",
@@ -54,7 +54,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "2.2.3",
+    "@file-viewer/core": "2.2.4",
     "heic2any": "^0.0.4"
   },
   "devDependencies": {