@anaralabs/lector 3.12.8 → 3.12.9

package/dist/index.js

@@ -2669,6 +2669,7 @@ var createTextSelectionManager = () => {
 var bindMouseEvents = createTextSelectionManager();
 var TEXT_BUILD_IDLE_MS = 300;
 var TEXT_SCROLL_SETTLE_MS = 160;
+var VIEWPORT_ATTACH_MAX_FRAMES = 300;
 var useTextLayer = () => {
   const textContainerRef = useRef(null);
   const textLayerRef = useRef(null);
@@ -2681,15 +2682,22 @@ var useTextLayer = () => {
       return;
     }
     let isCancelled = false;
-    const buildTimer = setTimeout(() => {
-      if (isCancelled || textContainerRef.current !== textContainer) return;
+    let buildTimer = null;
+    let unsubscribe = null;
+    let built = false;
+    let building = false;
+    let buildGen = 0;
+    const build = () => {
+      building = true;
+      const gen = ++buildGen;
       textContainer.innerHTML = "";
       if (textLayerRef.current) {
         textLayerRef.current.cancel();
         textLayerRef.current = null;
       }
       void import('pdfjs-dist/legacy/build/pdf.mjs').then(({ TextLayer: TextLayer2 }) => {
-        if (isCancelled || textContainerRef.current !== textContainer) return;
+        if (isCancelled || gen !== buildGen || textContainerRef.current !== textContainer)
+          return;
         const textLayer = new TextLayer2({
           textContentSource: pdfPageProxy.streamTextContent(),
           container: textContainer,
@@ -2698,22 +2706,61 @@ var useTextLayer = () => {
         textLayerRef.current = textLayer;
         return textLayer.render();
       }).then(() => {
-        if (isCancelled || textContainerRef.current !== textContainer) {
+        if (isCancelled || gen !== buildGen || textContainerRef.current !== textContainer) {
           return;
         }
         const endOfContent = document.createElement("div");
         endOfContent.className = "endOfContent";
         textContainer.appendChild(endOfContent);
         bindMouseEvents(textContainer, endOfContent);
+        built = true;
+        building = false;
+        unsubscribe?.();
+        unsubscribe = null;
       }).catch((error) => {
+        if (gen === buildGen) building = false;
         if (error instanceof Error && error.name !== "AbortException") {
           console.error("TextLayer rendering error:", error);
         }
       });
-    }, TEXT_BUILD_IDLE_MS);
+    };
+    const schedule = () => {
+      if (built) return;
+      if (building) {
+        buildGen++;
+        building = false;
+        if (textLayerRef.current) {
+          textLayerRef.current.cancel();
+          textLayerRef.current = null;
+        }
+        textContainer.innerHTML = "";
+      }
+      if (buildTimer) clearTimeout(buildTimer);
+      buildTimer = setTimeout(() => {
+        buildTimer = null;
+        if (isCancelled || textContainerRef.current !== textContainer) return;
+        build();
+      }, TEXT_BUILD_IDLE_MS);
+    };
+    let attachRaf = null;
+    let attachAttempts = 0;
+    const attachScrollSubscription = () => {
+      attachRaf = null;
+      const scrollViewport = viewportRef?.current;
+      if (!scrollViewport) {
+        if (++attachAttempts > VIEWPORT_ATTACH_MAX_FRAMES) return;
+        attachRaf = requestAnimationFrame(attachScrollSubscription);
+        return;
+      }
+      unsubscribe = subscribeToViewportInvalidation(scrollViewport, schedule);
+    };
+    attachScrollSubscription();
+    schedule();
     return () => {
       isCancelled = true;
-      clearTimeout(buildTimer);
+      if (buildTimer) clearTimeout(buildTimer);
+      if (attachRaf !== null) cancelAnimationFrame(attachRaf);
+      unsubscribe?.();
       if (textLayerRef.current) {
         textLayerRef.current.cancel();
         textLayerRef.current = null;
@@ -2723,11 +2770,10 @@ var useTextLayer = () => {
         delete textContainer._cleanupTextSelection;
       }
     };
-  }, [pdfPageProxy.streamTextContent, pdfPageProxy.getViewport]);
+  }, [pdfPageProxy.streamTextContent, pdfPageProxy.getViewport, viewportRef]);
   useEffect(() => {
     const textContainer = textContainerRef.current;
-    const viewport = viewportRef?.current;
-    if (!textContainer || !viewport) return;
+    if (!textContainer) return;
     let settleTimer = null;
     let pointerDown = false;
     let selecting = false;
@@ -2756,14 +2802,28 @@ var useTextLayer = () => {
       pointerDown = false;
       selecting = false;
     };
-    const unsubscribe = subscribeToViewportInvalidation(viewport, onScroll);
+    let unsubscribe = null;
+    let attachRaf = null;
+    let attachAttempts = 0;
+    const attachScrollSubscription = () => {
+      attachRaf = null;
+      const scrollViewport = viewportRef?.current;
+      if (!scrollViewport) {
+        if (++attachAttempts > VIEWPORT_ATTACH_MAX_FRAMES) return;
+        attachRaf = requestAnimationFrame(attachScrollSubscription);
+        return;
+      }
+      unsubscribe = subscribeToViewportInvalidation(scrollViewport, onScroll);
+    };
+    attachScrollSubscription();
     document.addEventListener("pointerdown", onPointerDown, true);
     document.addEventListener("pointerup", clearPointer, true);
     document.addEventListener("pointercancel", clearPointer, true);
     document.addEventListener("selectionchange", onSelectionChange);
     window.addEventListener("blur", clearPointer);
     return () => {
-      unsubscribe();
+      if (attachRaf !== null) cancelAnimationFrame(attachRaf);
+      unsubscribe?.();
       document.removeEventListener("pointerdown", onPointerDown, true);
       document.removeEventListener("pointerup", clearPointer, true);
       document.removeEventListener("pointercancel", clearPointer, true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anaralabs/lector",
-  "version": "3.12.8",
+  "version": "3.12.9",
   "description": "A headless PDF viewer for React",
   "author": "andrewdr (https://github.com/andrewdoro)",
   "license": "MIT",