@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.10

package/dist/utils/highlight.js

@@ -1,19 +1,19 @@
-import { getCharacterType as X } from "./charators.js";
-function V(r, c, a, i) {
+import { getCharacterType as D } from "./charators.js";
+function V(r, c, u, i) {
   const o = [];
   for (const n of r) {
     const s = y(c, n, i);
-    o.push(...I(s, c, a));
+    o.push(...I(s, c, u));
   }
   return o;
 }
-const D = (r, c) => {
-  const a = ["g"];
-  c.matchCase || a.push("i");
+const X = (r, c) => {
+  const u = ["g"];
+  c.matchCase || u.push("i");
   let o = r.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
-  return new RegExp(o, a.join(""));
+  return new RegExp(o, u.join(""));
 };
-function y(r, c, a) {
+function y(r, c, u) {
   const i = [];
   for (const t of r.items)
     if (t.hasEOL)
@@ -27,14 +27,14 @@ function y(r, c, a) {
       i.push(t.str);
   const o = i.join("").replace(/\n/g, " ");
   let n;
-  c instanceof RegExp ? n = c.flags.indexOf("g") === -1 ? new RegExp(c, `${c.flags}g`) : c : n = D(c, a);
+  c instanceof RegExp ? n = c.flags.indexOf("g") === -1 ? new RegExp(c, `${c.flags}g`) : c : n = X(c, u);
   const s = [];
   let e;
   for (; (e = n.exec(o)) !== null; )
-    a.wholeWords && !L(o, e.index, e[0].length) || s.push([e.index, e[0].length, e[0]]);
+    u.wholeWords && !L(o, e.index, e[0].length) || s.push([e.index, e[0].length, e[0]]);
   return s;
 }
-function I(r, c, a) {
+function I(r, c, u) {
   function i(l) {
     return l.hasEOL ? l.str.endsWith("-") ? -1 : 1 : 0;
   }
@@ -46,7 +46,7 @@ function I(r, c, a) {
       const f = s[o];
       n += f.str.length + i(f), o++;
     }
-    const p = {
+    const h = {
       idx: o,
       offset: d - n
     };
@@ -59,81 +59,81 @@ function I(r, c, a) {
       offset: d - n
     };
     t.push({
-      start: p,
+      start: h,
       end: m,
       str: r[l][2],
       oIndex: r[l][0],
-      pageIndex: a,
+      pageIndex: u,
       rect: {
         left: 0,
-        top: 0,
+        bottom: 0,
         width: 0,
         height: 0
       }
     });
   }
   for (const l of t) {
-    const d = s[l.start.idx], p = s[l.end.idx], m = d.transform[4], f = d.transform[5], E = m + d.width * l.start.offset / d.str.length, h = f, b = m + p.width * l.end.offset / p.str.length, N = f, u = {
-      left: Math.min(E, b),
-      top: Math.min(h, N),
-      width: Math.abs(b - E),
-      height: Math.max(d.height, p.height)
+    const d = s[l.start.idx], h = s[l.end.idx], m = d.transform[4] + l.start.offset * (d.width / d.str.length), f = d.transform[5], E = h.transform[4] + l.end.offset * (h.width / h.str.length), a = h.transform[5], M = {
+      left: Math.min(m, E),
+      bottom: Math.min(f, a),
+      width: Math.abs(E - m),
+      height: Math.max(d.height, h.height)
     };
-    l.rect = u;
+    l.rect = M;
   }
   return t;
 }
-function L(r, c, a) {
+function L(r, c, u) {
   let i = r.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
   if (i) {
     const o = r.charCodeAt(c), n = i[1].charCodeAt(0);
-    if (X(o) === X(n))
+    if (D(o) === D(n))
       return !1;
   }
-  if (i = r.slice(c + a).match(/^\p{M}*([^\p{M}])/u), i) {
-    const o = r.charCodeAt(c + a - 1), n = i[1].charCodeAt(0);
-    if (X(o) === X(n))
+  if (i = r.slice(c + u).match(/^\p{M}*([^\p{M}])/u), i) {
+    const o = r.charCodeAt(c + u - 1), n = i[1].charCodeAt(0);
+    if (D(o) === D(n))
       return !1;
   }
   return !0;
 }
-function H(r, c, a) {
+function H(r, c, u) {
   const i = [];
   function o(n, s, e = -1, t = -1, l = "") {
-    const d = c.items[n], p = [];
-    let m = "", f = "", E = "", h = a[n];
-    if (!h)
+    const d = c.items[n], h = [];
+    let m = "", f = "", E = "", a = u[n];
+    if (!a)
       return;
-    if (h.nodeType === Node.TEXT_NODE) {
-      const u = document.createElement("span");
-      h.before(u), u.append(h), a[n] = u, h = u;
+    if (a.nodeType === Node.TEXT_NODE) {
+      const p = document.createElement("span");
+      a.before(p), p.append(a), u[n] = p, a = p;
     }
     e >= 0 && t >= 0 ? m = d.str.substring(e, t) : e < 0 && t < 0 ? m = d.str : e >= 0 ? m = d.str.substring(e) : t >= 0 && (m = d.str.substring(0, t));
-    const b = document.createTextNode(m), N = document.createElement("span");
-    if (N.className = "highlight appended " + l, N.setAttribute("data-match-index", `${s}`), N.append(b), p.push(N), i.push({ element: N, index: s }), e > 0)
-      if (h.childNodes.length === 1 && h.childNodes[0].nodeType === Node.TEXT_NODE) {
+    const M = document.createTextNode(m), N = document.createElement("span");
+    if (N.className = "highlight appended " + l, N.setAttribute("data-match-index", `${s}`), N.append(M), h.push(N), i.push({ element: N, index: s }), e > 0)
+      if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         f = d.str.substring(0, e);
-        const u = document.createTextNode(f);
-        p.unshift(u);
+        const p = document.createTextNode(f);
+        h.unshift(p);
       } else {
-        let u = 0;
-        const C = [];
-        for (const g of h.childNodes) {
+        let p = 0;
+        const b = [];
+        for (const g of a.childNodes) {
           const x = g.nodeType === Node.TEXT_NODE ? g.nodeValue : g.firstChild.nodeValue;
-          u += x.length, u <= e ? C.push(g) : e >= u - x.length && t <= u && C.push(
+          p += x.length, p <= e ? b.push(g) : e >= p - x.length && t <= p && b.push(
             document.createTextNode(
-              x.substring(0, e - (u - x.length))
+              x.substring(0, e - (p - x.length))
             )
           );
         }
-        p.unshift(...C);
+        h.unshift(...b);
       }
     if (t > 0) {
       E = d.str.substring(t);
-      const u = document.createTextNode(E);
-      p.push(u);
+      const p = document.createTextNode(E);
+      h.push(p);
     }
-    h.replaceChildren(...p);
+    a.replaceChildren(...h);
   }
   for (const [n, s] of r.entries())
     if (s.start.idx === s.end.idx)
@@ -144,11 +144,11 @@ function H(r, c, a) {
   return i;
 }
 function R(r, c) {
-  const a = r.items.map((i) => i.str);
+  const u = r.items.map((i) => i.str);
   for (let i = 0; i < c.length; i++) {
     const o = c[i];
     if (o && o.nodeType !== Node.TEXT_NODE) {
-      const n = document.createTextNode(a[i]);
+      const n = document.createTextNode(u[i]);
       o.replaceChildren(n);
     }
   }
@@ -156,54 +156,54 @@ function R(r, c) {
 function W(r = {}) {
   return { matchCase: !1, wholeWords: !1, ...r };
 }
-function A(r, c, a) {
+function A(r, c, u) {
   const i = [];
   function o(n, s, e = -1, t = -1, l) {
-    var u, C;
-    const d = c.items[n], p = [];
-    let m = "", f = "", E = "", h = a[n];
-    if (!h)
+    var p, b;
+    const d = c.items[n], h = [];
+    let m = "", f = "", E = "", a = u[n];
+    if (!a)
       return;
     e >= 0 && t >= 0 ? m = d.str.substring(e, t) : e < 0 && t < 0 ? m = d.str : e >= 0 ? m = d.str.substring(e) : t >= 0 && (m = d.str.substring(0, t));
-    const b = document.createTextNode(m), N = document.createElement("span");
-    if (N.style.background = l, N.append(b), p.push(N), e > 0)
-      if (h.childNodes.length === 1 && h.childNodes[0].nodeType === Node.TEXT_NODE) {
+    const M = document.createTextNode(m), N = document.createElement("span");
+    if (N.style.background = l, N.append(M), h.push(N), e > 0)
+      if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         f = d.str.substring(0, e);
         const g = document.createTextNode(f);
-        p.unshift(g);
+        h.unshift(g);
       } else {
         let g = 0;
         const x = [];
-        for (const T of h.childNodes) {
-          const v = T.nodeType === Node.TEXT_NODE ? T.nodeValue || "" : ((u = T.firstChild) == null ? void 0 : u.nodeValue) || "", M = v.length;
-          if (g += M, g <= e)
+        for (const T of a.childNodes) {
+          const v = T.nodeType === Node.TEXT_NODE ? T.nodeValue || "" : ((p = T.firstChild) == null ? void 0 : p.nodeValue) || "", C = v.length;
+          if (g += C, g <= e)
             x.push(T);
-          else if (e >= g - M && t <= g) {
-            const w = v.substring(0, e - (g - M));
+          else if (e >= g - C && t <= g) {
+            const w = v.substring(0, e - (g - C));
             x.push(document.createTextNode(w));
           }
         }
-        p.unshift(...x);
+        h.unshift(...x);
       }
     if (t > 0)
-      if (h.childNodes.length === 1 && h.childNodes[0].nodeType === Node.TEXT_NODE) {
+      if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         E = d.str.substring(t);
         const g = document.createTextNode(E);
-        p.push(g);
+        h.push(g);
       } else {
         let g = 0;
         const x = [];
-        for (const T of h.childNodes) {
+        for (const T of a.childNodes) {
           g >= t && x.push(T);
-          const v = T.nodeType === Node.TEXT_NODE ? T.nodeValue || "" : ((C = T.firstChild) == null ? void 0 : C.nodeValue) || "", M = v.length;
-          if (g += M, g > t) {
-            const w = v.substring(t - (g - M));
+          const v = T.nodeType === Node.TEXT_NODE ? T.nodeValue || "" : ((b = T.firstChild) == null ? void 0 : b.nodeValue) || "", C = v.length;
+          if (g += C, g > t) {
+            const w = v.substring(t - (g - C));
             w && x.push(document.createTextNode(w));
           }
         }
-        x.length > 0 && p.push(...x);
+        x.length > 0 && h.push(...x);
       }
-    h.replaceChildren(...p), i.push({ element: N, index: s });
+    a.replaceChildren(...h), i.push({ element: N, index: s });
   }
   for (const [n, s] of r.entries()) {
     const { start: e, end: t, color: l } = s;

package/dist/utils/hooks/useCopyText.js

@@ -0,0 +1,36 @@
+import { useRef as o, useEffect as i } from "react";
+const s = /[\x00-\x1F]/g;
+let c = null, r = null;
+function d(e) {
+  return c || (c = /([\u00a0\u00b5\u037e\u0eb3\u2000-\u200a\u202f\u2126\ufb00-\ufb04\ufb06\ufb20-\ufb36\ufb38-\ufb3c\ufb3e\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufba1\ufba4-\ufba9\ufbae-\ufbb1\ufbd3-\ufbdc\ufbde-\ufbe7\ufbea-\ufbf8\ufbfc-\ufbfd\ufc00-\ufc5d\ufc64-\ufcf1\ufcf5-\ufd3d\ufd88\ufdf4\ufdfa-\ufdfb\ufe71\ufe77\ufe79\ufe7b\ufe7d]+)|(\ufb05+)/gu, r = /* @__PURE__ */ new Map([["ſt", "ſt"]])), e.replace(
+    c,
+    (f, u, t) => u ? u.normalize("NFKC") : (r == null ? void 0 : r.get(t)) || ""
+  );
+}
+function p(e, f = !1) {
+  return s.test(e) ? f ? e.replace(s, (u) => u === "\0" ? "" : " ") : e.replace(/\x00/g, "") : e;
+}
+const x = (e) => {
+  const f = o(!1), u = o(null);
+  i(() => {
+    if (!e || f.current)
+      return;
+    const t = (n) => {
+      var l;
+      const b = document.getSelection();
+      if (!b)
+        return;
+      const a = b.toString();
+      a && ((l = n.clipboardData) == null || l.setData(
+        "text/plain",
+        p(d(a))
+      ), n.preventDefault(), n.stopPropagation());
+    };
+    return e.addEventListener("copy", t), u.current = e, f.current = !0, () => {
+      u.current && (u.current.removeEventListener("copy", t), f.current = !1);
+    };
+  }, [e]);
+};
+export {
+  x as useCopyText
+};

package/dist/utils/hooks/useFileDownload.js

@@ -1,142 +1,33 @@
+import { useDocumentContext as c } from "../../contexts/RPDocumentContext.js";
+import { useCallback as a } from "react";
+import { useDownloadContext as s } from "../../contexts/DownloadContext.js";
 import "react/jsx-runtime";
-import "react";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { b as Hr } from "../../ToolbarLayout.module-37619c4b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../contexts/DownloadContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../components/RPConfig.js";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-08d57275.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
 import "./useLoadPdf.js";
 import "pdfjs-dist";
 import "../types.js";
 import "../../th_TH-d627cd51.js";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
 import "../appConsole.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-import "../../components/icons/ChevronUpIcon.js";
-import "../highlight.js";
-import "../charators.js";
-import "../Queue.js";
-import "../renderPage.js";
-import "../../components/icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../withRef.js";
-import "./useInfiniteScroll.js";
-import "../constants.js";
-import "../link_service.js";
-import "../annotations.js";
-import "../sanitizeExternalUrl.js";
-import "../../components/page/searchHighlight.js";
-import "../const.js";
-import "../../components/page/CustomElement.js";
-import "../getZoomLevel.js";
-import "./useDebounce.js";
-import "./useLicense.js";
-import "../getScrollDistance.js";
-import "../getElementPositionInPage.js";
-import "../calculatePage.js";
-import "./useMousePressed.js";
-import "./useGrabScroll.js";
-import "./usePinch.js";
-import "../../components/ui/PasswordModal.js";
-import "./useLocalization.js";
-import "../approximateFragtion.js";
-import "../getWordPositionInPage.js";
-import "../smoothScrollTo.js";
-import "../../components/layout/toolbar/FileUploadTool.js";
-import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../index-808ea7bf.js";
-import "../../components/layout/toolbar/DarkModeTool.js";
-import "../../components/icons/MoonIcon.js";
-import "../../components/icons/SunIcon.js";
-import "./useDarkMode.js";
-import "../../components/icons/ThreeDotIcon.js";
-import "../../components/icons/CloseIcon.js";
-import "../../components/layout/toolbar/DocumentProperties.js";
-import "../../components/icons/InfoIcon.js";
-import "../../components/layout/toolbar/RotateTool.js";
-import "../../components/icons/ClockwiseIcon.js";
-import "./useRotate.js";
-import "../../components/layout/toolbar/ViewModeTool.js";
-import "../../components/icons/SinglePageIcon.js";
-import "../../components/icons/DualPageIcon.js";
-import "../../components/icons/CheckIcon.js";
-import "../../components/layout/toolbar/ScrollModeTool.js";
-import "../../components/icons/PageScrollingIcon.js";
-import "../../components/icons/VerticalScrollingIcon.js";
-import "../../components/icons/HorizontalScrollingIcon.js";
-import "../../components/icons/FileDownloadDefaultIcon.js";
-import "../../components/icons/PrintDefaultIcon.js";
-import "../../components/layout/toolbar/FullScreenTool.js";
-import "../../components/icons/FullScreenIcon.js";
-import "./useFullScreen.js";
-import "../../components/icons/GoToDownIcon.js";
-import "../../components/layout/toolbar/SelectionModeTool.js";
-import "../../components/icons/TextSelectionDefaultIcon.js";
-import "../../components/icons/HandModeDefaultIcon.js";
-import "../../components/icons/ZoomInIcon.js";
-import "../../components/icons/ZoomOutIcon.js";
-import "../zoom.js";
-import "../../components/icons/SearchIcon.js";
-import "../../components/icons/ClearIcon.js";
-import "./useHighlight.js";
-import "../../components/RPTheme.js";
-import "./useLoadWorker.js";
-import "../../components/icons/LightPdfIcon.js";
-import "../../components/icons/DarkPdfIcon.js";
+const i = ".pdf", d = (o) => URL.createObjectURL(o), l = async (o) => {
+  const r = await (await fetch(o)).blob();
+  return d(r);
+}, k = () => {
+  const { filename: o, pdfSrc: e } = c(), { downloadFilename: r } = s(), m = (t) => {
+    const n = r || t;
+    return n.endsWith(i) ? n : `${n}${i}`;
+  };
+  return { download: a(async () => {
+    if (!o || !e)
+      throw new Error("There is no PDF source to download");
+    const t = document.createElement("a");
+    t.href = await l(e), t.download = m(o), document.body.appendChild(t), t.click(), document.body.removeChild(t);
+  }, [o, e]) };
+};
 export {
-  Hr as useFileDownload
+  k as useFileDownload
 };

package/dist/utils/hooks/useHighlight.js

@@ -1,52 +1,52 @@
-import { useState as l, useCallback as x, useEffect as C } from "react";
+import { useState as m, useCallback as r, useEffect as C } from "react";
 import { getHighlightOptionsWithDefaults as H, findMatches as M } from "../highlight.js";
 import "../charators.js";
 const k = (s) => {
-  const [n, a] = l(void 0), [u, r] = l([]), m = x(async (t) => {
+  const [n, c] = m(void 0), [f, l] = m([]), u = r(async (t) => {
     if (!t)
       return {};
     const i = t.numPages, e = {};
     for (let o = 1; o <= i; o++) {
-      const g = await t.getPage(o);
-      e[o.toString()] = await g.getTextContent();
+      const h = await t.getPage(o);
+      e[o.toString()] = await h.getTextContent();
     }
     return e;
-  }, []), f = async (t) => {
-    a(t);
-  }, c = () => {
-    r([]), a(void 0);
-  };
+  }, []), p = r(async (t) => {
+    c(t);
+  }, []), g = r(() => {
+    l([]), c(void 0);
+  }, []);
   return C(() => {
-    s && m(s).then((t) => {
+    s && u(s).then((t) => {
       let i = [];
-      for (const { keyword: e, highlightColor: o, options: g } of n) {
+      for (const { keyword: e, highlightColor: o, options: h } of n) {
         if (!e)
           continue;
-        const p = H(g);
-        for (const h of Object.keys(t)) {
-          const y = M(
+        const y = H(h);
+        for (const a of Object.keys(t)) {
+          const b = M(
             [e],
-            t[h],
-            Number(h) - 1,
-            p
-          ).map((b, w) => ({
-            ...b,
-            page: Number(h),
-            pageMatchIdx: w,
+            t[a],
+            Number(a) - 1,
+            y
+          ).map((w, x) => ({
+            ...w,
+            page: Number(a),
+            pageMatchIdx: x,
             color: o,
             keyword: e
           }));
-          i = [...i, ...y];
+          i = [...i, ...b];
         }
       }
-      r(i);
+      l(i);
     }).catch(() => {
-      c();
+      g();
     });
-  }, [n, s]), {
-    highlight: f,
-    clear: c,
-    highlightMatches: u,
+  }, [n, s, g, u]), {
+    highlight: p,
+    clear: g,
+    highlightMatches: f,
     highlightKeywords: n
   };
 };

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2026-01-06T03:19:25.099Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-02-11T04:45:54.847Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,