@pdf-viewer/react 0.4.0-beta.1

package/dist/utils/getZoomLevel.js

@@ -0,0 +1,18 @@
+import { ZoomLevel as m } from "./types.js";
+const Z = (o, r, s, e, t) => {
+  if (typeof o == "number")
+    return o;
+  switch (o) {
+    case m.ACTUAL:
+      return 100;
+    case m.PAGE_FIT:
+      let n = 0;
+      const f = r > s;
+      return t > e && f ? n = s / t : n = r / e, Math.floor(n * 100);
+    case m.PAGE_WIDTH:
+      return Math.floor(r / e * 100);
+  }
+};
+export {
+  Z as getZoomLevel
+};

package/dist/utils/highlight.js

@@ -0,0 +1,145 @@
+import { getCharacterType as E } from "./charators.js";
+function I(r, o, d, s) {
+  const e = [];
+  for (const t of r) {
+    const i = M(o, t, s);
+    e.push(...w(i, o, d));
+  }
+  return e;
+}
+const C = (r, o) => {
+  const d = ["g"];
+  o.matchCase || d.push("i");
+  let e = r.replace(/[.^$*+?()[{|\\]/g, (t) => `\\${t}`).trim();
+  return new RegExp(e, d.join(""));
+};
+function M(r, o, d) {
+  const s = [];
+  for (const c of r.items)
+    if (c.hasEOL)
+      if (c.str.endsWith("-")) {
+        const h = c.str.lastIndexOf("-");
+        s.push(c.str.substring(0, h));
+      } else
+        s.push(c.str, `
+`);
+    else
+      s.push(c.str);
+  const e = s.join("").replace(/\n/g, " ");
+  let t;
+  o instanceof RegExp ? t = o.flags.indexOf("g") === -1 ? new RegExp(o, `${o.flags}g`) : o : t = C(o, d);
+  const i = [];
+  let n;
+  for (; (n = t.exec(e)) !== null; )
+    d.wholeWords && !R(e, n.index, n[0].length) || i.push([n.index, n[0].length, n[0]]);
+  return i;
+}
+function w(r, o, d) {
+  function s(h) {
+    return h.hasEOL ? h.str.endsWith("-") ? -1 : 1 : 0;
+  }
+  let e = 0, t = 0;
+  const i = o.items, n = i.length - 1, c = [];
+  for (let h = 0; h < r.length; h++) {
+    let a = r[h][0];
+    for (; e !== n && a >= t + i[e].str.length; ) {
+      const p = i[e];
+      t += p.str.length + s(p), e++;
+    }
+    const g = {
+      idx: e,
+      offset: a - t
+    };
+    for (a += r[h][1]; e !== n && a > t + i[e].str.length; ) {
+      const p = i[e];
+      t += p.str.length + s(p), e++;
+    }
+    const f = {
+      idx: e,
+      offset: a - t
+    };
+    c.push({
+      start: g,
+      end: f,
+      str: r[h][2],
+      oIndex: r[h][0],
+      pageIndex: d
+    });
+  }
+  return c;
+}
+function R(r, o, d) {
+  let s = r.slice(0, o).match(/([^\p{M}])\p{M}*$/u);
+  if (s) {
+    const e = r.charCodeAt(o), t = s[1].charCodeAt(0);
+    if (E(e) === E(t))
+      return !1;
+  }
+  if (s = r.slice(o + d).match(/^\p{M}*([^\p{M}])/u), s) {
+    const e = r.charCodeAt(o + d - 1), t = s[1].charCodeAt(0);
+    if (E(e) === E(t))
+      return !1;
+  }
+  return !0;
+}
+function $(r, o, d) {
+  const s = [];
+  function e(t, i, n = -1, c = -1, h = "") {
+    const a = o.items[t], g = [];
+    let f = "", p = "", v = "", u = d[t];
+    if (!u)
+      return;
+    if (u.nodeType === Node.TEXT_NODE) {
+      const l = document.createElement("span");
+      u.before(l), l.append(u), d[t] = l, u = l;
+    }
+    n >= 0 && c >= 0 ? f = a.str.substring(n, c) : n < 0 && c < 0 ? f = a.str : n >= 0 ? f = a.str.substring(n) : c >= 0 && (f = a.str.substring(0, c));
+    const b = document.createTextNode(f), m = document.createElement("span");
+    if (m.className = "highlight appended " + h, m.setAttribute("data-match-index", `${i}`), m.append(b), g.push(m), s.push({ element: m, index: i }), n > 0)
+      if (u.childNodes.length === 1 && u.childNodes[0].nodeType === Node.TEXT_NODE) {
+        p = a.str.substring(0, n);
+        const l = document.createTextNode(p);
+        g.unshift(l);
+      } else {
+        let l = 0;
+        const T = [];
+        for (const x of u.childNodes) {
+          const N = x.nodeType === Node.TEXT_NODE ? x.nodeValue : x.firstChild.nodeValue;
+          l += N.length, l <= n ? T.push(x) : n >= l - N.length && c <= l && T.push(
+            document.createTextNode(
+              N.substring(0, n - (l - N.length))
+            )
+          );
+        }
+        g.unshift(...T);
+      }
+    if (c > 0) {
+      v = a.str.substring(c);
+      const l = document.createTextNode(v);
+      g.push(l);
+    }
+    u.replaceChildren(...g);
+  }
+  for (const [t, i] of r.entries())
+    if (i.start.idx === i.end.idx)
+      e(i.start.idx, t, i.start.offset, i.end.offset);
+    else
+      for (let n = i.start.idx, c = i.end.idx; n <= c; n++)
+        n === i.start.idx ? e(n, t, i.start.offset, -1, "begin") : n === i.end.idx ? e(n, t, -1, i.end.offset, "end") : e(n, t, -1, -1, "middle");
+  return s;
+}
+function y(r, o) {
+  const d = r.items.map((s) => s.str);
+  for (let s = 0; s < o.length; s++) {
+    const e = o[s];
+    if (e && e.nodeType !== Node.TEXT_NODE) {
+      const t = document.createTextNode(d[s]);
+      e.replaceChildren(t);
+    }
+  }
+}
+export {
+  I as findMatches,
+  $ as highlightMatches,
+  y as resetDivs
+};

package/dist/utils/hooks/useDarkMode.js

@@ -0,0 +1,11 @@
+import { useState as t } from "react";
+const a = (e = !1) => {
+  const [o, r] = t(e);
+  return {
+    darkMode: o,
+    setDarkMode: r
+  };
+};
+export {
+  a as useDarkMode
+};

package/dist/utils/hooks/useDarkModeProps.js

@@ -0,0 +1,12 @@
+import { useDarkMode as r } from "./useDarkMode.js";
+const d = () => {
+  const { darkMode: e, setDarkMode: o } = r();
+  return {
+    darkMode: e,
+    onDarkModeChange: o,
+    setDarkMode: o
+  };
+};
+export {
+  d as useDarkModeProps
+};

package/dist/utils/hooks/useDebounce.js

@@ -0,0 +1,15 @@
+import { useState as r, useEffect as c } from "react";
+function f(e, t) {
+  const [o, u] = r(e);
+  return c(() => {
+    const n = setTimeout(() => {
+      u(e);
+    }, t);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e, t]), o;
+}
+export {
+  f as useDebounce
+};

package/dist/utils/hooks/useElementSize.js

@@ -0,0 +1,21 @@
+import { useState as a } from "react";
+import d from "./useResizeObserver.js";
+const S = (c) => {
+  const [h, u] = a({ width: 0, height: 0 });
+  return d(c, (z) => {
+    const e = z[0];
+    if (e) {
+      const t = e.contentBoxSize;
+      let i = 0, o = 0;
+      if (t) {
+        const n = Array.isArray(t) ? t : [t];
+        i = n.reduce((r, { inlineSize: s }) => r + s, 0), o = n.reduce((r, { blockSize: s }) => r + s, 0);
+      } else
+        i = e.contentRect.width, o = e.contentRect.height;
+      u({ width: i, height: o });
+    }
+  }), { size: h };
+};
+export {
+  S as default
+};

package/dist/utils/hooks/useFileDownload.js

@@ -0,0 +1,32 @@
+import "react/jsx-runtime";
+import "../../contexts/RPDocumentContext.js";
+import { a as C } from "../../Thumbnails-06fa1aa5.js";
+import "../../components/RPConfig.js";
+import "react";
+import "../../components/ui/Button.js";
+import "../../RPSplitter.module-13d612c4.js";
+import "../../contexts/ToolbarComponentContext.js";
+import "../../contexts/IconContext.js";
+import "../../Container.module-cb7b45b9.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/DarkModeContext.js";
+import "../../contexts/RotateContext.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/ScrollStateContext.js";
+import "../../contexts/ViewportContext.js";
+import "../../contexts/SelectionModeContext.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/ThemeContext.js";
+import "../../contexts/FullScreenContext.js";
+import "../../WrapperLayout.module-147bc943.js";
+import "../../contexts/DropFileZoneContext.js";
+import "../../RPTheme.module-f756e5cd.js";
+import "../../contexts/FileInputContext.js";
+export {
+  C as useFileDownload
+};

package/dist/utils/hooks/useFullScreen.js

@@ -0,0 +1,29 @@
+import { useState as s, useCallback as n, useEffect as a } from "react";
+const m = () => {
+  const [t, r] = s(!1), l = typeof document < "u" && (document.fullscreenEnabled || document.webkitFullscreenEnabled), c = n(async (e) => {
+    if (!document.fullscreenElement)
+      try {
+        await e.requestFullscreen();
+      } catch (o) {
+        console.error("Error attempting to enter fullscreen:", o);
+      }
+  }, []), u = n(async () => {
+    if (document.fullscreenElement)
+      try {
+        await document.exitFullscreen();
+      } catch (e) {
+        console.error("Error attempting to exit fullscreen:", e);
+      }
+  }, []);
+  return a(() => {
+    const e = () => {
+      r(!!document.fullscreenElement);
+    };
+    return document.addEventListener("fullscreenchange", e), () => {
+      document.removeEventListener("fullscreenchange", e);
+    };
+  }, []), { isFullScreen: t, enterFullScreen: c, exitFullScreen: u, isSupported: l };
+};
+export {
+  m as useFullScreen
+};

package/dist/utils/hooks/useGrabScroll.js

@@ -0,0 +1,45 @@
+import { useState as w, useRef as p, useCallback as a, useEffect as X } from "react";
+const g = ({
+  isPressed: l,
+  scrollSpeed: i = 2
+}) => {
+  const [L, v] = w("unset"), t = p(null), f = p({
+    startY: 0,
+    startX: 0,
+    startScrollTop: 0,
+    startScrollLeft: 0
+  }), o = a((r) => {
+    t.current && (f.current = {
+      startY: r.pageY,
+      startX: r.pageX,
+      startScrollTop: t.current.scrollTop,
+      startScrollLeft: t.current.scrollLeft
+    });
+  }, []), s = a(() => {
+    v("smooth");
+  }, []), e = a(
+    (r) => {
+      if (!l || !t.current)
+        return;
+      r.preventDefault(), v("unset");
+      const { startX: u, startY: n, startScrollTop: c, startScrollLeft: d } = f.current, S = (r.pageX - u) * i, h = (r.pageY - n) * i;
+      t.current.scrollTop = c - h, t.current.scrollLeft = d - S;
+    },
+    [l, i, t]
+  ), E = a(
+    (r) => {
+      var u, n, c;
+      t.current && ((u = t.current) == null || u.removeEventListener("mousedown", o), (n = t.current) == null || n.removeEventListener("mouseup", s), (c = t.current) == null || c.removeEventListener("mousemove", e)), t.current = r, r && (r == null || r.addEventListener("mousedown", o, { capture: !0 }), r == null || r.addEventListener("mouseup", s), r == null || r.addEventListener("mousemove", e));
+    },
+    [o, s, e]
+  );
+  return X(() => () => {
+    t.current && (t.current.removeEventListener("mousedown", o), t.current.removeEventListener("mouseup", s), t.current.removeEventListener("mousemove", e));
+  }, [o, s, e]), {
+    initializeGrabScroll: E,
+    scrollBehavior: L
+  };
+};
+export {
+  g as useGrabScroll
+};

package/dist/utils/hooks/useInfiniteScroll.js

@@ -0,0 +1,19 @@
+import { useCallback as l, useEffect as f } from "react";
+const v = (s, c, h = {}) => {
+  const { distance: i = 10, loadFirst: t = !1 } = h, o = l(
+    (u) => {
+      if (!s)
+        return;
+      s.scrollHeight - s.clientHeight - s.scrollTop < i && c();
+    },
+    [c, s, i]
+  );
+  f(() => {
+    t && c();
+  }, [t]), f(() => (s == null || s.addEventListener("scroll", o), () => {
+    s == null || s.removeEventListener("scroll", o);
+  }), [o, s]);
+};
+export {
+  v as useInfiniteScroll
+};

package/dist/utils/hooks/useLicense.js

@@ -0,0 +1,102 @@
+import { useState as g, useCallback as h, useEffect as v } from "react";
+import { appConsole as l } from "../appConsole.js";
+const b = /* @__PURE__ */ new Date("2025-02-06T05:13:29.146Z"), d = "Please visit https://www.react-pdf.dev/license-management/ 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 Vue PDF Viewer. The library version you are using exceeds the supported range of your license.",
+  invalidSignature: "Invalid license key: Signature mismatch"
+};
+function y(r) {
+  const n = r.replace(/-----BEGIN PUBLIC KEY-----/, "").replace(/-----END PUBLIC KEY-----/, "").replace(/\s+/g, ""), t = atob(n), i = new Uint8Array(t.length);
+  for (let e = 0; e < t.length; e++)
+    i[e] = t.charCodeAt(e);
+  return i.buffer;
+}
+function A(r) {
+  const n = atob(r), t = new Uint8Array(n.length);
+  for (let i = 0; i < n.length; i++)
+    t[i] = n.charCodeAt(i);
+  return t.buffer;
+}
+async function I(r, n = "SHA-256") {
+  try {
+    const { data: t, signature: i } = JSON.parse(atob(r)), e = y(`-----BEGIN PUBLIC KEY-----
+MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAyrIi83Zr5AKaWO6zbZmX
+qv3McVhtnPOnWCiFgf5xeaglLzEwMiXo3gALaPoBp5Q0WPOSBE9GTqwOyQUgpDNS
+BuQ0cjOzQdFM3GPnKSqQThZJfjUmD9egMZDmfhcpFGPybUoicoIEFQOdX2vMFUfn
+6yjRsyvbK6UPTombYl785V8dXNnnIHa4tQC1JSaSe/bhG3e/6kbQCy9VJ23242q9
+WJpx9c2sZ+bmyI0r9Zx0PfqcDJzDfKn45v96EtxGhV16OZhqkbj4ljiJ/mfqfCkx
+ybkm9nvxz0hAwcEftQaxl/0cZ1RxtsRcL+V3msLsmGcs9nPqAuXecbfg9QVCi/+m
+iwIDAQAB
+-----END PUBLIC KEY-----`), a = await window.crypto.subtle.importKey(
+      "spki",
+      // str2ab(publicKeyContent), // Convert PEM string to ArrayBuffer
+      e,
+      { name: "RSA-PSS", hash: n },
+      !0,
+      ["verify"]
+    );
+    if (!await window.crypto.subtle.verify(
+      { name: "RSA-PSS", saltLength: 32 },
+      a,
+      A(i),
+      // Convert signature to ArrayBuffer
+      new TextEncoder().encode(atob(t))
+    ))
+      throw new Error(o.invalidSignature);
+    return JSON.parse(atob(t));
+  } catch {
+    throw new Error(o.invalidLicense);
+  }
+}
+const L = (r, n) => r === "specific" ? n === window.location.host : window.location.host.includes(n), c = {
+  isValid: !1,
+  invalidatedMessage: o.invalidLicense,
+  type: void 0
+}, T = (r) => {
+  const [n, t] = g(c), i = h(async () => {
+    if (!r)
+      return t(c), c;
+    try {
+      const e = await I(r);
+      l.debug(">>> validatedLicense", e);
+      const { avu: a, exp: s, dmt: m, dm: f, t: w } = e;
+      if (!s)
+        throw new Error("License is missing expiration timestamp");
+      if (s > Number.MAX_SAFE_INTEGER / 1e3)
+        throw new Error("Invalid expiration timestamp: value too large");
+      const p = new Date(s * 1e3), E = (/* @__PURE__ */ new Date()).getTime();
+      if (p.getTime() < E)
+        throw new Error(o.expired);
+      if (!a)
+        throw new Error("License is missing available until version timestamp");
+      if (a > Number.MAX_SAFE_INTEGER / 1e3)
+        throw new Error("Invalid available until version timestamp: value too large");
+      const u = new Date(a * 1e3);
+      if (l.debug("availableUntilTimestamp", u), u.getTime() < b.getTime())
+        throw new Error(o.exceededVersion);
+      if (!L(m, f))
+        throw new Error(o.mismatchedDomain);
+      return {
+        isValid: !0,
+        type: w,
+        invalidatedMessage: void 0
+      };
+    } catch (e) {
+      return l.warn(e.message), { ...c, invalidatedMessage: e.message };
+    }
+  }, [r]);
+  return v(() => {
+    i().then(({ isValid: e, type: a, invalidatedMessage: s }) => {
+      t({
+        isValid: e,
+        type: a,
+        invalidatedMessage: s
+      });
+    });
+  }, [i]), n;
+};
+export {
+  T as useLicense
+};

package/dist/utils/hooks/useLoadPdf.js

@@ -0,0 +1,50 @@
+import { useState as f, useRef as y, useEffect as a } from "react";
+import * as p from "pdfjs-dist";
+import { getThumbnailViewport as C } from "../getThumbnailViewport.js";
+import { useConfigContext as T } from "../../contexts/ConfigContext.js";
+const L = (r, o) => {
+  const [t, c] = f(), { workerUrlAdded: d } = T(), [w, g] = f(/* @__PURE__ */ new Map()), l = y(), [u, P] = f(!1);
+  return a(() => {
+    if (!d || (console.log("pdf version", p.version), !r))
+      return;
+    l.current = Date.now();
+    const n = l.current, m = {
+      url: r,
+      cMapPacked: (o == null ? void 0 : o.isCompressed) ?? !0,
+      ...(o == null ? void 0 : o.url) && { cMapUrl: o.url }
+    }, i = p.getDocument(m);
+    P(!0);
+    const s = i.promise.then((e) => (n === l.current && c(e), e)).catch((e) => {
+      console.log(e);
+    }).finally(() => P(!1));
+    return () => {
+      s.finally(() => {
+        i.destroy();
+      });
+    };
+  }, [r, d]), a(() => {
+    const n = /* @__PURE__ */ new Map();
+    if (!t || u) {
+      g(n);
+      return;
+    }
+    const m = t.numPages, i = [];
+    for (let s = 1; s <= m; s++) {
+      const e = t.getPage(s);
+      i.push(e);
+    }
+    Promise.all(i).then((s) => {
+      s.map((e) => {
+        const { thumbnailViewport: b, scale: k } = C(e);
+        n.set(e.pageNumber, { page: e, thumbnailViewport: b, thumbnailScale: k });
+      }), g(n);
+    });
+  }, [t, u]), {
+    pdf: t,
+    pages: w,
+    loading: u
+  };
+};
+export {
+  L as useLoadPdf
+};