pdfjs-reader-core 0.1.2 → 0.1.3

package/dist/index.js

@@ -8740,7 +8740,7 @@ var PDFViewerClient_exports = {};
 __export(PDFViewerClient_exports, {
   PDFViewerClient: () => PDFViewerClient
 });
-import { useEffect as useEffect22, useCallback as useCallback32, memo as memo24, useRef as useRef19 } from "react";
+import { useEffect as useEffect22, useCallback as useCallback32, memo as memo24, useRef as useRef19, useState as useState21 } from "react";
 import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 var PDFViewerInner, PDFViewerClient;
 var init_PDFViewerClient = __esm({
@@ -8773,66 +8773,94 @@ var init_PDFViewerClient = __esm({
       const { viewerStore } = usePDFViewerStores();
       const loadingRef = useRef19(false);
       const srcRef = useRef19(src);
+      const onDocumentLoadRef = useRef19(onDocumentLoad);
+      const onErrorRef = useRef19(onError);
+      const onPageChangeRef = useRef19(onPageChange);
+      const onScaleChangeRef = useRef19(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 = useCallback32(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] = useState21(0);
+      const handleRetry = useCallback32(() => {
+        loadingRef.current = false;
+        srcRef.current = null;
+        viewerStore.getState().setError(null);
+        setRetryTrigger((c) => c + 1);
+      }, [viewerStore, src]);
       useEffect22(() => {
+        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]);
       useEffect22(() => {
         return () => {
           viewerStore.getState().reset();
         };
       }, [viewerStore]);
+      const prevPageRef = useRef19(currentPage);
       useEffect22(() => {
-        onPageChange?.(currentPage);
-      }, [currentPage, onPageChange]);
+        if (prevPageRef.current !== currentPage) {
+          prevPageRef.current = currentPage;
+          onPageChangeRef.current?.(currentPage);
+        }
+      }, [currentPage]);
+      const prevScaleRef = useRef19(scale);
       useEffect22(() => {
-        onScaleChange?.(scale);
-      }, [scale, onScaleChange]);
+        if (prevScaleRef.current !== scale) {
+          prevScaleRef.current = scale;
+          onScaleChangeRef.current?.(scale);
+        }
+      }, [scale]);
       const themeClass = theme === "dark" ? "dark" : "";
       if (error) {
         return /* @__PURE__ */ jsx25(
@@ -8851,7 +8879,7 @@ var init_PDFViewerClient = __esm({
               /* @__PURE__ */ jsx25(
                 "button",
                 {
-                  onClick: loadDoc,
+                  onClick: handleRetry,
                   className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600",
                   children: "Retry"
                 }
@@ -8973,7 +9001,7 @@ init_AnnotationToolbar2();
 
 // src/components/Annotations/StickyNote.tsx
 init_utils();
-import { memo as memo26, useState as useState21, useRef as useRef20, useEffect as useEffect23, useCallback as useCallback33 } from "react";
+import { memo as memo26, useState as useState22, useRef as useRef20, useEffect as useEffect23, useCallback as useCallback33 } from "react";
 import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var NOTE_COLORS = [
   "#fef08a",
@@ -9000,8 +9028,8 @@ var StickyNote = memo26(function StickyNote2({
   onDragStart,
   className
 }) {
-  const [isExpanded, setIsExpanded] = useState21(false);
-  const [localContent, setLocalContent] = useState21(note.content);
+  const [isExpanded, setIsExpanded] = useState22(false);
+  const [localContent, setLocalContent] = useState22(note.content);
   const textareaRef = useRef20(null);
   const noteRef = useRef20(null);
   useEffect23(() => {
@@ -9190,7 +9218,7 @@ var StickyNote = memo26(function StickyNote2({
 
 // src/components/Annotations/DrawingCanvas.tsx
 init_utils();
-import { memo as memo27, useRef as useRef21, useCallback as useCallback34, useState as useState22 } from "react";
+import { memo as memo27, useRef as useRef21, useCallback as useCallback34, useState as useState23 } from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
 function pointsToSvgPath(points) {
   if (points.length === 0) return "";
@@ -9240,8 +9268,8 @@ var DrawingCanvas = memo27(function DrawingCanvas2({
   className
 }) {
   const svgRef = useRef21(null);
-  const [isDrawing, setIsDrawing] = useState22(false);
-  const [currentPath, setCurrentPath] = useState22([]);
+  const [isDrawing, setIsDrawing] = useState23(false);
+  const [currentPath, setCurrentPath] = useState23([]);
   const getPoint = useCallback34((e) => {
     if (!svgRef.current) return null;
     const svg = svgRef.current;
@@ -9324,7 +9352,7 @@ var DrawingCanvas = memo27(function DrawingCanvas2({
 
 // src/components/Annotations/ShapeRenderer.tsx
 init_utils();
-import { memo as memo28, useCallback as useCallback35, useState as useState23, useRef as useRef22 } from "react";
+import { memo as memo28, useCallback as useCallback35, useState as useState24, useRef as useRef22 } from "react";
 import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 var ShapeRenderer = memo28(function ShapeRenderer2({
   shape,
@@ -9336,9 +9364,9 @@ var ShapeRenderer = memo28(function ShapeRenderer2({
   onDelete: _onDelete,
   className
 }) {
-  const [_isDragging, setIsDragging] = useState23(false);
-  const [_isResizing, setIsResizing] = useState23(false);
-  const [activeHandle, setActiveHandle] = useState23(null);
+  const [_isDragging, setIsDragging] = useState24(false);
+  const [_isResizing, setIsResizing] = useState24(false);
+  const [activeHandle, setActiveHandle] = useState24(null);
   const startPosRef = useRef22({ x: 0, y: 0 });
   const startShapeRef = useRef22({ x: 0, y: 0, width: 0, height: 0 });
   const { shapeType, x, y, width, height, color, strokeWidth, id: _id } = shape;
@@ -9629,7 +9657,7 @@ var ShapePreview = memo28(function ShapePreview2({
 
 // src/components/Annotations/QuickNoteButton.tsx
 init_utils();
-import { memo as memo29, useCallback as useCallback36, useState as useState24 } from "react";
+import { memo as memo29, useCallback as useCallback36, useState as useState25 } from "react";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var QuickNoteButton = memo29(function QuickNoteButton2({
   pageNumber,
@@ -9639,7 +9667,7 @@ var QuickNoteButton = memo29(function QuickNoteButton2({
   className,
   visible = true
 }) {
-  const [isHovered, setIsHovered] = useState24(false);
+  const [isHovered, setIsHovered] = useState25(false);
   const handleClick = useCallback36(
     (e) => {
       e.stopPropagation();
@@ -9691,7 +9719,7 @@ var QuickNoteButton = memo29(function QuickNoteButton2({
 
 // src/components/Annotations/QuickNotePopover.tsx
 init_utils();
-import { memo as memo30, useCallback as useCallback37, useState as useState25, useRef as useRef23, useEffect as useEffect24 } from "react";
+import { memo as memo30, useCallback as useCallback37, useState as useState26, useRef as useRef23, useEffect as useEffect24 } from "react";
 import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
 var QuickNotePopover = memo30(function QuickNotePopover2({
   visible,
@@ -9702,10 +9730,10 @@ var QuickNotePopover = memo30(function QuickNotePopover2({
   onCancel,
   className
 }) {
-  const [content, setContent] = useState25(initialContent);
+  const [content, setContent] = useState26(initialContent);
   const textareaRef = useRef23(null);
   const popoverRef = useRef23(null);
-  const [adjustedPosition, setAdjustedPosition] = useState25(position);
+  const [adjustedPosition, setAdjustedPosition] = useState26(position);
   useEffect24(() => {
     if (visible && textareaRef.current) {
       textareaRef.current.focus();
@@ -9957,7 +9985,7 @@ var AskAboutOverlay = memo31(function AskAboutOverlay2({
 
 // src/components/AskAbout/AskAboutTrigger.tsx
 init_utils();
-import { memo as memo32, useCallback as useCallback38, useState as useState26, useRef as useRef24, useEffect as useEffect25 } from "react";
+import { memo as memo32, useCallback as useCallback38, useState as useState27, useRef as useRef24, useEffect as useEffect25 } from "react";
 import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 var AskAboutTrigger = memo32(function AskAboutTrigger2({
   position,
@@ -9967,7 +9995,7 @@ var AskAboutTrigger = memo32(function AskAboutTrigger2({
   autoHideDelay = 5e3,
   className
 }) {
-  const [adjustedPosition, setAdjustedPosition] = useState26(position);
+  const [adjustedPosition, setAdjustedPosition] = useState27(position);
   const triggerRef = useRef24(null);
   useEffect25(() => {
     if (!visible || !triggerRef.current) return;