@react-pdf-kit/viewer 0.0.0-experimental.8 → 0.0.0-experimental.9

package/dist/contexts/PrintContext.js

@@ -3,7 +3,8 @@ import { createContext as k, useState as d, useCallback as s, useEffect as l, us
 import { usePrint as y } from "../utils/hooks/usePrint.js";
 import "./RPDocumentContext.js";
 import "../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../utils/types.js";
 import "../de_DE-a553b162.js";
 import "../utils/getThumbnailViewport.js";
@@ -24,14 +25,14 @@ const g = k({
   setOnComplete: (r) => r(),
   setOnError: (r) => {
     try {
-      const e = new Error("Print error occurred");
-      r(e);
-    } catch (e) {
-      console.error("Error in setOnError callback:", e);
+      const o = new Error("Print error occurred");
+      r(o);
+    } catch (o) {
+      console.error("Error in setOnError callback:", o);
     }
   }
-}), K = ({ children: r }) => {
-  const [e, O] = d(null), [o, p] = d(null), { print: m, cancel: a, progress: n, isComplete: u, isError: P, error: i, showDefaultProgress: f } = y(), C = s((t) => {
+}), L = ({ children: r }) => {
+  const [o, O] = d(null), [e, p] = d(null), { print: m, cancel: a, progress: n, isComplete: u, isError: P, error: i, showDefaultProgress: f } = y(), C = s((t) => {
     t && typeof t == "function" && p(() => t);
   }, []), c = s(
     (t) => {
@@ -41,17 +42,17 @@ const g = k({
   ), x = s((t) => {
     O(() => t);
   }, []), E = s(() => {
-    o && (o(), p(null));
-  }, [o]);
+    e && (e(), p(null));
+  }, [e]);
   l(() => {
-    u && o && E();
-  }, [u, o, E]), l(() => {
+    u && e && E();
+  }, [u, e, E]), l(() => {
     P && c((t) => {
       console.error(t);
     });
   }, [P]), l(() => {
-    n && e && e(n);
-  }, [n, e]);
+    n && o && o(n);
+  }, [n, o]);
   const h = w(
     () => ({
       print: m,
@@ -65,7 +66,7 @@ const g = k({
     [m, a, x, C, c, n, f]
   );
   return /* @__PURE__ */ b(g.Provider, { value: h, children: r });
-}, L = () => {
+}, N = () => {
   const r = v(g);
   if (!r)
     throw new Error("usePrintContext must be used within a PrintProvider");
@@ -73,6 +74,6 @@ const g = k({
 };
 export {
   g as PrintContext,
-  K as PrintProvider,
-  L as usePrintContext
+  L as PrintProvider,
+  N as usePrintContext
 };

package/dist/contexts/RPDocumentContext.js

@@ -3,7 +3,8 @@ import { createContext as M, useState as l, useEffect as j, useMemo as k, useCon
 import { useLoadPdf as E } from "../utils/hooks/useLoadPdf.js";
 import { usePdfProperties as L } from "../utils/hooks/usePdfProperties.js";
 import { appConsole as R } from "../utils/appConsole.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../utils/types.js";
 import "../de_DE-a553b162.js";
 import "../utils/getThumbnailViewport.js";
@@ -21,9 +22,9 @@ const u = M({
   loading: !1,
   loaderProgress: 0,
   error: void 0
-}), Q = ({
+}), T = ({
   children: t,
-  src: e,
+  src: o,
   characterMap: c,
   onLoadError: P,
   onLoaded: g,
@@ -33,7 +34,7 @@ const u = M({
   rangeChunkSize: v,
   loaderImage: S
 }) => {
-  const [o, i] = l(e), [r, s] = l(), { pdf: n, pages: p, loading: m, loadingProgress: d, error: f } = E(o, c, {
+  const [e, i] = l(o), [r, s] = l(), { pdf: n, pages: p, loading: m, loadingProgress: d, error: f } = E(e, c, {
     onLoadError: P,
     onLoaded: g,
     onLoadProgress: x,
@@ -41,14 +42,14 @@ const u = M({
     disableStream: h,
     rangeChunkSize: v,
     loaderImage: S
-  }), a = L(o, n, r);
+  }), a = L(e, n, r);
   j(() => {
-    s(e == null ? void 0 : e.split("/").pop()), i(e);
-  }, [e]);
+    s(o == null ? void 0 : o.split("/").pop()), i(o);
+  }, [o]);
   const D = k(() => ({
     pdf: n,
     pages: p,
-    pdfSrc: o,
+    pdfSrc: e,
     setPdfSrc: i,
     pdfProperties: a,
     setFilename: s,
@@ -56,14 +57,14 @@ const u = M({
     loading: m,
     loaderProgress: d,
     error: f
-  }), [n, p, o, a, r, m, d, f]);
-  return /* @__PURE__ */ F(u.Provider, { value: D, children: o ? t : null });
-}, T = () => {
+  }), [n, p, e, a, r, m, d, f]);
+  return /* @__PURE__ */ F(u.Provider, { value: D, children: e ? t : null });
+}, U = () => {
   const t = w(u);
   return t.pdfSrc || R.error("Please use this hooks inside children component of RPDocument"), t;
 };
 export {
-  Q as DocumentProvider,
+  T as DocumentProvider,
   u as default,
-  T as useDocumentContext
+  U as useDocumentContext
 };

package/dist/contexts/RenderQueueProvider.js

@@ -3,7 +3,7 @@ import { createContext as l, useRef as g, useState as P, useCallback as s, useMe
 import { Queue as v } from "../utils/Queue.js";
 import { renderPage as x } from "../utils/renderPage.js";
 import { u as y } from "../PaginationContext-9217cab4.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium/compat";
 import "../utils/types.js";
 import "../de_DE-a553b162.js";
 import "./ScrollModeContext.js";
@@ -11,6 +11,7 @@ import "../utils/appConsole.js";
 import "./InitialStateContext.js";
 import "./RPDocumentContext.js";
 import "../utils/hooks/useLoadPdf.js";
+import "@pdf-viewer/pdfium";
 import "../utils/getThumbnailViewport.js";
 import "./ConfigContext.js";
 import "./DocumentPasswordContext.js";
@@ -34,7 +35,7 @@ import "./PagesRotateContext.js";
 import "./SmoothScrollContext.js";
 import "../utils/getScrollDistance.js";
 import "../utils/calculatePage.js";
-const c = l(null), ie = ({ children: o }) => {
+const c = l(null), me = ({ children: o }) => {
   const m = g(!1), [d, n] = P([]), p = s((e) => {
     n((r) => [...r, { id: e.page.pageNumber.toString(), data: e, priority: 0 }]);
   }, []), t = R(() => new v(p), [p]), { focusedPage: i } = y(), u = s((e) => (m.current = !0, x(
@@ -59,7 +60,7 @@ const c = l(null), ie = ({ children: o }) => {
     };
     e();
   }, [t, u, d]), /* @__PURE__ */ f(c.Provider, { value: t, children: o });
-}, me = () => {
+}, ne = () => {
   const o = h(c);
   if (!o)
     throw new Error("RenderQueue not found");
@@ -67,6 +68,6 @@ const c = l(null), ie = ({ children: o }) => {
 };
 export {
   c as RenderQueueContext,
-  ie as RenderQueueProvider,
-  me as useRenderQueue
+  me as RenderQueueProvider,
+  ne as useRenderQueue
 };

package/dist/contexts/RotationContext.js

@@ -1,10 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { createContext as p, useContext as a, useState as u, useEffect as c, useMemo as f } from "react";
 import { appConsole as d } from "../utils/appConsole.js";
 import { useInitialStateContext as x } from "./InitialStateContext.js";
 import { useDocumentContext as C } from "./RPDocumentContext.js";
 import "../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../utils/types.js";
 import "../de_DE-a553b162.js";
 import "../utils/getThumbnailViewport.js";
@@ -17,22 +18,22 @@ const n = p({
   rotate: 0,
   setRotate: () => {
   }
-}), q = () => {
+}), w = () => {
   const t = a(n);
   return typeof (t == null ? void 0 : t.rotate) > "u" && d.error("Please use this hooks inside children component of RPProvider"), t;
-}, w = ({ children: t }) => {
+}, z = ({ children: t }) => {
   const { initialRotation: o = 0 } = x(), { pdf: r } = C(), [i, e] = u(o);
   c(() => {
     r && e(o);
   }, [r, o]);
-  const s = f(() => ({
+  const m = f(() => ({
     rotate: i,
     setRotate: e
   }), [i, e]);
-  return /* @__PURE__ */ m(n.Provider, { value: s, children: t });
+  return /* @__PURE__ */ s(n.Provider, { value: m, children: t });
 };
 export {
   n as RotateContext,
-  w as RotateProvider,
-  q as useRotationContext
+  z as RotateProvider,
+  w as useRotationContext
 };

package/dist/contexts/SearchContext.js

@@ -5,13 +5,16 @@ import "../utils/types.js";
 import "../de_DE-a553b162.js";
 import "../utils/highlight.js";
 import "../utils/charators.js";
+import "../utils/selectionUtils.js";
+import "../utils/geometryCache.js";
 import "./VirtualScrollContext.js";
 import "./ScrollModeContext.js";
 import "../utils/appConsole.js";
 import "./InitialStateContext.js";
 import "./RPDocumentContext.js";
 import "../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../utils/getThumbnailViewport.js";
 import "./ConfigContext.js";
 import "./DocumentPasswordContext.js";
@@ -52,7 +55,7 @@ const o = x({
   searchOptions: {},
   setSearchOptions: (t) => t,
   setCurrentMatchPosition: (t) => t
-}), et = ({
+}), ct = ({
   children: t,
   initialSearch: i
 }) => {
@@ -88,9 +91,9 @@ const o = x({
       children: t
     }
   );
-}, pt = () => C(o);
+}, at = () => C(o);
 export {
   o as SearchContext,
-  et as SearchProvider,
-  pt as useSearchContext
+  ct as SearchProvider,
+  at as useSearchContext
 };

package/dist/contexts/TextSelectionContext.js

@@ -0,0 +1,191 @@
+import { jsx as J } from "react/jsx-runtime";
+import { createContext as K, useContext as O, useRef as l, useState as Q, useCallback as f, useEffect as _, useMemo as B } from "react";
+import { glyphAt as q } from "../utils/glyphHitTest.js";
+import { rectsForRange as A, textForRange as E, expandToWordBoundary as L, expandToLineBoundary as $ } from "../utils/selectionUtils.js";
+import { geometryCache as k } from "../utils/geometryCache.js";
+import { useEventCallbackContext as ee } from "./EventCallbackContext.js";
+import { useZoomContext as te } from "./ZoomContext.js";
+import "../utils/types.js";
+import "../de_DE-a553b162.js";
+import "../utils/appConsole.js";
+import "./InitialStateContext.js";
+import "./RPDocumentContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/constants.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "./ViewModeContext.js";
+import "./RotationContext.js";
+import "./GlobalCurrentPage.js";
+import "../utils/hooks/useDebounce.js";
+const ne = {
+  handlePointerDown: () => {
+  },
+  handlePointerMove: () => {
+  },
+  handlePointerUp: () => {
+  },
+  getPageSelectionRects: () => [],
+  isSelecting: !1,
+  selectedText: "",
+  selectionVersion: 0,
+  clearSelection: () => {
+  }
+}, z = K(ne), Ve = () => O(z), Fe = ({ children: G }) => {
+  const { onTextSelect: C } = ee(), { currentZoom: P } = te(), h = l(null), R = l(null), g = l(!1), y = l(/* @__PURE__ */ new Map()), S = l(""), m = l(0), F = l(0), D = l({ x: 0, y: 0 }), I = l(0), w = l(0), M = l(-1), [N, V] = Q(0), T = f(
+    (e, n) => {
+      const o = n.getBoundingClientRect();
+      return { x: e.clientX - o.left, y: e.clientY - o.top };
+    },
+    []
+  ), b = f(
+    (e, n) => {
+      const o = /* @__PURE__ */ new Map();
+      let a = "";
+      if (e.pageIndex === n.pageIndex) {
+        const i = k.get(e.pageIndex);
+        if (i) {
+          const c = A(i, e.charIndex, n.charIndex);
+          c.length > 0 && o.set(e.pageIndex, c), a = E(i, e.charIndex, n.charIndex);
+        }
+      } else {
+        const i = e.pageIndex < n.pageIndex, c = Math.min(e.pageIndex, n.pageIndex), t = Math.max(e.pageIndex, n.pageIndex);
+        for (let r = c; r <= t; r++) {
+          const u = k.get(r);
+          if (!u || u.totalCharCount === 0)
+            continue;
+          const d = u.totalCharCount - 1;
+          let x, p;
+          r === e.pageIndex ? (x = e.charIndex, p = i ? d : 0) : r === n.pageIndex ? (x = i ? 0 : d, p = n.charIndex) : (x = 0, p = d);
+          const s = A(u, x, p);
+          s.length > 0 && o.set(r, s);
+          const j = E(u, x, p);
+          a && j && (a += `
+`), a += j;
+        }
+      }
+      y.current = o, S.current = a, V((i) => i + 1);
+    },
+    []
+  ), X = f(
+    (e, n, o) => {
+      const { x: a, y: i } = T(n, o), c = k.get(e);
+      if (!c)
+        return;
+      const t = q(c, a, i);
+      if (!t) {
+        h.current = null, R.current = null, y.current = /* @__PURE__ */ new Map(), S.current = "", V((s) => s + 1);
+        return;
+      }
+      const r = Date.now(), u = Math.abs(n.clientX - D.current.x), d = Math.abs(n.clientY - D.current.y);
+      r - F.current < 500 && u < 5 && d < 5 ? m.current = m.current % 3 + 1 : m.current = 1, F.current = r, D.current = { x: n.clientX, y: n.clientY };
+      let x, p;
+      if (m.current === 2) {
+        const s = L(c, t.charIndex);
+        x = { pageIndex: e, charIndex: s.start }, p = { pageIndex: e, charIndex: s.end }, I.current = s.start, w.current = s.end, M.current = e;
+      } else if (m.current === 3) {
+        const s = $(c, t.charIndex);
+        x = { pageIndex: e, charIndex: s.start }, p = { pageIndex: e, charIndex: s.end }, I.current = s.start, w.current = s.end, M.current = e;
+      } else
+        x = { pageIndex: e, charIndex: t.charIndex }, p = { pageIndex: e, charIndex: t.charIndex };
+      h.current = x, R.current = p, g.current = !0, o.setPointerCapture(n.pointerId), b(x, p);
+    },
+    [T, b]
+  ), Y = f(
+    (e, n, o) => {
+      if (!g.current || !h.current)
+        return;
+      const { x: a, y: i } = T(n, o), c = k.get(e);
+      if (!c)
+        return;
+      const t = q(c, a, i);
+      if (!t)
+        return;
+      let r = t.charIndex;
+      const u = h.current;
+      if (m.current === 2 && e === M.current) {
+        const d = L(c, t.charIndex);
+        t.charIndex < I.current ? (r = d.start, h.current = { pageIndex: u.pageIndex, charIndex: w.current }) : (r = d.end, h.current = { pageIndex: u.pageIndex, charIndex: I.current });
+      } else if (m.current === 3 && e === M.current) {
+        const d = $(c, t.charIndex);
+        t.charIndex < I.current ? (r = d.start, h.current = { pageIndex: u.pageIndex, charIndex: w.current }) : (r = d.end, h.current = { pageIndex: u.pageIndex, charIndex: I.current });
+      }
+      R.current = { pageIndex: e, charIndex: r }, b(h.current, R.current);
+    },
+    [T, b]
+  ), Z = f(() => {
+    if (!g.current)
+      return;
+    g.current = !1;
+    const e = S.current;
+    if (e && C) {
+      const n = [];
+      for (const [o, a] of y.current.entries()) {
+        const i = o + 1, c = document.querySelector(`[data-rp="page-${i}"]`), t = c == null ? void 0 : c.getBoundingClientRect();
+        n.push({
+          pageNumber: i,
+          pageBasedBoundingRects: a.map((r) => ({
+            left: r.x,
+            bottom: r.y + r.height,
+            width: r.width,
+            height: r.height
+          })),
+          pageDimension: {
+            width: (t == null ? void 0 : t.width) ?? 0,
+            height: (t == null ? void 0 : t.height) ?? 0
+          },
+          pagePositionInWindow: {
+            x: (t == null ? void 0 : t.left) ?? 0,
+            y: (t == null ? void 0 : t.top) ?? 0
+          }
+        });
+      }
+      n.sort((o, a) => o.pageNumber - a.pageNumber), C({
+        text: e,
+        pageSelections: n
+      });
+    } else
+      C && !e && C(null);
+  }, [C]), v = f(() => {
+    h.current = null, R.current = null, g.current = !1, y.current = /* @__PURE__ */ new Map(), S.current = "", V((e) => e + 1);
+  }, []), U = l(P);
+  _(() => {
+    P !== U.current && (U.current = P, v());
+  }, [P, v]);
+  const W = f(
+    (e) => y.current.get(e) ?? [],
+    []
+  ), H = B(
+    () => ({
+      handlePointerDown: X,
+      handlePointerMove: Y,
+      handlePointerUp: Z,
+      getPageSelectionRects: W,
+      isSelecting: g.current,
+      selectedText: S.current,
+      selectionVersion: N,
+      clearSelection: v
+    }),
+    [
+      X,
+      Y,
+      Z,
+      W,
+      N,
+      v
+    ]
+  );
+  return /* @__PURE__ */ J(z.Provider, { value: H, children: G });
+};
+export {
+  Fe as TextSelectionProvider,
+  Ve as useTextSelectionContext
+};

package/dist/contexts/ThumbnailsContext.js

@@ -3,7 +3,8 @@ import { createContext as s, useContext as l, useState as c } from "react";
 import { useThumbnail as d } from "../utils/hooks/useThumbnail.js";
 import "./RPDocumentContext.js";
 import "../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../utils/types.js";
 import "../de_DE-a553b162.js";
 import "../utils/getThumbnailViewport.js";
@@ -23,7 +24,7 @@ const e = s({
   setActive: (t) => {
   },
   active: !1
-}), q = () => l(e), w = ({
+}), w = () => l(e), y = ({
   children: t,
   initialThumbnailsVisible: o
 }) => {
@@ -38,6 +39,6 @@ const e = s({
 };
 export {
   e as ThumbnailContext,
-  w as ThumbnailProvider,
-  q as useThumbnailContext
+  y as ThumbnailProvider,
+  w as useThumbnailContext
 };

package/dist/contexts/ZoomContext.js

@@ -13,7 +13,8 @@ import { useGlobalCurrentPage as K } from "./GlobalCurrentPage.js";
 import { useDebounce as Q } from "../utils/hooks/useDebounce.js";
 import "../de_DE-a553b162.js";
 import "../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../utils/getThumbnailViewport.js";
 import "./ConfigContext.js";
 import "./DocumentPasswordContext.js";
@@ -26,10 +27,10 @@ const W = M({
   currentZoom: 1,
   setZoomLevel: () => {
   }
-}), Le = () => {
+}), Pe = () => {
   const m = O(W);
   return typeof m.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), m;
-}, Pe = ({ children: m }) => {
+}, Ze = ({ children: m }) => {
   const { initialScale: b = J.PAGE_FIT } = j(), [s, H] = u(b), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [V, z] = u({
     width: (t == null ? void 0 : t.clientWidth) || 0,
     height: (t == null ? void 0 : t.clientHeight) || 0
@@ -102,6 +103,6 @@ const W = M({
 };
 export {
   W as ZoomContext,
-  Pe as ZoomProvider,
-  Le as useZoomContext
+  Ze as ZoomProvider,
+  Pe as useZoomContext
 };