@anaralabs/lector 3.7.2 → 3.8.0

package/dist/_tsup-dts-rollup.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
+import { Context } from 'react';
 import type { DocumentInitParameters } from 'pdfjs-dist/types/src/display/api';
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
@@ -287,6 +288,8 @@ export declare const Pages: ({ children, gap, virtualizerOptions, initialOffset,
     onOffsetChange?: (offset: number) => void;
 }) => JSX.Element;
 
+export declare const PDFLinkServiceContext: Context<LinkService>;
+
 declare interface PDFState {
     pdfDocumentProxy: PDFDocumentProxy;
     zoom: number;
@@ -414,6 +417,8 @@ declare interface UseAnnotationTooltipReturn {
     getReferenceProps: ReturnType<typeof useInteractions>["getReferenceProps"];
 }
 
+export declare const useCreatePDFLinkService: (pdfDocumentProxy: PDFDocumentProxy | null) => LinkService;
+
 declare const usePdf: <T>(selector: (state: PDFState) => T) => T;
 export { usePdf }
 export { usePdf as usePdf_alias_1 }
@@ -447,6 +452,8 @@ export declare const usePdfJump: () => {
     scrollToHighlightRects: (rects: HighlightRect[], type: "pixels" | "percent", align?: "start" | "center", additionalOffset?: number) => void;
 };
 
+export declare const usePDFLinkService: () => LinkService;
+
 declare const usePDFOutline: () => {
     title: string;
     bold: boolean;

package/dist/index.d.ts

@@ -32,6 +32,9 @@ export { calculateHighlightRects } from './_tsup-dts-rollup.js';
 export { Annotation } from './_tsup-dts-rollup.js';
 export { useAnnotations } from './_tsup-dts-rollup.js';
 export { LinkService } from './_tsup-dts-rollup.js';
+export { PDFLinkServiceContext } from './_tsup-dts-rollup.js';
+export { useCreatePDFLinkService } from './_tsup-dts-rollup.js';
+export { usePDFLinkService } from './_tsup-dts-rollup.js';
 export { usePDFPageNumber } from './_tsup-dts-rollup.js';
 export { useSelectionDimensions } from './_tsup-dts-rollup.js';
 export { ColoredHighlight } from './_tsup-dts-rollup.js';

package/dist/index.js

@@ -863,6 +863,16 @@ var LinkService = class {
     this._pageNavigationCallback = void 0;
   }
 };
+var useCreatePDFLinkService = (pdfDocumentProxy) => {
+  const linkService = useRef(new LinkService());
+  useEffect(() => {
+    if (pdfDocumentProxy) {
+      linkService.current._pdfDocumentProxy = pdfDocumentProxy;
+      linkService.current.setDocument(pdfDocumentProxy);
+    }
+  }, [pdfDocumentProxy]);
+  return linkService.current;
+};
 var defaultLinkService = new LinkService();
 var PDFLinkServiceContext = createContext(defaultLinkService);
 var usePDFLinkService = () => {
@@ -4587,12 +4597,21 @@ var firstMemo = (first, memo, initializer) => {
 };
 
 // src/hooks/viewport/useViewportContainer.tsx
+var WHEEL_ZOOM_SENSITIVITY = 0.01;
+var WHEEL_INERTIA_GAP_MS = 140;
+var WHEEL_INERTIA_ESCAPE_FACTOR = 1.35;
 var useViewportContainer = ({
   containerRef,
   elementWrapperRef,
   elementRef
 }) => {
   const [origin, setOrigin] = useState([0, 0]);
+  const wheelInertia = useRef({
+    active: false,
+    lastTime: 0,
+    lastAbsDeltaY: 0,
+    lastSign: 0
+  });
   const { maxZoom, minZoom } = usePdf((state) => state.zoomOptions);
   const zoom = usePdf((state) => state.zoom);
   const viewportRef = usePdf((state) => state.viewportRef);
@@ -4628,7 +4647,17 @@ var useViewportContainer = ({
     if (transformations.current.zoom === zoom || !containerRef.current) {
       return;
     }
-    const dZoom = zoom / transformations.current.zoom;
+    const prevZoom = transformations.current.zoom;
+    if (!prevZoom || !Number.isFinite(prevZoom)) {
+      transformations.current = {
+        translateX: containerRef.current.scrollLeft,
+        translateY: containerRef.current.scrollTop,
+        zoom
+      };
+      updateTransform();
+      return;
+    }
+    const dZoom = zoom / prevZoom;
     transformations.current = {
       translateX: containerRef.current.scrollLeft * dZoom,
       translateY: containerRef.current.scrollTop * dZoom,
@@ -4645,16 +4674,67 @@ var useViewportContainer = ({
       document.removeEventListener("gesturechange", preventDefault);
     };
   }, []);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const sign = (n) => n === 0 ? 0 : n > 0 ? 1 : -1;
+    const handleWheelCapture = (event) => {
+      const st = wheelInertia.current;
+      const now = Date.now();
+      const ctrl = event.ctrlKey || event.metaKey;
+      const abs = Math.abs(event.deltaY);
+      const s = sign(event.deltaY);
+      if (ctrl) {
+        st.active = true;
+        st.lastTime = now;
+        st.lastAbsDeltaY = abs;
+        st.lastSign = s;
+        event.preventDefault();
+        return;
+      }
+      if (!st.active) {
+        return;
+      }
+      if (now - st.lastTime > WHEEL_INERTIA_GAP_MS) {
+        st.active = false;
+        return;
+      }
+      if (st.lastSign !== 0 && s !== 0 && s !== st.lastSign) {
+        st.active = false;
+        return;
+      }
+      if (st.lastAbsDeltaY > 0 && abs > st.lastAbsDeltaY * WHEEL_INERTIA_ESCAPE_FACTOR + 1) {
+        st.active = false;
+        return;
+      }
+      st.lastTime = now;
+      st.lastAbsDeltaY = abs;
+      st.lastSign = s;
+      event.preventDefault();
+    };
+    container.addEventListener("wheel", handleWheelCapture, {
+      passive: false,
+      capture: true
+    });
+    return () => {
+      container.removeEventListener("wheel", handleWheelCapture, {
+        capture: true
+      });
+    };
+  }, [containerRef]);
   useGesture(
     {
-      onPinch: ({ origin: origin2, first, movement: [ms], memo }) => {
+      onPinch: (state) => {
+        const { origin: origin2, first, movement, delta, event, memo } = state;
+        const [ms] = movement;
+        const [deltaScale] = delta;
         const currentElement = elementRef.current;
         const currentContainer = containerRef.current;
         if (!currentElement || !currentContainer) return;
-        if (!elementRef.current || !containerRef.current) return;
         const newMemo = firstMemo(first, memo, () => {
           const elementRect = currentElement.getBoundingClientRect();
           const containerRect = currentContainer.getBoundingClientRect();
+          const currentZoom = transformations.current.zoom;
           const contentPosition = [
             origin2[0] - elementRect.left,
             origin2[1] - elementRect.top
@@ -4664,17 +4744,37 @@ var useViewportContainer = ({
             origin2[1] - containerRect.top
           ];
           setOrigin([
-            contentPosition[0] / transformations.current.zoom,
-            contentPosition[1] / transformations.current.zoom
+            contentPosition[0] / currentZoom,
+            contentPosition[1] / currentZoom
           ]);
           return {
             contentPosition,
             containerPosition,
-            originZoom: transformations.current.zoom,
-            originTranslate: transformations.current.translateY
+            originZoom: currentZoom,
+            lastZoom: currentZoom
           };
         });
-        const newZoom = clamp(ms * newMemo.originZoom, minZoom, maxZoom);
+        if (first) {
+          return newMemo;
+        }
+        const gestureValuesValid = Number.isFinite(ms) && ms > 0;
+        let effectiveScale = ms;
+        if (!gestureValuesValid) {
+          const wheelEvent = event;
+          if (wheelEvent?.deltaY !== void 0) {
+            const wheelDelta = -wheelEvent.deltaY * WHEEL_ZOOM_SENSITIVITY;
+            effectiveScale = newMemo.lastZoom / newMemo.originZoom * (1 + wheelDelta);
+          } else if (Number.isFinite(deltaScale) && deltaScale !== 0) {
+            effectiveScale = newMemo.lastZoom / newMemo.originZoom * (1 + deltaScale);
+          } else {
+            return newMemo;
+          }
+        }
+        const newZoom = clamp(
+          effectiveScale * newMemo.originZoom,
+          minZoom,
+          maxZoom
+        );
         const realMs = newZoom / newMemo.originZoom;
         const newTranslateX = newMemo.contentPosition[0] * realMs - newMemo.containerPosition[0];
         const newTranslateY = newMemo.contentPosition[1] * realMs - newMemo.containerPosition[1];
@@ -4683,6 +4783,7 @@ var useViewportContainer = ({
           translateX: newTranslateX,
           translateY: newTranslateY
         };
+        newMemo.lastZoom = newZoom;
         updateTransform(true);
         return newMemo;
       },
@@ -4949,7 +5050,10 @@ var Root = forwardRef(
       zoom,
       zoomOptions
     });
-    return /* @__PURE__ */ jsx(Primitive.div, { ref, ...props, children: initialState ? /* @__PURE__ */ jsx(PDFStore.Provider, { initialValue: initialState, children }) : loader || "Loading..." });
+    const linkService = useCreatePDFLinkService(
+      initialState?.pdfDocumentProxy ?? null
+    );
+    return /* @__PURE__ */ jsx(Primitive.div, { ref, ...props, children: initialState ? /* @__PURE__ */ jsx(PDFStore.Provider, { initialValue: initialState, children: /* @__PURE__ */ jsx(PDFLinkServiceContext.Provider, { value: linkService, children }) }) : loader || "Loading..." });
   }
 );
 Root.displayName = "Root";
@@ -5363,4 +5467,4 @@ function mergeAdjacentRects(rects) {
   return merged;
 }
 
-export { AnnotationHighlightLayer, AnnotationLayer2 as AnnotationLayer, AnnotationTooltip, CanvasLayer, ColoredHighlightLayer, CurrentPage, CurrentZoom, CustomLayer, HighlightLayer, LinkService, NextPage, Outline, OutlineChildItems, OutlineItem, Page, Pages, PreviousPage, Root, Search, SelectionTooltip, TextLayer2 as TextLayer, Thumbnail, Thumbnails, TotalPages, ZoomIn, ZoomOut, calculateHighlightRects, useAnnotations, usePDFPageNumber, usePdf, usePdfJump, useSearch, useSelectionDimensions };
+export { AnnotationHighlightLayer, AnnotationLayer2 as AnnotationLayer, AnnotationTooltip, CanvasLayer, ColoredHighlightLayer, CurrentPage, CurrentZoom, CustomLayer, HighlightLayer, LinkService, NextPage, Outline, OutlineChildItems, OutlineItem, PDFLinkServiceContext, Page, Pages, PreviousPage, Root, Search, SelectionTooltip, TextLayer2 as TextLayer, Thumbnail, Thumbnails, TotalPages, ZoomIn, ZoomOut, calculateHighlightRects, useAnnotations, useCreatePDFLinkService, usePDFLinkService, usePDFPageNumber, usePdf, usePdfJump, useSearch, useSelectionDimensions };

package/package.json

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