pdfjs-reader-core 0.1.2 → 0.1.3

package/dist/index.cjs

@@ -8810,66 +8810,94 @@ var init_PDFViewerClient = __esm({
       const { viewerStore } = usePDFViewerStores();
       const loadingRef = (0, import_react39.useRef)(false);
       const srcRef = (0, import_react39.useRef)(src);
+      const onDocumentLoadRef = (0, import_react39.useRef)(onDocumentLoad);
+      const onErrorRef = (0, import_react39.useRef)(onError);
+      const onPageChangeRef = (0, import_react39.useRef)(onPageChange);
+      const onScaleChangeRef = (0, import_react39.useRef)(onScaleChange);
+      onDocumentLoadRef.current = onDocumentLoad;
+      onErrorRef.current = onError;
+      onPageChangeRef.current = onPageChange;
+      onScaleChangeRef.current = onScaleChange;
       const currentPage = useViewerStore((s) => s.currentPage);
       const scale = useViewerStore((s) => s.scale);
       const theme = useViewerStore((s) => s.theme);
       const isLoading = useViewerStore((s) => s.isLoading);
       const error = useViewerStore((s) => s.error);
       const sidebarOpen = useViewerStore((s) => s.sidebarOpen);
-      const loadDoc = (0, import_react39.useCallback)(async () => {
-        if (loadingRef.current) return;
-        loadingRef.current = true;
-        try {
-          viewerStore.getState().setLoading(true);
-          viewerStore.getState().setError(null);
-          const { document: document2, numPages } = await loadDocument({
-            src,
-            workerSrc
-          });
-          if (srcRef.current === src) {
-            viewerStore.getState().setDocument(document2);
-            if (initialPage !== 1) {
-              viewerStore.getState().goToPage(initialPage);
-            }
-            if (typeof initialScale === "number" && initialScale !== 1) {
-              viewerStore.getState().setScale(initialScale);
-            }
-            onDocumentLoad?.({ document: document2, numPages });
-          } else {
-            document2.destroy();
-          }
-        } catch (err) {
-          if (srcRef.current === src) {
-            const error2 = err instanceof Error ? err : new Error("Failed to load document");
-            viewerStore.getState().setError(error2);
-            onError?.(error2);
-          }
-        } finally {
-          loadingRef.current = false;
-        }
-      }, [src, workerSrc, initialPage, initialScale, onDocumentLoad, onError, viewerStore]);
+      const [retryTrigger, setRetryTrigger] = (0, import_react39.useState)(0);
+      const handleRetry = (0, import_react39.useCallback)(() => {
+        loadingRef.current = false;
+        srcRef.current = null;
+        viewerStore.getState().setError(null);
+        setRetryTrigger((c) => c + 1);
+      }, [viewerStore, src]);
       (0, import_react39.useEffect)(() => {
+        if (loadingRef.current) {
+          return;
+        }
+        if (srcRef.current === src && viewerStore.getState().document) {
+          return;
+        }
         srcRef.current = src;
+        loadingRef.current = true;
         const currentDoc = viewerStore.getState().document;
         if (currentDoc) {
           viewerStore.getState().reset();
         }
+        const loadDoc = async () => {
+          try {
+            viewerStore.getState().setLoading(true);
+            viewerStore.getState().setError(null);
+            const { document: document2, numPages } = await loadDocument({
+              src,
+              workerSrc
+            });
+            if (srcRef.current === src) {
+              viewerStore.getState().setDocument(document2);
+              if (initialPage !== 1) {
+                viewerStore.getState().goToPage(initialPage);
+              }
+              if (typeof initialScale === "number" && initialScale !== 1) {
+                viewerStore.getState().setScale(initialScale);
+              }
+              onDocumentLoadRef.current?.({ document: document2, numPages });
+            } else {
+              document2.destroy();
+            }
+          } catch (err) {
+            if (srcRef.current === src) {
+              const error2 = err instanceof Error ? err : new Error("Failed to load document");
+              viewerStore.getState().setError(error2);
+              onErrorRef.current?.(error2);
+            }
+          } finally {
+            loadingRef.current = false;
+          }
+        };
         loadDoc();
         return () => {
           srcRef.current = null;
         };
-      }, [src, loadDoc, viewerStore]);
+      }, [src, workerSrc, initialPage, initialScale, viewerStore, retryTrigger]);
       (0, import_react39.useEffect)(() => {
         return () => {
           viewerStore.getState().reset();
         };
       }, [viewerStore]);
+      const prevPageRef = (0, import_react39.useRef)(currentPage);
       (0, import_react39.useEffect)(() => {
-        onPageChange?.(currentPage);
-      }, [currentPage, onPageChange]);
+        if (prevPageRef.current !== currentPage) {
+          prevPageRef.current = currentPage;
+          onPageChangeRef.current?.(currentPage);
+        }
+      }, [currentPage]);
+      const prevScaleRef = (0, import_react39.useRef)(scale);
       (0, import_react39.useEffect)(() => {
-        onScaleChange?.(scale);
-      }, [scale, onScaleChange]);
+        if (prevScaleRef.current !== scale) {
+          prevScaleRef.current = scale;
+          onScaleChangeRef.current?.(scale);
+        }
+      }, [scale]);
       const themeClass = theme === "dark" ? "dark" : "";
       if (error) {
         return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
@@ -8888,7 +8916,7 @@ var init_PDFViewerClient = __esm({
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 "button",
                 {
-                  onClick: loadDoc,
+                  onClick: handleRetry,
                   className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600",
                   children: "Retry"
                 }