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

package/dist/utils/hooks/useThumbnail.js

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

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -12,7 +12,8 @@ import "../appConsole.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "./useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -28,7 +29,7 @@ import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
 import "./useDebounce.js";
 import "../../contexts/PagesRotateContext.js";
-const ct = () => {
+const lt = () => {
   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];
@@ -92,5 +93,5 @@ const ct = () => {
   };
 };
 export {
-  ct as useVirtualReactWindow
+  lt as useVirtualReactWindow
 };

package/dist/utils/link_service.js

@@ -1,10 +1,10 @@
-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 {
+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 {
   constructor(e, t) {
-    n(this, "externalLinkEnabled");
-    n(this, "pdfDocument");
+    a(this, "externalLinkEnabled");
+    a(this, "pdfDocument");
     this.externalLinkEnabled = !0, this.pdfDocument = e, this.goToPage = t;
   }
   /**
@@ -46,7 +46,7 @@ class p {
    * @param {string|Array} _dest - The named, or explicit, PDF destination.
    */
   async goToDestination(e) {
-    var i, s, g;
+    var i, s;
     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,17 +55,16 @@ class p {
       return;
     }
     const [o] = t;
-    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
+    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
       Number.isInteger(o) && (r = o + 1);
     if (!r || r < 1 || r > this.pagesCount) {
       console.error(
@@ -134,5 +133,5 @@ class p {
   }
 }
 export {
-  p as SimpleLinkService
+  f as SimpleLinkService
 };

package/dist/utils/renderPage.js

@@ -1,4 +1,4 @@
-import { AnnotationMode as h } from "pdfjs-dist";
+import { AnnotationMode as h } from "@pdf-viewer/pdfium/compat";
 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/dist/utils/selectionUtils.js

@@ -0,0 +1,96 @@
+function M(l) {
+  const e = [];
+  for (const h of l.runs)
+    for (const i of h.glyphs)
+      e.push(i);
+  return e;
+}
+function w(l, e) {
+  const h = M(l);
+  if (h.length === 0)
+    return { start: e, end: e };
+  const i = Math.max(0, Math.min(e, h.length - 1));
+  let o = i;
+  for (; o > 0 && h[o - 1].flags === 0; )
+    o--;
+  let r = i;
+  for (; r < h.length - 1 && h[r + 1].flags === 0; )
+    r++;
+  return { start: o, end: r };
+}
+function R(l, e) {
+  let h = -1, i = 0;
+  for (let t = 0; t < l.runs.length; t++) {
+    const a = l.runs[t].glyphs.length;
+    if (e < i + a) {
+      h = t;
+      break;
+    }
+    i += a;
+  }
+  if (h === -1)
+    return { start: e, end: e };
+  const o = l.runs[h].rect, r = o.height;
+  let s = 1 / 0, n = -1 / 0, c = 0;
+  for (let t = 0; t < l.runs.length; t++) {
+    const a = l.runs[t], g = a.rect, x = Math.max(g.y, o.y), y = Math.min(g.y + g.height, o.y + o.height), p = Math.max(0, y - x), u = Math.min(g.height, r);
+    if (u > 0 && p / u >= 0.5) {
+      const f = c, m = c + a.glyphs.length - 1;
+      f < s && (s = f), m > n && (n = m);
+    }
+    c += a.glyphs.length;
+  }
+  return s === 1 / 0 ? { start: e, end: e } : { start: s, end: n };
+}
+function v(l, e, h) {
+  const i = M(l);
+  if (i.length === 0)
+    return [];
+  const o = Math.max(0, Math.min(e, h)), r = Math.min(i.length - 1, Math.max(e, h)), s = [];
+  let n = null;
+  for (let c = o; c <= r; c++) {
+    const t = i[c];
+    if (t.flags === 2)
+      continue;
+    if (!n) {
+      n = { x: t.x, y: t.y, width: t.width, height: t.height };
+      continue;
+    }
+    const a = Math.max(n.y, t.y), g = Math.min(
+      n.y + n.height,
+      t.y + t.height
+    ), x = Math.max(0, g - a), y = Math.min(n.height, t.height);
+    if (y > 0 && x / y >= 0.5) {
+      const u = Math.min(n.x, t.x), f = Math.min(n.y, t.y), m = Math.max(n.x + n.width, t.x + t.width), d = Math.max(
+        n.y + n.height,
+        t.y + t.height
+      );
+      n = {
+        x: u,
+        y: f,
+        width: m - u,
+        height: d - f
+      };
+    } else
+      s.push(n), n = { x: t.x, y: t.y, width: t.width, height: t.height };
+  }
+  return n && s.push(n), s;
+}
+function B(l, e, h) {
+  const i = Math.min(e, h), o = Math.max(e, h);
+  let r = "", s = 0;
+  for (const n of l.runs) {
+    if (s + n.text.length - 1 >= i && s <= o) {
+      const t = Math.max(0, i - s), a = Math.min(n.text.length, o - s + 1);
+      r += n.text.slice(t, a);
+    }
+    s += n.glyphs.length;
+  }
+  return r;
+}
+export {
+  R as expandToLineBoundary,
+  w as expandToWordBoundary,
+  v as rectsForRange,
+  B as textForRange
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "0.0.0-experimental.8",
+  "version": "0.0.0-experimental.9",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [
@@ -37,10 +37,10 @@
     "prepare": "husky"
   },
   "dependencies": {
+    "@pdf-viewer/pdfium": "0.0.0-experimental.6",
     "@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"
   },
@@ -75,7 +75,6 @@
     "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-b4b23e29.js

@@ -1,14 +0,0 @@
-const r = {
-  "rp-layout": "_rp-layout_dptrm_1",
-  "rp-layout-wrapper": "_rp-layout-wrapper_dptrm_5",
-  "rp-content": "_rp-content_dptrm_11",
-  "rp-sidebar": "_rp-sidebar_dptrm_18",
-  "rp-pages": "_rp-pages_dptrm_23",
-  "rp-container": "_rp-container_dptrm_29",
-  "rp-loader": "_rp-loader_dptrm_33",
-  "rp-theme-variables": "_rp-theme-variables_dptrm_37",
-  "rp-dark-mode": "_rp-dark-mode_dptrm_153"
-};
-export {
-  r as c
-};

package/dist/types/utils/hooks/useFlickerSelectText.d.ts

@@ -1 +0,0 @@
-export declare const useFlickerSelectText: () => void;

package/dist/utils/hooks/useFlickerSelectText.js

@@ -1,25 +0,0 @@
-import { useRef as u, useCallback as g, useEffect as f } from "react";
-const m = () => {
-  const i = u(null), a = u(/firefox/i.test(navigator.userAgent)), o = g(() => {
-    var c, d;
-    const s = document.getSelection();
-    if (!s || s.rangeCount === 0 || a.current)
-      return;
-    const t = s.getRangeAt(0), l = i.current && (t.compareBoundaryPoints(Range.END_TO_END, i.current) === 0 || t.compareBoundaryPoints(Range.START_TO_END, i.current) === 0);
-    let e = l ? t.startContainer : t.endContainer;
-    if ((e == null ? void 0 : e.nodeType) === Node.TEXT_NODE && (e = e.parentNode), !l && t.endOffset === 0)
-      do {
-        for (; !(e != null && e.previousSibling); )
-          e = e == null ? void 0 : e.parentNode;
-        e = e.previousSibling;
-      } while (!e.childNodes.length);
-    const n = (c = e == null ? void 0 : e.parentElement) == null ? void 0 : c.closest("[data-rp-text-layer]"), r = n == null ? void 0 : n.querySelector(".endOfContent");
-    r && (r.style.width = n.style.width, r.style.height = n.style.height, (d = e == null ? void 0 : e.parentElement) == null || d.insertBefore(r, l ? e : e.nextSibling)), i.current = t.cloneRange();
-  }, []);
-  f(() => (document == null || document.addEventListener("selectionchange", o), () => {
-    document == null || document.removeEventListener("selectionchange", o);
-  }), [o]);
-};
-export {
-  m as useFlickerSelectText
-};