@anaralabs/lector 3.13.0 → 3.13.1

package/dist/index.js

@@ -1839,6 +1839,7 @@ var subscribeToViewportInvalidation = (viewport, callback) => {
 
 // src/hooks/layers/useDetailCanvasLayer.tsx
 var DETAIL_RENDER_IDLE_MS = 80;
+var ZOOM_SETTLE_MS = 250;
 var useDetailCanvasLayer = ({
   background,
   baseCanvasRef
@@ -1858,6 +1859,14 @@ var useDetailCanvasLayer = ({
   const recolorKey = recolor ? `dark:${darkModeColors.background},${darkModeColors.foreground}` : "light";
   const paintedKeyRef = useRef(null);
   const [zoom] = useDebounce(bouncyZoom, 200);
+  const lastZoomChangeRef = useRef(
+    store.getState().isPinching ? performance.now() : 0
+  );
+  const prevBouncyZoomRef = useRef(bouncyZoom);
+  if (prevBouncyZoomRef.current !== bouncyZoom) {
+    prevBouncyZoomRef.current = bouncyZoom;
+    lastZoomChangeRef.current = performance.now();
+  }
   const pageDimsRef = useRef(null);
   if (!pageDimsRef.current || pageDimsRef.current.proxy !== pdfPageProxy) {
     const vp = pdfPageProxy.getViewport({ scale: 1 });
@@ -1893,6 +1902,10 @@ var useDetailCanvasLayer = ({
         scheduleRender(160);
         return;
       }
+      if (store.getState().isPinching || performance.now() - lastZoomChangeRef.current < ZOOM_SETTLE_MS) {
+        scheduleRender(160);
+        return;
+      }
       const pageContainer = baseCanvasRef.current?.parentElement ?? null;
       if (!pageContainer) {
         hideDetailCanvas();
@@ -3080,6 +3093,7 @@ var useTextLayer = () => {
   const pageNumber = usePDFPageNumber();
   const pdfPageProxy = usePdf((state) => state.getPdfPageProxy(pageNumber));
   const viewportRef = usePdf((state) => state.viewportRef);
+  const store = PDFStore.useContext();
   useEffect(() => {
     const textContainer = textContainerRef.current;
     if (!textContainer) {
@@ -3184,11 +3198,22 @@ var useTextLayer = () => {
     const show = () => {
       textContainer.style.visibility = "";
     };
-    const onScroll = () => {
+    const restoreWhenSettled = () => {
+      settleTimer = null;
+      if (store.getState().isPinching) {
+        settleTimer = setTimeout(restoreWhenSettled, TEXT_SCROLL_SETTLE_MS);
+        return;
+      }
+      show();
+    };
+    const hideAndDebounce = () => {
       if (selecting) return;
       textContainer.style.visibility = "hidden";
       if (settleTimer) clearTimeout(settleTimer);
-      settleTimer = setTimeout(show, TEXT_SCROLL_SETTLE_MS);
+      settleTimer = setTimeout(restoreWhenSettled, TEXT_SCROLL_SETTLE_MS);
+    };
+    const onScroll = () => {
+      hideAndDebounce();
     };
     const onPointerDown = () => {
       pointerDown = true;
@@ -3220,6 +3245,19 @@ var useTextLayer = () => {
       unsubscribe = subscribeToViewportInvalidation(scrollViewport, onScroll);
     };
     attachScrollSubscription();
+    const initialState = store.getState();
+    let prevZoom = initialState.zoom;
+    let prevPinching = initialState.isPinching;
+    if (prevPinching) hideAndDebounce();
+    const unsubscribeStore = store.subscribe(
+      (state) => {
+        const zoomChanged = state.zoom !== prevZoom;
+        const pinchStarted = state.isPinching && !prevPinching;
+        prevZoom = state.zoom;
+        prevPinching = state.isPinching;
+        if (zoomChanged || pinchStarted) hideAndDebounce();
+      }
+    );
     document.addEventListener("pointerdown", onPointerDown, true);
     document.addEventListener("pointerup", clearPointer, true);
     document.addEventListener("pointercancel", clearPointer, true);
@@ -3228,6 +3266,7 @@ var useTextLayer = () => {
     return () => {
       if (attachRaf !== null) cancelAnimationFrame(attachRaf);
       unsubscribe?.();
+      unsubscribeStore();
       document.removeEventListener("pointerdown", onPointerDown, true);
       document.removeEventListener("pointerup", clearPointer, true);
       document.removeEventListener("pointercancel", clearPointer, true);
@@ -3236,7 +3275,7 @@ var useTextLayer = () => {
       if (settleTimer) clearTimeout(settleTimer);
       show();
     };
-  }, [viewportRef]);
+  }, [viewportRef, store]);
   return {
     textContainerRef,
     pageNumber: pdfPageProxy.pageNumber

package/package.json

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