@react-pdf-kit/viewer 2.2.0 → 2.3.0-beta.1

package/dist/{index-535ad364.js → index-11f3cd64.js}

@@ -3,7 +3,7 @@ import K from "react";
 import { c as re, a as k, g as pe, f as ye, P as L, b as g, d as ae, j as Te, i as _n } from "./index-113053cf.js";
 import { jsx as s } from "react/jsx-runtime";
 import { a as ge, u as me, D as Rn } from "./index-23911b43.js";
-import { h as In, u as En, F as Sn, R as bn, P as Pn } from "./Combination-479e39c6.js";
+import { h as In, u as En, F as Sn, R as bn, P as Pn } from "./Combination-17ab8af1.js";
 import { c as xe, A as Dn, C as yn, a as Tn, R as xn } from "./index-d0f0aa9a.js";
 function Ae(e) {
   const o = e + "CollectionProvider", [n, t] = re(o), [r, c] = n(

package/dist/main.js

@@ -139,11 +139,11 @@ import "./components/layout/toolbar/RPToolbarEnd.js";
 import "./components/layout/toolbar/FileUploadTool.js";
 import "./components/icons/FileUploadDefaultIcon.js";
 import "./components/layout/toolbar/MenuItem.js";
-import "./index-535ad364.js";
+import "./index-11f3cd64.js";
 import "./index-113053cf.js";
 import "react-dom";
 import "./index-23911b43.js";
-import "./Combination-479e39c6.js";
+import "./Combination-17ab8af1.js";
 import "./index-d0f0aa9a.js";
 import "./index-ada501c4.js";
 import "./components/layout/toolbar/DarkModeTool.js";
@@ -193,7 +193,7 @@ import "./utils/zoom.js";
 import "./components/ui/LoadingIndicator.js";
 import "./components/layout/sidebar/RPSidebar.js";
 import "./components/icons/Thumbnail.js";
-import "./RPSplitter-f6acf13b.js";
+import "./RPSplitter-925c8ff7.js";
 import "./components/layout/sidebar/Thumbnails.js";
 import "./components/layout/sidebar/Thumbnail.js";
 import "./utils/hooks/useInfiniteScroll.js";

package/dist/utils/hooks/useLicense.js

@@ -1,29 +1,8 @@
-import { useState as h, useCallback as E, useEffect as A } from "react";
-import { LicenseType as b } from "../types.js";
+import { useState as E, useCallback as y, useEffect as b } from "react";
+import { LicenseType as L } from "../types.js";
 import { appConsole as c } from "../appConsole.js";
 import "../../de_DE-a553b162.js";
-const y = /* @__PURE__ */ new Date("2026-03-25T12:17:37.740Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
-  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}`,
-  exceededVersion: "Your license does not support the current version of React PDF. The library version you are using exceeds the supported range of your license.",
-  invalidSignature: "Invalid license key: Signature mismatch"
-};
-function L(n) {
-  const t = n.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s+/g, ""), e = atob(t), r = new Uint8Array(e.length);
-  for (let i = 0; i < e.length; i++)
-    r[i] = e.charCodeAt(i);
-  return r.buffer;
-}
-function S(n) {
-  const t = atob(n), e = new Uint8Array(t.length);
-  for (let r = 0; r < t.length; r++)
-    e[r] = t.charCodeAt(r);
-  return e.buffer;
-}
-async function I(n, t = "SHA-256") {
-  try {
-    const { data: e, signature: r } = JSON.parse(atob(n)), i = L(`-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-03-26T04:34:25.350Z"), w = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y
@@ -31,88 +10,131 @@ Bm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W
 vXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD
 vzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR
 kwIDAQAB
------END PUBLIC KEY-----`), s = await window.crypto.subtle.importKey(
-      "spki",
-      // str2ab(publicKeyContent), // Convert PEM string to ArrayBuffer
-      i,
-      { name: "RSA-PSS", hash: t },
-      !0,
-      ["verify"]
-    ), a = await window.crypto.subtle.verify(
-      { name: "RSA-PSS", saltLength: 32 },
-      s,
-      S(r),
-      // Convert signature to ArrayBuffer
-      new TextEncoder().encode(atob(e))
-    );
-    if (c.debug(">>> Verified license key validity", a), !a)
+-----END PUBLIC KEY-----`, f = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
+  invalidLicense: `You are currently using without a valid license. ${f}`,
+  mismatchedDomain: `Your license key is not valid for the current domain / IP. ${f}`,
+  expired: `Your license key has expired. ${f}`,
+  exceededVersion: "Your license does not support the current version of React PDF. The library version you are using exceeds the supported range of your license.",
+  invalidSignature: "Invalid license key: Signature mismatch"
+};
+function S(a) {
+  const i = a.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s+/g, ""), e = atob(i), t = new Uint8Array(e.length);
+  for (let r = 0; r < e.length; r++)
+    t[r] = e.charCodeAt(r);
+  return t.buffer;
+}
+function I(a) {
+  const i = atob(a), e = new Uint8Array(i.length);
+  for (let t = 0; t < i.length; t++)
+    e[t] = i.charCodeAt(t);
+  return e.buffer;
+}
+async function T(a) {
+  try {
+    const i = await import("../../index-0b2a9a20.js").then((u) => u.i), e = (i == null ? void 0 : i.default) ?? i, t = e.pki.publicKeyFromPem(w), r = atob(a.data), n = e.util.decode64(a.signature), s = e.md.sha256.create();
+    s.update(r, "utf8");
+    const d = e.pss.create({
+      md: e.md.sha256.create(),
+      mgf: e.mgf.mgf1.create(e.md.sha256.create()),
+      saltLength: 32
+    });
+    return t.verify(s.digest().bytes(), n, d);
+  } catch (i) {
+    return c.debug("[License] node-forge verify failed:", i), !1;
+  }
+}
+async function B(a, i = "SHA-256") {
+  var e;
+  try {
+    const t = JSON.parse(atob(a));
+    let r = !1;
+    try {
+      if ((e = window.crypto) != null && e.subtle) {
+        const n = S(w), s = await window.crypto.subtle.importKey(
+          "spki",
+          n,
+          { name: "RSA-PSS", hash: i },
+          !0,
+          ["verify"]
+        );
+        r = await window.crypto.subtle.verify(
+          { name: "RSA-PSS", saltLength: 32 },
+          s,
+          I(t.signature),
+          new TextEncoder().encode(atob(t.data))
+        );
+      }
+    } catch (n) {
+      c.debug("[License] crypto.subtle verify failed, trying node-forge fallback:", n);
+    }
+    if (r || (r = await T(t)), !r)
       throw new Error(o.invalidSignature);
-    return JSON.parse(atob(e));
-  } catch {
-    throw new Error(o.invalidLicense);
+    return JSON.parse(atob(t.data));
+  } catch (t) {
+    throw t instanceof Error && t.message === o.invalidSignature ? t : new Error(o.invalidLicense);
   }
 }
