@react-pdf-kit/viewer 0.0.0-experimental.4 → 0.0.0-experimental.5

package/dist/utils/hooks/useThumbnail.js

@@ -1,10 +1,9 @@
-import { useState as f, useMemo as d, useCallback as u, useEffect as b } from "react";
+import { useState as f, useMemo as d, useCallback as m, useEffect as b } from "react";
 import { useDocumentContext as h } from "../../contexts/RPDocumentContext.js";
 import { getThumbnailViewport as P } from "../getThumbnailViewport.js";
 import "react/jsx-runtime";
 import "./useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../types.js";
 import "../../de_DE-a553b162.js";
 import "../../contexts/ConfigContext.js";
@@ -13,21 +12,21 @@ import "../appConsole.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-const E = () => {
-  const [a, s] = f({}), { pages: t } = h(), p = d(() => Object.keys(a).length, [a]), n = u(
-    (i) => {
+const D = () => {
+  const [r, s] = f({}), { pages: t } = h(), p = d(() => Object.keys(r).length, [r]), n = m(
+    (a) => {
       if (!t.size)
         return;
-      const e = i > t.size ? t.size : i, c = Array.from(t.values()).slice(0, e).map((o) => {
-        const { thumbnailViewport: r, scale: g } = P(o.page, o.defaultRotation);
+      const e = a > t.size ? t.size : a, c = Array.from(t.values()).slice(0, e).map((o) => {
+        const { thumbnailViewport: i, scale: g } = P(o.page, o.defaultRotation);
         return {
           scale: g,
           page: o.page,
           loading: !0,
-          viewport: r,
+          viewport: i,
           defaultRotation: o.defaultRotation
         };
-      }).reduce((o, r) => (o[r.page.pageNumber] = r, o), {});
+      }).reduce((o, i) => (o[i.page.pageNumber] = i, o), {});
       s(c);
     },
     [t]
@@ -35,14 +34,14 @@ const E = () => {
   b(() => {
     n(10);
   }, [n]);
-  const l = u(
-    (i) => {
+  const l = m(
+    (a) => {
       if (!t)
         return;
-      const e = t.get(i);
-      e && s((m) => ({
-        ...m,
-        [i]: {
+      const e = t.get(a);
+      e && s((u) => ({
+        ...u,
+        [a]: {
           loading: !0,
           page: e.page,
           viewport: e.thumbnailViewport,
@@ -53,8 +52,8 @@ const E = () => {
     },
     [t]
   );
-  return { thumbnailPages: a, addPage: l, addToPage: n, thumbnailLength: p };
+  return { thumbnailPages: r, addPage: l, addToPage: n, thumbnailLength: p };
 };
 export {
-  E as useThumbnail
+  D as useThumbnail
 };

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -12,8 +12,7 @@ import "../appConsole.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "./useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -29,7 +28,7 @@ import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
 import "./useDebounce.js";
 import "../../contexts/PagesRotateContext.js";
-const lt = () => {
+const ct = () => {
   const { viewMode: n } = G(), { scrollMode: c } = x(), { setColumnCount: f } = H(), { virtualScrollableElementRef: w } = M(), t = O(), l = m(() => t.heights.length, [t.heights]), o = m(() => c === C.HORIZONTAL_SCROLLING ? l : n === g.DUAL_PAGE || n === g.DUAL_PAGE_WITH_COVER ? 2 : 1, [n, c, c, l, w]), d = m(() => {
     if (n === g.DUAL_PAGE_WITH_COVER && t.widths.length > 0) {
       const i = [0, 0];
@@ -93,5 +92,5 @@ const lt = () => {
   };
 };
 export {
-  lt as useVirtualReactWindow
+  ct as useVirtualReactWindow
 };

package/dist/utils/link_service.js

@@ -1,10 +1,10 @@
-var g = Object.defineProperty;
-var u = (n, e, t) => e in n ? g(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var a = (n, e, t) => (u(n, typeof e != "symbol" ? e + "" : e, t), t);
-class f {
+var u = Object.defineProperty;
+var c = (a, e, t) => e in a ? u(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var n = (a, e, t) => (c(a, typeof e != "symbol" ? e + "" : e, t), t);
+class p {
   constructor(e, t) {
-    a(this, "externalLinkEnabled");
-    a(this, "pdfDocument");
+    n(this, "externalLinkEnabled");
+    n(this, "pdfDocument");
     this.externalLinkEnabled = !0, this.pdfDocument = e, this.goToPage = t;
   }
   /**
@@ -46,7 +46,7 @@ class f {
    * @param {string|Array} _dest - The named, or explicit, PDF destination.
    */
   async goToDestination(e) {
-    var i, s;
+    var i, s, g;
     let t, r;
     if (typeof e == "string" ? t = await ((i = this.pdfDocument) == null ? void 0 : i.getDestination(e)) : t = await e, !Array.isArray(t)) {
       console.error(
@@ -55,16 +55,17 @@ class f {
       return;
     }
     const [o] = t;
-    if (o && typeof o == "object")
-      try {
-        r = (await ((s = this.pdfDocument) == null ? void 0 : s.getPageIndex(o)) || 0) + 1;
-      } catch {
-        console.error(
-          `goToDestination: "${o}" is not a valid page reference, for dest="${e}".`
-        );
-        return;
-      }
-    else
+    if (o && typeof o == "object") {
+      if (r = (s = this.pdfDocument) == null ? void 0 : s.cachedPageNumber(o), !r)
+        try {
+          r = (await ((g = this.pdfDocument) == null ? void 0 : g.getPageIndex(o)) || 0) + 1;
+        } catch {
+          console.error(
+            `goToDestination: "${o}" is not a valid page reference, for dest="${e}".`
+          );
+          return;
+        }
+    } else
       Number.isInteger(o) && (r = o + 1);
     if (!r || r < 1 || r > this.pagesCount) {
       console.error(
@@ -133,5 +134,5 @@ class f {
   }
 }
 export {
-  f as SimpleLinkService
+  p as SimpleLinkService
 };

package/dist/utils/renderPage.js

@@ -1,4 +1,4 @@
-import { AnnotationMode as h } from "@pdf-viewer/pdfium/compat";
+import { AnnotationMode as h } from "pdfjs-dist";
 const x = (e, t, s = {}) => {
   const { scale: i = 1, rotate: r = 0, renderForms: w = !1, interactiveForm: a = !0 } = s, c = t.getContext("2d", {
     desynchronized: !1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "0.0.0-experimental.4",
+  "version": "0.0.0-experimental.5",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [
@@ -15,15 +15,22 @@
     "react-pdf-kit-viewer",
     "pdf-viewer-kit"
   ],
-  "homepage": "https://www.react-pdf.dev",
+  "homepage": "https://www.react-pdf-kit.dev",
   "license": "See license section",
   "bugs": {
     "url": "https://github.com/react-pdf-kit/react-pdf-viewer/issues/new"
   },
-  "author": "React PDF Viewer <david@react-pdf.dev>",
+  "author": "React PDF Viewer <support@react-pdf-kit.dev>",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/types/main.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/main.js",
+      "types": "./dist/types/main.d.ts"
+    },
+    "./polyfills": "./dist/polyfills.js"
+  },
   "directories": {
     "lib": "lib"
   },
@@ -39,10 +46,10 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@pdf-viewer/pdfium": "0.0.0-experimental.4",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "pdfjs-dist": "5.4.530",
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10"
   },
@@ -60,6 +67,7 @@
     "@vitejs/plugin-react-swc": "^3.3.2",
     "ajv": "^8.17.1",
     "clsx": "^2.1.1",
+    "core-js": "^3.48.0",
     "eslint": "^8.44.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.1",
@@ -77,6 +85,7 @@
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "peerDependencies": {
+    "pdfjs-dist": "5.4.530",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },

package/dist/RPLayout.module-7766e0b4.js

@@ -1,14 +0,0 @@
-const r = {
-  "rp-layout": "_rp-layout_1o2z7_1",
-  "rp-layout-wrapper": "_rp-layout-wrapper_1o2z7_5",
-  "rp-content": "_rp-content_1o2z7_11",
-  "rp-sidebar": "_rp-sidebar_1o2z7_18",
-  "rp-pages": "_rp-pages_1o2z7_23",
-  "rp-container": "_rp-container_1o2z7_29",
-  "rp-loader": "_rp-loader_1o2z7_33",
-  "rp-theme-variables": "_rp-theme-variables_1o2z7_37",
-  "rp-dark-mode": "_rp-dark-mode_1o2z7_153"
-};
-export {
-  r as c
-};

package/dist/contexts/TextSelectionContext.js

@@ -1,191 +0,0 @@
-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
-};