@react-pdf-kit/viewer 0.0.0-experimental.0

package/dist/utils/getZoomLevel.js

@@ -0,0 +1,24 @@
+import { SCROLL_BAR_WIDTH as a, PAGE_PADDING as f } from "./constants.js";
+import { ViewMode as A, ZoomLevel as r } from "./types.js";
+import "../de_DE-a553b162.js";
+const E = (o, t, _, e, c, m) => {
+  if (typeof o == "number")
+    return o;
+  const n = m === A.DUAL_PAGE || m === A.DUAL_PAGE_WITH_COVER ? 2 * e : e;
+  switch (o) {
+    case r.PAGE_FIT:
+      const s = Math.min(
+        (t - a) / n,
+        (_ - f) / c
+      );
+      return Math.floor(s * 100);
+    case r.PAGE_WIDTH:
+      return Math.floor((t - a) / n * 100);
+    case r.ACTUAL:
+    default:
+      return 100;
+  }
+};
+export {
+  E as getZoomLevel
+};

package/dist/utils/highlight.js

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

package/dist/utils/hooks/useAccumulateFactor.js

@@ -0,0 +1,17 @@
+import { useRef as s, useCallback as l } from "react";
+const v = () => {
+  const a = s({ value: 1 }), o = l((c, u) => {
+    if (u === 1)
+      return 1;
+    const t = a.current;
+    (t.value > 1 && u < 1 || t.value < 1 && u > 1) && (t.value = 1);
+    const r = t.value * u, e = Math.floor(c * r * 100) / (100 * c);
+    return e !== 0 && (t.value = r / e), e;
+  }, []), n = l(() => {
+    a.current.value = 1;
+  }, []);
+  return { accumulate: o, reset: n };
+};
+export {
+  v as useAccumulateFactor
+};

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/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 e } from "./useDarkMode.js";
+import "react";
+const d = () => {
+  const { darkMode: o, setDarkMode: r } = e();
+  return {
+    darkMode: o,
+    setDarkMode: r
+  };
+};
+export {
+  d as useDarkModeProps
+};

package/dist/utils/hooks/useDebounce.js

@@ -0,0 +1,19 @@
+import { useState as i, useRef as l, useEffect as f } from "react";
+function T(t, u, r) {
+  const [c, n] = i(t), e = l(null);
+  return f(() => {
+    const o = t;
+    r && !e.current && (e.current = setTimeout(() => {
+      n(o), e.current = null;
+    }, r));
+    const s = setTimeout(() => {
+      e.current && (clearTimeout(e.current), e.current = null), n(t);
+    }, u);
+    return () => {
+      clearTimeout(s);
+    };
+  }, [t, u, r]), c;
+}
+export {
+  T 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,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 "./useLoadPdf.js";
+import "pdfjs-dist";
+import "../types.js";
+import "../../de_DE-a553b162.js";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "../appConsole.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.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 {
+  k as useFileDownload
+};

package/dist/utils/hooks/useFlickerSelectText.js

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

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

package/dist/utils/hooks/useHighlight.js

@@ -0,0 +1,55 @@
+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, 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 h = await t.getPage(o);
+      e[o.toString()] = await h.getTextContent();
+    }
+    return e;
+  }, []), p = r(async (t) => {
+    c(t);
+  }, []), g = r(() => {
+    l([]), c(void 0);
+  }, []);
+  return C(() => {
+    s && u(s).then((t) => {
+      let i = [];
+      for (const { keyword: e, highlightColor: o, options: h } of n) {
+        if (!e)
+          continue;
+        const y = H(h);
+        for (const a of Object.keys(t)) {
+          const b = M(
+            [e],
+            t[a],
+            Number(a) - 1,
+            y
+          ).map((w, x) => ({
+            ...w,
+            page: Number(a),
+            pageMatchIdx: x,
+            color: o,
+            keyword: e
+          }));
+          i = [...i, ...b];
+        }
+      }
+      l(i);
+    }).catch(() => {
+      g();
+    });
+  }, [n, s, g, u]), {
+    highlight: p,
+    clear: g,
+    highlightMatches: f,
+    highlightKeywords: n
+  };
+};
+export {
+  k as useHighlight
+};

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
+};