pdfjs-reader-core 0.1.2 → 0.1.4

package/dist/index.d.cts

@@ -327,7 +327,7 @@ interface ViewerState {
     isPresentationMode: boolean;
 }
 interface ViewerActions {
-    setDocument: (doc: PDFDocumentProxy) => void;
+    setDocument: (doc: PDFDocumentProxy | null) => void;
     setLoading: (loading: boolean) => void;
     setError: (error: Error | null) => void;
     setCurrentPage: (page: number) => void;

package/dist/index.d.ts

@@ -327,7 +327,7 @@ interface ViewerState {
     isPresentationMode: boolean;
 }
 interface ViewerActions {
-    setDocument: (doc: PDFDocumentProxy) => void;
+    setDocument: (doc: PDFDocumentProxy | null) => void;
     setLoading: (loading: boolean) => void;
     setError: (error: Error | null) => void;
     setCurrentPage: (page: number) => void;

package/dist/index.js

@@ -316,13 +316,21 @@ function createViewerStore(initialOverrides = {}) {
     ...initialOverrides,
     // Document actions
     setDocument: (document2) => {
-      set({
-        document: document2,
-        numPages: document2.numPages,
-        isLoading: false,
-        error: null,
-        currentPage: 1
-      });
+      if (document2) {
+        set({
+          document: document2,
+          numPages: document2.numPages,
+          isLoading: false,
+          error: null,
+          currentPage: 1
+        });
+      } else {
+        set({
+          document: null,
+          numPages: 0,
+          isLoading: false
+        });
+      }
     },
     setLoading: (isLoading) => {
       set({ isLoading });
@@ -8740,8 +8748,19 @@ 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";
+function getSrcIdentifier(src) {
+  if (typeof src === "string") {
+    return src;
+  }
+  const data = src instanceof ArrayBuffer ? new Uint8Array(src) : src;
+  const len = data.byteLength;
+  if (len === 0) return "empty";
+  const first = Array.from(data.slice(0, 4)).map((b) => b.toString(16).padStart(2, "0")).join("");
+  const last = Array.from(data.slice(-4)).map((b) => b.toString(16).padStart(2, "0")).join("");
+  return `binary:${len}:${first}:${last}`;
+}
 var PDFViewerInner, PDFViewerClient;
 var init_PDFViewerClient = __esm({
   "src/components/PDFViewer/PDFViewerClient.tsx"() {
@@ -8771,68 +8790,97 @@ var init_PDFViewerClient = __esm({
       className
     }) {
       const { viewerStore } = usePDFViewerStores();
-      const loadingRef = useRef19(false);
-      const srcRef = useRef19(src);
+      const mountedRef = useRef19(true);
+      const [, setLoadState] = useState21("idle");
+      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 srcIdRef = useRef19(null);
       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 srcId = getSrcIdentifier(src);
+      const handleRetry = useCallback32(() => {
+        srcIdRef.current = null;
+        viewerStore.getState().setError(null);
+        setLoadState("idle");
+      }, [viewerStore]);
       useEffect22(() => {
-        srcRef.current = src;
+        mountedRef.current = true;
+        return () => {
+          mountedRef.current = false;
+        };
+      }, []);
+      useEffect22(() => {
+        if (srcIdRef.current === srcId && viewerStore.getState().document) {
+          return;
+        }
+        const loadId = srcId;
+        srcIdRef.current = srcId;
         const currentDoc = viewerStore.getState().document;
         if (currentDoc) {
-          viewerStore.getState().reset();
+          currentDoc.destroy();
+          viewerStore.getState().setDocument(null);
         }
-        loadDoc();
-        return () => {
-          srcRef.current = null;
+        const loadDoc = async () => {
+          if (!mountedRef.current) return;
+          try {
+            viewerStore.getState().setLoading(true);
+            viewerStore.getState().setError(null);
+            setLoadState("loading");
+            const { document: document2, numPages } = await loadDocument({
+              src,
+              workerSrc
+            });
+            if (mountedRef.current && srcIdRef.current === loadId) {
+              viewerStore.getState().setDocument(document2);
+              setLoadState("loaded");
+              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 (mountedRef.current && srcIdRef.current === loadId) {
+              const error2 = err instanceof Error ? err : new Error("Failed to load document");
+              viewerStore.getState().setError(error2);
+              viewerStore.getState().setLoading(false);
+              setLoadState("error");
+              onErrorRef.current?.(error2);
+            }
+          }
         };
-      }, [src, loadDoc, viewerStore]);
-      useEffect22(() => {
+        loadDoc();
         return () => {
-          viewerStore.getState().reset();
         };
-      }, [viewerStore]);
+      }, [srcId, src, workerSrc, initialPage, initialScale, 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 +8899,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 +9021,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 +9048,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 +9238,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 +9288,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 +9372,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 +9384,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 +9677,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 +9687,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 +9739,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 +9750,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 +10005,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 +10015,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;