-const T = (n, t) => {
-  switch (n) {
+const N = (a, i) => {
+  switch (a) {
     case "specific":
-      return t === window.location.host;
+      return i === window.location.host;
     case "wildcard":
-      return t ? window.location.host.includes(t) : !1;
+      return i ? window.location.host.includes(i) : !1;
   }
-}, u = {
+}, m = {
   isValid: !0,
   invalidatedMessage: o.invalidLicense,
   type: void 0
-}, V = (n) => {
-  const [t, e] = h(u), r = E(async () => {
-    if (e((l) => ({ ...l, validating: !0 })), !n)
-      throw e({ ...u, validating: !1 }), new Error(o.invalidLicense);
-    let i;
+}, V = (a) => {
+  const [i, e] = E(m), t = y(async () => {
+    if (e((l) => ({ ...l, validating: !0 })), !a)
+      throw e({ ...m, validating: !1 }), new Error(o.invalidLicense);
+    let r;
     try {
-      i = await I(n);
+      r = await B(a);
     } catch (l) {
       throw c.warn(l.message), new Error(l.message);
     }
-    c.debug(">>> validatedLicense", i);
-    const { avu: s, exp: a, dmt: v, dm: w, t: f } = i;
-    if (!a)
+    c.debug(">>> validatedLicense", r);
+    const { avu: n, exp: s, dmt: d, dm: u, t: g } = r;
+    if (!s)
       throw new Error("License is missing expiration timestamp");
-    if (a > Number.MAX_SAFE_INTEGER / 1e3)
+    if (s > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid expiration timestamp: value too large");
-    const p = new Date(a * 1e3), g = (/* @__PURE__ */ new Date()).getTime();
-    if (p.getTime() < g)
+    const v = new Date(s * 1e3), h = (/* @__PURE__ */ new Date()).getTime();
+    if (v.getTime() < h)
       throw new Error(o.expired);
-    if (!s)
+    if (!n)
       throw new Error("License is missing available until version timestamp");
-    if (s > Number.MAX_SAFE_INTEGER / 1e3)
+    if (n > Number.MAX_SAFE_INTEGER / 1e3)
       throw new Error("Invalid available until version timestamp: value too large");
-    const m = new Date(s * 1e3);
-    if (c.debug("availableUntilTimestamp", m), m.getTime() < y.getTime())
+    const p = new Date(n * 1e3);
+    if (c.debug("availableUntilTimestamp", p), p.getTime() < A.getTime())
       throw new Error(o.exceededVersion);
-    if (f !== b.Custom && !T(v, w))
+    if (g !== L.Custom && !N(d, u))
       throw new Error(o.mismatchedDomain);
     return {
       isValid: !0,
-      type: f,
+      type: g,
       invalidatedMessage: void 0
     };
-  }, [n]);
-  return A(() => {
-    r().then(({ isValid: i, type: s, invalidatedMessage: a }) => {
+  }, [a]);
+  return b(() => {
+    t().then(({ isValid: r, type: n, invalidatedMessage: s }) => {
       e({
-        isValid: i,
-        type: s,
-        invalidatedMessage: a,
+        isValid: r,
+        type: n,
+        invalidatedMessage: s,
         validating: !1
       });
-    }).catch((i) => {
+    }).catch((r) => {
       e({
-        ...u,
+        ...m,
         isValid: !1,
         validating: !1
-      }), c.warn(i.message);
+      }), c.warn(r.message);
     });
-  }, [r]), t;
+  }, [t]), i;
 };
 export {
   V as useLicense

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.2.0",
+  "version": "2.3.0-beta.1",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [
@@ -40,6 +40,7 @@
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "node-forge": "^1.3.3",
     "pdfjs-dist": "5.4.530",
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10"
@@ -50,6 +51,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@tanstack/eslint-plugin-query": "^5.60.1",
+    "@types/node-forge": "^1.3.14",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "@types/react-window": "^1.8.8",

package/dist/RPSplitter-f6acf13b.js

@@ -1,71 +0,0 @@
-import { jsx as N } from "react/jsx-runtime";
-import { useRef as _, useState as T, useCallback as w, useEffect as f } from "react";
-import { THUMBNAIL_MIN_WIDTH as v } from "./utils/constants.js";
-import { useLayoutContainer as A } from "./contexts/LayoutContainerContext.js";
-const P = {
-  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_ppg43_1",
-  "rp-sidebar-content": "_rp-sidebar-content_ppg43_1",
-  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_ppg43_17",
-  "rp-thumbnails-wrapper-dragging": "_rp-thumbnails-wrapper-dragging_ppg43_24",
-  "rp-thumbnails-wrapper-hidden": "_rp-thumbnails-wrapper-hidden_ppg43_28"
-}, L = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_17ndw_2",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_17ndw_12"
-}, R = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_8o6id_1",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_8o6id_14"
-}, W = (p) => {
-  p.preventDefault(), p.stopPropagation();
-}, k = (p) => {
-  const { onWidthChange: e, thumbnailRef: S, leftSidebarRef: x, isRPLayout: y } = p, n = _(null), E = _(0), o = _(null), [a, B] = T(v), { container: m } = A(), I = w((t) => {
-    var c, u, l, s, d, g, M, D;
-    W(t);
-    const r = ((u = (c = n.current) == null ? void 0 : c.getBoundingClientRect()) == null ? void 0 : u.left) ?? 0, i = ((s = (l = S.current) == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : s.width) ?? 0;
-    o.current = { x: r, y: 0 }, E.current = i, (d = n.current) == null || d.classList.add(L["rp-thumbnail-dragger-dragging"]), (g = n.current) == null || g.classList.add(R["rp-thumbnail-dragger-dragging"]), (D = (M = n.current) == null ? void 0 : M.closest('[data-rp="thumbnailSidebar"]')) == null || D.classList.add(
-      P["rp-thumbnails-wrapper"],
-      P["rp-thumbnails-wrapper-dragging"]
-    );
-  }, []), h = w((t) => {
-    var r, i;
-    W(t), o.current = null, (r = n.current) == null || r.classList.remove(L["rp-thumbnail-dragger-dragging"]), (i = n.current) == null || i.classList.remove(R["rp-thumbnail-dragger-dragging"]);
-  }, []), b = w(
-    (t) => {
-      if (!o.current)
-        return;
-      const r = t.clientX - o.current.x, i = Math.max(
-        v,
-        Math.min(E.current + r, a)
-      );
-      e == null || e(i), W(t);
-    },
-    [e, a]
-  );
-  return f(() => {
-    if (!m)
-      return;
-    const t = new ResizeObserver(([r]) => {
-      var s, d, g;
-      const i = ((s = n.current) == null ? void 0 : s.offsetWidth) ?? 0, c = ((g = (d = x.current) == null ? void 0 : d.getBoundingClientRect()) == null ? void 0 : g.width) ?? 0, u = r.contentRect.width / 2, l = i + c;
-      B(u - l);
-    });
-    return t.observe(m), () => {
-      t.disconnect();
-    };
-  }, [m, x]), f(() => {
-    var r;
-    (((r = S.current) == null ? void 0 : r.clientWidth) ?? v) > a && (e == null || e(a));
-  }, [a, e]), f(() => (window.addEventListener("pointermove", b), window.addEventListener("pointerup", h), () => {
-    window.removeEventListener("pointermove", b), window.removeEventListener("pointerup", h);
-  }), [b, h]), /* @__PURE__ */ N(
-    "div",
-    {
-      ref: n,
-      className: y ? R["rp-thumbnail-dragger"] : L["rp-thumbnail-dragger"],
-      onPointerDown: I
-    }
-  );
-};
-export {
-  k as R,
-  P as c
-};