@papyrus-sdk/ui-react-native 0.2.18-beta.6 → 0.2.18-beta.8

package/dist/index.mjs

@@ -1,7 +1,25 @@
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
+import {
+  DEFAULT_PINCH_ZOOM_BOUNDS,
+  resolveAnchoredDocumentOffset,
+  resolveAnchoredHorizontalSurfaceOffset,
+  resolveAnchoredViewportOffset,
+  resolveCenteredContentInset,
+  resolveDocumentSurfaceWidth,
+  resolveGlobalHorizontalOffset,
+  resolvePinchGestureZoom,
+  sanitizePinchPreviewScale,
+  shouldSuppressPressAfterPinch
+} from "./chunk-B36LWZCX.mjs";
+import {
+  getSelectionEdgeAutoscroll,
+  getToolDockDismissState,
+  isToolDockToolSelected,
+  shouldEnableSelectionDrag,
+  shouldEnableViewerScroll
+} from "./chunk-KXNP73MZ.mjs";
+import {
+  __commonJS
+} from "./chunk-ZD7AOCMD.mjs";
 
 // runtime/index.html
 var require_runtime = __commonJS({
@@ -20999,7 +21017,6 @@ import {
 } from "react";
 import {
   FlatList,
-  Platform as Platform2,
   ScrollView,
   StyleSheet as StyleSheet4,
   View as View4,
@@ -21215,194 +21232,6 @@ var createScrollPerfMonitor = (scope, label = "scroll") => {
 };
 var logPerfEvent = logPerf;
 
-// gesture/pinchZoom.ts
-var DEFAULT_PINCH_ZOOM_BOUNDS = {
-  minZoom: 0.5,
-  maxZoom: 4
-};
-var PINCH_PRESS_SUPPRESSION_MS = 120;
-var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
-var sanitizePinchPreviewScale = (value) => {
-  if (!Number.isFinite(value) || value <= 0) {
-    return 1;
-  }
-  return value;
-};
-var resolvePinchGestureZoom = (startZoom, scaleFactor, bounds = DEFAULT_PINCH_ZOOM_BOUNDS) => clamp(
-  (Number.isFinite(startZoom) && startZoom > 0 ? startZoom : 1) * (Number.isFinite(scaleFactor) && scaleFactor > 0 ? scaleFactor : 1),
-  bounds.minZoom,
-  bounds.maxZoom
-);
-var resolveAnchoredViewportOffset = ({
-  viewportOffset,
-  startScrollOffset,
-  startItemOffset,
-  startItemLength,
-  endItemOffset,
-  endItemLength,
-  viewportLength,
-  endContentLength
-}) => {
-  const safeViewportOffset = Number.isFinite(viewportOffset) ? viewportOffset : 0;
-  const safeStartScrollOffset = Number.isFinite(startScrollOffset) ? startScrollOffset : 0;
-  const safeStartItemOffset = Number.isFinite(startItemOffset) ? startItemOffset : 0;
-  const safeStartItemLength = Number.isFinite(startItemLength) && startItemLength > 0 ? startItemLength : 1;
-  const safeEndItemOffset = Number.isFinite(endItemOffset) ? endItemOffset : 0;
-  const safeEndItemLength = Number.isFinite(endItemLength) && endItemLength > 0 ? endItemLength : 1;
-  const safeViewportLength = Number.isFinite(viewportLength) && viewportLength > 0 ? viewportLength : 0;
-  const safeEndContentLength = Number.isFinite(endContentLength) && endContentLength > 0 ? endContentLength : safeEndItemOffset + safeEndItemLength;
-  const contentPoint = safeStartScrollOffset + safeViewportOffset - safeStartItemOffset;
-  const normalizedPoint = clamp(contentPoint / safeStartItemLength, 0, 1);
-  const anchoredContentPoint = safeEndItemOffset + normalizedPoint * safeEndItemLength;
-  return clamp(
-    anchoredContentPoint - safeViewportOffset,
-    0,
-    Math.max(0, safeEndContentLength - safeViewportLength)
-  );
-};
-var resolveAnchoredDocumentOffset = ({
-  viewportOffset,
-  startScrollOffset,
-  startContentLength,
-  endContentLength,
-  viewportLength
-}) => {
-  const safeViewportOffset = Number.isFinite(viewportOffset) ? viewportOffset : 0;
-  const safeStartScrollOffset = Number.isFinite(startScrollOffset) ? startScrollOffset : 0;
-  const safeStartContentLength = Number.isFinite(startContentLength) && startContentLength > 0 ? startContentLength : 1;
-  const safeEndContentLength = Number.isFinite(endContentLength) && endContentLength > 0 ? endContentLength : 0;
-  const safeViewportLength = Number.isFinite(viewportLength) && viewportLength > 0 ? viewportLength : 0;
-  const anchoredRatio = clamp(
-    (safeStartScrollOffset + safeViewportOffset) / safeStartContentLength,
-    0,
-    1
-  );
-  return resolveClampedScrollOffset(
-    anchoredRatio * safeEndContentLength - safeViewportOffset,
-    safeEndContentLength,
-    safeViewportLength
-  );
-};
-var resolveClampedScrollOffset = (offset, contentLength, viewportLength) => {
-  const safeOffset = Number.isFinite(offset) ? offset : 0;
-  const safeContentLength = Number.isFinite(contentLength) && contentLength > 0 ? contentLength : 0;
-  const safeViewportLength = Number.isFinite(viewportLength) && viewportLength > 0 ? viewportLength : 0;
-  return clamp(
-    safeOffset,
-    0,
-    Math.max(0, safeContentLength - safeViewportLength)
-  );
-};
-var resolveDocumentSurfaceWidth = ({
-  viewportWidth,
-  contentWidth,
-  horizontalPadding
-}) => {
-  const safeViewportWidth = Number.isFinite(viewportWidth) && viewportWidth > 0 ? viewportWidth : 0;
-  const safeContentWidth = Number.isFinite(contentWidth) && contentWidth > 0 ? contentWidth : 0;
-  const safeHorizontalPadding = Number.isFinite(horizontalPadding) && horizontalPadding > 0 ? horizontalPadding : 0;
-  return Math.max(
-    safeViewportWidth,
-    safeContentWidth + safeHorizontalPadding * 2
-  );
-};
-var resolveGlobalHorizontalOffset = ({
-  offsetX,
-  surfaceWidth,
-  viewportWidth
-}) => resolveClampedScrollOffset(offsetX, surfaceWidth, viewportWidth);
-var resolveAnchoredHorizontalSurfaceOffset = ({
-  focalViewportX,
-  startSurfaceScrollX,
-  startSurfaceWidth,
-  endSurfaceWidth,
-  viewportWidth
-}) => {
-  const safeFocalViewportX = Number.isFinite(focalViewportX) ? focalViewportX : 0;
-  const safeStartSurfaceScrollX = Number.isFinite(startSurfaceScrollX) ? startSurfaceScrollX : 0;
-  const safeStartSurfaceWidth = Number.isFinite(startSurfaceWidth) && startSurfaceWidth > 0 ? startSurfaceWidth : 1;
-  const safeEndSurfaceWidth = Number.isFinite(endSurfaceWidth) && endSurfaceWidth > 0 ? endSurfaceWidth : 0;
-  const safeViewportWidth = Number.isFinite(viewportWidth) && viewportWidth > 0 ? viewportWidth : 0;
-  const anchoredRatio = clamp(
-    (safeStartSurfaceScrollX + safeFocalViewportX) / safeStartSurfaceWidth,
-    0,
-    1
-  );
-  return resolveGlobalHorizontalOffset({
-    offsetX: anchoredRatio * safeEndSurfaceWidth - safeFocalViewportX,
-    surfaceWidth: safeEndSurfaceWidth,
-    viewportWidth: safeViewportWidth
-  });
-};
-var resolveCenteredContentInset = ({
-  viewportLength,
-  contentLength
-}) => {
-  const safeViewportLength = Number.isFinite(viewportLength) && viewportLength > 0 ? viewportLength : 0;
-  const safeContentLength = Number.isFinite(contentLength) && contentLength > 0 ? contentLength : 0;
-  return Math.max(0, (safeViewportLength - safeContentLength) / 2);
-};
-var shouldSuppressPressAfterPinch = (lastPinchEndedAt, now = Date.now(), windowMs = PINCH_PRESS_SUPPRESSION_MS) => {
-  if (typeof lastPinchEndedAt !== "number") return false;
-  const elapsedMs = now - lastPinchEndedAt;
-  return elapsedMs >= 0 && elapsedMs < windowMs;
-};
-
-// gesture/selectionInteraction.ts
-var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
-var DRAG_SELECTION_TOOLS = /* @__PURE__ */ new Set([
-  "highlight",
-  "underline",
-  "squiggly",
-  "strikeout"
-]);
-var resolveAxisAutoscroll = (coordinate, size, threshold, maxStep) => {
-  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;
-  const startDistance = clamp2(coordinate, 0, size);
-  if (startDistance < threshold) {
-    const intensity = 1 - startDistance / threshold;
-    return -Math.round(maxStep * intensity);
-  }
-  const endDistance = clamp2(size - coordinate, 0, size);
-  if (endDistance < threshold) {
-    const intensity = 1 - endDistance / threshold;
-    return Math.round(maxStep * intensity);
-  }
-  return 0;
-};
-var shouldEnableViewerScroll = ({
-  selectionDragActive,
-  gestureScrollLockActive = false
-}) => !selectionDragActive && !gestureScrollLockActive;
-var shouldEnableSelectionDrag = ({
-  activeTool,
-  interactionMode
-}) => DRAG_SELECTION_TOOLS.has(activeTool) || activeTool === "select" && interactionMode === "select";
-var isToolDockToolSelected = ({
-  activeTool,
-  interactionMode,
-  toolId
-}) => toolId === "select" ? activeTool === "select" && interactionMode === "select" : activeTool === toolId;
-var getToolDockDismissState = ({
-  activeTool: _activeTool,
-  interactionMode: _interactionMode
-}) => ({
-  toolDockOpen: false,
-  activeTool: "select",
-  interactionMode: "pan"
-});
-var getSelectionEdgeAutoscroll = ({
-  x,
-  y,
-  width,
-  height,
-  threshold,
-  maxStep
-}) => ({
-  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),
-  dy: resolveAxisAutoscroll(y, height, threshold, maxStep)
-});
-
 // viewport/pdfViewportController.ts
 var resolvePdfVerticalAnchorMode = ({
   focalY,
@@ -21802,7 +21631,7 @@ var PageRenderer = ({
     },
     [addAnnotation, annotationColor, logSelectionPerf, pageIndex]
   );
-  const clamp3 = (value, min, max) => Math.min(max, Math.max(min, value));
+  const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
   const getBoundsFromRects = (rects) => {
     let minX = 1;
     let minY = 1;
@@ -21816,10 +21645,10 @@ var PageRenderer = ({
     });
     if (maxX <= minX || maxY <= minY) return null;
     return {
-      x: clamp3(minX, 0, 1),
-      y: clamp3(minY, 0, 1),
-      width: clamp3(maxX - minX, 0, 1),
-      height: clamp3(maxY - minY, 0, 1)
+      x: clamp(minX, 0, 1),
+      y: clamp(minY, 0, 1),
+      width: clamp(maxX - minX, 0, 1),
+      height: clamp(maxY - minY, 0, 1)
     };
   };
   useEffect(() => {
@@ -21936,8 +21765,8 @@ var PageRenderer = ({
     if (!layout.width || !layout.height) return;
     const size = 26;
     const half = size / 2;
-    const left = clamp3(x - half, 0, Math.max(0, layout.width - size));
-    const top = clamp3(y - half, 0, Math.max(0, layout.height - size));
+    const left = clamp(x - half, 0, Math.max(0, layout.width - size));
+    const top = clamp(y - half, 0, Math.max(0, layout.height - size));
     const bounds = {
       x: left / layout.width,
       y: top / layout.height,
@@ -21986,7 +21815,7 @@ var PageRenderer = ({
       return;
     }
     const nextX = point.x;
-    const nextY = clamp3(point.y + appliedDy, 0, layout.height);
+    const nextY = clamp(point.y + appliedDy, 0, layout.height);
     selectionDragPointRef.current = {
       absoluteY: point.absoluteY,
       x: nextX,
@@ -22013,8 +21842,8 @@ var PageRenderer = ({
         return;
       }
       const start = {
-        x: clamp3(x, 0, layout.width),
-        y: clamp3(y, 0, layout.height)
+        x: clamp(x, 0, layout.width),
+        y: clamp(y, 0, layout.height)
       };
       selectionStart.current = start;
       selectionDragPointRef.current = { absoluteY, ...start };
@@ -22036,8 +21865,8 @@ var PageRenderer = ({
   const updateSelectionDrag = useCallback(
     (x, y, absoluteY) => {
       if (!selectionEnabled || !selectionStart.current) return;
-      const nextX = clamp3(x, 0, layout.width);
-      const nextY = clamp3(y, 0, layout.height);
+      const nextX = clamp(x, 0, layout.width);
+      const nextY = clamp(y, 0, layout.height);
       selectionDragPointRef.current = {
         absoluteY,
         x: nextX,
@@ -22362,8 +22191,8 @@ var PageRenderer = ({
       const minSize = 0.01;
       let next = { ...start };
       if (handle === "start") {
-        const newX = clamp3(start.x + dx, 0, start.x + start.width - minSize);
-        const newY = clamp3(start.y + dy, 0, start.y + start.height - minSize);
+        const newX = clamp(start.x + dx, 0, start.x + start.width - minSize);
+        const newY = clamp(start.y + dy, 0, start.y + start.height - minSize);
         next = {
           x: newX,
           y: newY,
@@ -22371,8 +22200,8 @@ var PageRenderer = ({
           height: start.y + start.height - newY
         };
       } else {
-        const maxX = clamp3(start.x + start.width + dx, start.x + minSize, 1);
-        const maxY = clamp3(start.y + start.height + dy, start.y + minSize, 1);
+        const maxX = clamp(start.x + start.width + dx, start.x + minSize, 1);
+        const maxY = clamp(start.y + start.height + dy, start.y + minSize, 1);
         next = {
           x: start.x,
           y: start.y,
@@ -23301,7 +23130,7 @@ var WebViewViewer_default = WebViewViewer;
 import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef3, useState as useState2 } from "react";
 import { Pressable as Pressable2, StyleSheet as StyleSheet3, View as View3 } from "react-native";
 import { useViewerStore as useViewerStore3 } from "@papyrus-sdk/core";
-import { PapyrusPdfViewerView } from "@papyrus-sdk/engine-native";
+import { PapyrusPdfDocumentView } from "@papyrus-sdk/engine-native";
 
 // icons.tsx
 import Svg2, {
@@ -23939,12 +23768,14 @@ function DedicatedAndroidPdfViewer({
   const searchResults = useViewerStore3((state) => state.searchResults);
   const annotations = useViewerStore3((state) => state.annotations);
   const viewMode = useViewerStore3((state) => state.viewMode);
+  const nativeViewMode = viewMode === "single" ? "single" : "continuous";
   const setDocumentState = useViewerStore3((state) => state.setDocumentState);
   const addAnnotation = useViewerStore3((state) => state.addAnnotation);
   const setSelectedAnnotation = useViewerStore3((state) => state.setSelectedAnnotation);
   const engineId = getDedicatedAndroidPdfEngineId(engine);
   const [selection, setSelection] = useState2(null);
   const selectionRef = useRef3(null);
+  const lastVisiblePagesKeyRef = useRef3("");
   const lastScrollOffsetYRef = useRef3(0);
   const scrollDownAccumRef = useRef3(0);
   const scrollUpAccumRef = useRef3(0);
@@ -24033,7 +23864,7 @@ function DedicatedAndroidPdfViewer({
   }, []);
   return /* @__PURE__ */ jsxs4(View3, { style: styles3.container, children: [
     /* @__PURE__ */ jsx4(
-      PapyrusPdfViewerView,
+      PapyrusPdfDocumentView,
       {
         style: styles3.viewer,
         engineId,
@@ -24047,13 +23878,30 @@ function DedicatedAndroidPdfViewer({
         searchResults,
         annotations,
         selectionActive: !!selection,
-        viewMode,
-        onPageChanged: (event) => {
+        viewMode: nativeViewMode,
+        onPageChange: (event) => {
           setDocumentState({ currentPage: event.nativeEvent.page });
         },
-        onZoomChanged: (event) => {
+        onZoomChange: (event) => {
           setDocumentState({ zoom: event.nativeEvent.zoom });
         },
+        onVisiblePagesChange: (event) => {
+          const pages = event.nativeEvent.pages ?? [];
+          const stablePages = pages.filter(
+            (page) => page.visibleRatio >= 0.03
+          );
+          if (stablePages.length === 0) {
+            return;
+          }
+          const key = stablePages.map(
+            (page) => `${page.pageIndex}:${Math.round(page.visibleRatio * 100)}`
+          ).join("|");
+          if (key === lastVisiblePagesKeyRef.current) {
+            return;
+          }
+          lastVisiblePagesKeyRef.current = key;
+          setDocumentState({ visiblePages: stablePages });
+        },
         onAnnotationCreated: (event) => {
           addAnnotation(event.nativeEvent);
         },
@@ -24183,6 +24031,14 @@ var styles3 = StyleSheet3.create({
   }
 });
 
+// components/nativePdfViewerMode.ts
+var shouldUseNativePdfViewer = ({
+  viewerMode,
+  pageCount,
+  isWebView,
+  nativeEngineId
+}) => viewerMode === "native" && pageCount > 0 && !isWebView && !!nativeEngineId;
+
 // components/Viewer.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var LIST_TOP_PADDING = 18;
@@ -24212,7 +24068,8 @@ var Viewer = ({
   virtualWindowSize,
   maxToRenderPerBatch,
   removeClippedSubviews,
-  useDedicatedAndroidPdfViewer
+  useDedicatedAndroidPdfViewer,
+  viewerMode
 }) => {
   const pageCount = useViewerStore4((state) => state.pageCount);
   const currentPage = useViewerStore4((state) => state.currentPage);
@@ -24226,6 +24083,7 @@ var Viewer = ({
   const uiTheme = useViewerStore4((state) => state.uiTheme);
   const viewMode = useViewerStore4((state) => state.viewMode);
   const zoom = useViewerStore4((state) => state.zoom);
+  const storeViewerMode = useViewerStore4((state) => state.viewerMode);
   const listRef = useRef4(null);
   const horizontalScrollRef = useRef4(null);
   const isDark = uiTheme === "dark";
@@ -24234,7 +24092,14 @@ var Viewer = ({
   const isSingle = viewMode === "single";
   const renderTargetType = engine.getRenderTargetType?.() ?? "canvas";
   const isWebView = renderTargetType === "webview";
-  const isDedicatedAndroidPdfViewer = Platform2.OS === "android" && !!useDedicatedAndroidPdfViewer && pageCount > 0 && !isWebView && !!getDedicatedAndroidPdfEngineId(engine);
+  const resolvedViewerMode = viewerMode ?? (useDedicatedAndroidPdfViewer ? "native" : storeViewerMode);
+  const nativeEngineId = getDedicatedAndroidPdfEngineId(engine);
+  const isNativePdfViewer = shouldUseNativePdfViewer({
+    viewerMode: resolvedViewerMode,
+    pageCount,
+    isWebView,
+    nativeEngineId
+  });
   const perfEnabled = isMobilePerfEnabled();
   const mountedAtRef = useRef4(perfNow());
   const readyLoggedRef = useRef4(false);
@@ -25388,7 +25253,7 @@ var Viewer = ({
   if (isWebView) {
     return /* @__PURE__ */ jsx5(View4, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ jsx5(WebViewViewer_default, { engine }) });
   }
-  if (isDedicatedAndroidPdfViewer) {
+  if (isNativePdfViewer) {
     return /* @__PURE__ */ jsx5(View4, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ jsx5(DedicatedAndroidPdfViewer, { engine }) });
   }
   if (isSingle) {
@@ -30663,6 +30528,7 @@ export {
   DocumentActionsSheet,
   InfoSheet,
   MOBILE_CHROME_METRICS,
+  DedicatedAndroidPdfViewer as NativePdfDocumentViewer,
   OverflowSheet,
   PageRenderer_default as PageRenderer,
   ProgressPill,