@anaralabs/lector 3.12.7 → 3.12.8

package/dist/index.js

@@ -2668,11 +2668,13 @@ var createTextSelectionManager = () => {
 };
 var bindMouseEvents = createTextSelectionManager();
 var TEXT_BUILD_IDLE_MS = 300;
+var TEXT_SCROLL_SETTLE_MS = 160;
 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) {
@@ -2722,6 +2724,55 @@ var useTextLayer = () => {
       }
     };
   }, [pdfPageProxy.streamTextContent, pdfPageProxy.getViewport]);
+  useEffect(() => {
+    const textContainer = textContainerRef.current;
+    const viewport = viewportRef?.current;
+    if (!textContainer || !viewport) 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;
+    };
+    const unsubscribe = subscribeToViewportInvalidation(viewport, onScroll);
+    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();
+      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.8",
   "description": "A headless PDF viewer for React",
   "author": "andrewdr (https://github.com/andrewdoro)",
   "license": "MIT",