@anaralabs/lector 3.12.7 → 3.12.9

package/dist/index.js

@@ -2668,26 +2668,36 @@ 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);
   const pageNumber = usePDFPageNumber();
   const pdfPageProxy = usePdf((state) => state.getPdfPageProxy(pageNumber));
+  const viewportRef = usePdf((state) => state.viewportRef);
   useEffect(() => {
     const textContainer = textContainerRef.current;
     if (!textContainer) {
       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,
@@ -2696,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;
@@ -2721,7 +2770,69 @@ var useTextLayer = () => {
         delete textContainer._cleanupTextSelection;
       }
     };
-  }, [pdfPageProxy.streamTextContent, pdfPageProxy.getViewport]);
+  }, [pdfPageProxy.streamTextContent, pdfPageProxy.getViewport, viewportRef]);
+  useEffect(() => {
+    const textContainer = textContainerRef.current;
+    if (!textContainer) return;
+    let settleTimer = null;
+    let pointerDown = false;
+    let selecting = false;
+    const show = () => {
+      textContainer.style.visibility = "";
+    };
+    const onScroll = () => {
+      if (selecting) return;
+      textContainer.style.visibility = "hidden";
+      if (settleTimer) clearTimeout(settleTimer);
+      settleTimer = setTimeout(show, TEXT_SCROLL_SETTLE_MS);
+    };
+    const onPointerDown = () => {
+      pointerDown = true;
+      selecting = false;
+      if (settleTimer) {
+        clearTimeout(settleTimer);
+        settleTimer = null;
+      }
+      show();
+    };
+    const onSelectionChange = () => {
+      if (pointerDown) selecting = true;
+    };
+    const clearPointer = () => {
+      pointerDown = false;
+      selecting = false;
+    };
+    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 () => {
+      if (attachRaf !== null) cancelAnimationFrame(attachRaf);
+      unsubscribe?.();
+      document.removeEventListener("pointerdown", onPointerDown, true);
+      document.removeEventListener("pointerup", clearPointer, true);
+      document.removeEventListener("pointercancel", clearPointer, true);
+      document.removeEventListener("selectionchange", onSelectionChange);
+      window.removeEventListener("blur", clearPointer);
+      if (settleTimer) clearTimeout(settleTimer);
+      show();
+    };
+  }, [viewportRef]);
   return {
     textContainerRef,
     pageNumber: pdfPageProxy.pageNumber

package/package.json

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