@emailmaker/filemanager 0.10.81 → 0.10.82

package/file-manager.esm.js

@@ -1,2 +1,2 @@
-export{B as FileContent,H as FileManagerApiError,A as FileManagerApp,v as FileManagerAppWithContext,C as FileModals,D as FolderSidebar,P as PixieOnlyApp,z as default,q as init,y as initFileManager,w as initPixieEditor,E as installResizeObserverErrorHandler,I as mapHttpStatusToErrorCode,G as uninstallResizeObserverErrorHandler,t as unmount,x as unmountPixieEditor}from"./file-manager-index-C27hSl1b.js";import"react/jsx-runtime";import"react";import"react-dom/client";import"antd";import"antd/es/alert/ErrorBoundary";import"@ant-design/icons";import"react-dom";
+export{B as FileContent,H as FileManagerApiError,A as FileManagerApp,v as FileManagerAppWithContext,C as FileModals,D as FolderSidebar,P as PixieOnlyApp,z as default,q as init,y as initFileManager,w as initPixieEditor,E as installResizeObserverErrorHandler,I as mapHttpStatusToErrorCode,G as uninstallResizeObserverErrorHandler,t as unmount,x as unmountPixieEditor}from"./file-manager-index-S_eK0A-M.js";import"react/jsx-runtime";import"react";import"react-dom/client";import"antd";import"antd/es/alert/ErrorBoundary";import"@ant-design/icons";import"react-dom";
 //# sourceMappingURL=file-manager.esm.js.map

package/file-manager.js

@@ -42651,18 +42651,52 @@ const SafeImage = ({ thumbnailSrc, previewSrc, lightboxSrc, alt, className, widt
     const lightboxSources = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => [lightboxSrc, previewSrc, thumbnailSrc], [lightboxSrc, previewSrc, thumbnailSrc]);
     const displayImage = (0,hooks/* useProxyDisplayFallback */.iy)(displaySources);
     const lightboxImage = (0,hooks/* useProxyDisplayFallback */.iy)(lightboxSources);
+    const { handleError: lightboxHandleError, handleLoad: lightboxHandleLoad } = lightboxImage;
     const finalDisplaySrc = (_a = displayImage.src) !== null && _a !== void 0 ? _a : constants/* FALLBACK_SRC */.oq;
     const previewImageSrc = (_b = lightboxImage.src) !== null && _b !== void 0 ? _b : displayImage.src;
-    const previewConfig = preview && previewImageSrc
+    /** One in-flight `handleError` per broken URL — rc-image can signal failure twice (`isImageValid` + native `onError`). */
+    const previewErrorInFlightRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
+    (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+        previewErrorInFlightRef.current = false;
+    }, [previewImageSrc]);
+    /**
+     * Preview uses rc-image's internal `useStatus({ fallback })`; it never calls our hook on failure.
+     * Strip `fallback`, bind `onError` → proxy chain, and `key` so the next candidate remounts a fresh `<img>`.
+     */
+    const previewImageRender = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((originalNode) => external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(originalNode, {
+        key: previewImageSrc !== null && previewImageSrc !== void 0 ? previewImageSrc : constants/* FALLBACK_SRC */.oq,
+        src: previewImageSrc !== null && previewImageSrc !== void 0 ? previewImageSrc : constants/* FALLBACK_SRC */.oq,
+        fallback: undefined,
+        onError: () => {
+            if (previewErrorInFlightRef.current) {
+                return;
+            }
+            previewErrorInFlightRef.current = true;
+            lightboxHandleError()
+                .finally(() => {
+                previewErrorInFlightRef.current = false;
+            })
+                .catch(() => {
+                /* handleError should not reject; guard for eslint / runtime */
+            });
+        },
+        onLoad: () => {
+            lightboxHandleLoad();
+        },
+    }), [previewImageSrc, lightboxHandleError, lightboxHandleLoad]);
+    const previewConfig = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => preview && previewImageSrc
         ? {
             src: previewImageSrc,
             toolbarRender: () => null,
             destroyOnHidden: true,
             mask: (0,jsx_runtime.jsx)(icons_EyeOutlined, { style: { fontSize: '20px' } }),
+            imageRender: previewImageRender,
         }
-        : false;
+        : false, [preview, previewImageSrc, previewImageRender]);
     return ((0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Image, { className: className, src: finalDisplaySrc, alt: alt, width: width, height: height, preview: previewConfig, onLoad: displayImage.handleLoad, onError: () => {
-            void displayImage.handleError();
+            displayImage.handleError().catch(() => {
+                /* best-effort fallback chain */
+            });
         }, fallback: constants/* FALLBACK_SRC */.oq }));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emailmaker/filemanager",
-  "version": "0.10.81",
+  "version": "0.10.82",
   "main": "./file-manager.js",
   "module": "./file-manager.esm.js",
   "types": "./index.d.ts",