@react-pdf-kit/viewer 2.6.0-beta.2 → 2.6.0-rc.0

package/dist/utils/hooks/useElementSize.js

@@ -1,21 +1,25 @@
-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
+import e from "./useResizeObserver.js";
+import { useState as t } from "react";
+//#region lib/utils/hooks/useElementSize.ts
+var n = (n) => {
+	let [r, i] = t({
+		width: 0,
+		height: 0
+	});
+	return e(n, (e) => {
+		let t = e[0];
+		if (t) {
+			let e = t.contentBoxSize, n = 0, r = 0;
+			if (e) {
+				let t = Array.isArray(e) ? e : [e];
+				n = t.reduce((e, { inlineSize: t }) => e + t, 0), r = t.reduce((e, { blockSize: t }) => e + t, 0);
+			} else n = t.contentRect.width, r = t.contentRect.height;
+			i({
+				width: n,
+				height: r
+			});
+		}
+	}), { size: r };
 };
+//#endregion
+export { n as default };

package/dist/utils/hooks/useFileDownload.js

@@ -1,34 +1,17 @@
-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-8145915f.js";
-import "../getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../appConsole.js";
-import "../const.js";
-import "./usePdfProperties.js";
-import "../convertPdfDate.js";
-import "../formatFileSize.js";
-const i = ".pdf", d = (o) => URL.createObjectURL(o), p = async (o) => {
-  const r = await (await fetch(o)).blob();
-  return d(r);
-}, B = () => {
-  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 p(e), t.download = m(o), document.body.appendChild(t), t.click(), document.body.removeChild(t);
-  }, [o, e]) };
-};
-export {
-  B as useFileDownload
+import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
+import { useDownloadContext as t } from "../../contexts/DownloadContext.js";
+import { useCallback as n } from "react";
+//#region lib/utils/hooks/useFileDownload.ts
+var r = ".pdf", i = (e) => URL.createObjectURL(e), a = async (e) => i(await (await fetch(e)).blob()), o = () => {
+	let { filename: i, pdfSrc: o } = e(), { downloadFilename: s } = t(), c = (e) => {
+		let t = s || e;
+		return t.endsWith(r) ? t : `${t}${r}`;
+	};
+	return { download: n(async () => {
+		if (!i || !o) throw Error("There is no PDF source to download");
+		let e = document.createElement("a");
+		e.href = await a(o), e.download = c(i), document.body.appendChild(e), e.click(), document.body.removeChild(e);
+	}, [i, o]) };
 };
+//#endregion
+export { o as useFileDownload };

package/dist/utils/hooks/useFlickerSelectText.js

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

package/dist/utils/hooks/useFullScreen.js

@@ -1,29 +1,32 @@
-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
+import { useCallback as e, useEffect as t, useState as n } from "react";
+//#region lib/utils/hooks/useFullScreen.ts
+var r = () => {
+	let [r, i] = n(!1), a = typeof document < "u" && (document.fullscreenEnabled || document.webkitFullscreenEnabled), o = e(async (e) => {
+		if (!document.fullscreenElement) try {
+			await e.requestFullscreen();
+		} catch (e) {
+			console.error("Error attempting to enter fullscreen:", e);
+		}
+	}, []), s = e(async () => {
+		if (document.fullscreenElement) try {
+			await document.exitFullscreen();
+		} catch (e) {
+			console.error("Error attempting to exit fullscreen:", e);
+		}
+	}, []);
+	return t(() => {
+		let e = () => {
+			i(!!document.fullscreenElement);
+		};
+		return document.addEventListener("fullscreenchange", e), () => {
+			document.removeEventListener("fullscreenchange", e);
+		};
+	}, []), {
+		isFullScreen: r,
+		enterFullScreen: o,
+		exitFullScreen: s,
+		isSupported: a
+	};
 };
+//#endregion
+export { r as useFullScreen };

package/dist/utils/hooks/useGrabScroll.js

@@ -1,52 +1,53 @@
-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
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+//#region lib/utils/hooks/useGrabScroll.ts
+var i = ({ isPressed: i, scrollSpeed: a = 2 }) => {
+	let [o, s] = r("unset"), c = n(null), l = n({
+		startY: 0,
+		startX: 0,
+		startScrollTop: 0,
+		startScrollLeft: 0
+	}), u = e((e) => {
+		c.current && (l.current = {
+			startY: e.pageY,
+			startX: e.pageX,
+			startScrollTop: c.current.scrollTop,
+			startScrollLeft: c.current.scrollLeft
+		});
+	}, []), d = e(() => {
+		s("smooth");
+	}, []), f = e((e) => {
+		if (!i || !c.current) return;
+		e.preventDefault(), s("unset");
+		let { startX: t, startY: n, startScrollTop: r, startScrollLeft: o } = l.current, u = (e.pageX - t) * a, d = (e.pageY - n) * a;
+		c.current.scrollTop = r - d, c.current.scrollLeft = o - u;
+	}, [
+		i,
+		a,
+		c
+	]), p = e((e) => {
+		c.current && (c.current?.removeEventListener("mousedown", u), c.current?.removeEventListener("mouseup", d), c.current?.removeEventListener("mousemove", f)), c.current = e, e && (e?.addEventListener("mousedown", u, { capture: !0 }), e?.addEventListener("mouseup", d), e?.addEventListener("mousemove", f));
+	}, [
+		u,
+		d,
+		f
+	]), m = e(() => {
+		l.current = {
+			...l.current,
+			startScrollTop: 0,
+			startScrollLeft: 0
+		};
+	}, []);
+	return t(() => () => {
+		c.current && (c.current.removeEventListener("mousedown", u), c.current.removeEventListener("mouseup", d), c.current.removeEventListener("mousemove", f));
+	}, [
+		u,
+		d,
+		f
+	]), {
+		initializeGrabScroll: p,
+		scrollBehavior: o,
+		resetGrabState: m
+	};
 };
+//#endregion
+export { i as useGrabScroll };

package/dist/utils/hooks/useHighlight.js

@@ -1,93 +1,93 @@
-import { useState as f, useCallback as p, useEffect as w } from "react";
-import { getHighlightOptionsWithDefaults as k, findMatches as P } from "../highlight.js";
-import "../charators.js";
-const x = (n) => {
-  const e = Math.min(...n.map((s) => s.left)), c = Math.max(...n.map((s) => s.left + s.width)), o = Math.min(...n.map((s) => s.bottom)), t = Math.max(...n.map((s) => s.height));
-  return { left: e, bottom: o, width: c - e, height: t };
-}, N = (n) => n.flatMap((e) => e.rects ?? (e.rect ? [e.rect] : [])), O = (n) => {
-  const e = n.reduce((o, t) => {
-    const s = Math.round(t.bottom);
-    return o[s] || (o[s] = []), o[s].push(t), o;
-  }, {});
-  return Object.entries(e).sort((o, t) => Number(t[0]) - Number(o[0])).map(([o, t]) => x(t));
-}, L = (n) => {
-  const e = {};
-  for (const c of n) {
-    const o = c.keyword, t = e[o] ?? [];
-    t.push(c), e[o] = t;
-  }
-  return e;
-}, j = (n, e) => {
-  const c = n[0], o = N(n), t = o.length > 0 ? O(o) : c.rect ? [c.rect] : [];
-  return {
-    ...c,
-    pageMatchIdx: e,
-    rect: t[0] ?? c.rect,
-    rects: t
-  };
-}, v = (n) => {
-  const e = {};
-  for (const t of n) {
-    const s = e[t.page] ?? [];
-    s.push(t), e[t.page] = s;
-  }
-  let c = 0;
-  const o = [];
-  for (const t of Object.values(e)) {
-    const s = L(t);
-    for (const g of Object.values(s))
-      o.push(j(g, c++));
-  }
-  return o;
-}, K = (n) => {
-  const [e, c] = f(void 0), [o, t] = f([]), s = p(async (r) => {
-    if (!r)
-      return {};
-    const i = r.numPages, h = {};
-    for (let a = 1; a <= i; a++) {
-      const u = await r.getPage(a);
-      h[a.toString()] = await u.getTextContent();
-    }
-    return h;
-  }, []), g = p(async (r) => {
-    c(r);
-  }, []), l = p(() => {
-    t([]), c(void 0);
-  }, []);
-  return w(() => {
-    n && s(n).then((r) => {
-      let i = [];
-      for (const { keyword: h, highlightColor: a, options: u } of e) {
-        if (!h)
-          continue;
-        const b = k(u);
-        for (const m of Object.keys(r)) {
-          const d = P(
-            [h],
-            r[m],
-            Number(m) - 1,
-            b
-          ).map((M, y) => ({
-            ...M,
-            page: Number(m),
-            pageMatchIdx: y,
-            color: a,
-            keyword: h
-          }));
-          i = [...i, ...d];
-        }
-      }
-      t(v(i));
-    }).catch(() => {
-      l();
-    });
-  }, [e, n, l, s]), {
-    highlight: g,
-    clear: l,
-    highlightMatches: o,
-    highlightKeywords: e
-  };
-};
-export {
-  K as useHighlight
+import { findMatches as e, getHighlightOptionsWithDefaults as t } from "../highlight.js";
+import { useCallback as n, useEffect as r, useState as i } from "react";
+//#region lib/utils/hooks/useHighlight.ts
+var a = (e) => {
+	let t = Math.min(...e.map((e) => e.left)), n = Math.max(...e.map((e) => e.left + e.width)), r = Math.min(...e.map((e) => e.bottom)), i = Math.max(...e.map((e) => e.height));
+	return {
+		left: t,
+		bottom: r,
+		width: n - t,
+		height: i
+	};
+}, o = (e) => e.flatMap((e) => e.rects ?? (e.rect ? [e.rect] : [])), s = (e) => {
+	let t = e.reduce((e, t) => {
+		let n = Math.round(t.bottom);
+		return e[n] || (e[n] = []), e[n].push(t), e;
+	}, {});
+	return Object.entries(t).sort((e, t) => Number(t[0]) - Number(e[0])).map(([e, t]) => a(t));
+}, c = (e) => {
+	let t = {};
+	for (let n of e) {
+		let e = n.keyword, r = t[e] ?? [];
+		r.push(n), t[e] = r;
+	}
+	return t;
+}, l = (e, t) => {
+	let n = e[0], r = o(e), i = r.length > 0 ? s(r) : n.rect ? [n.rect] : [];
+	return {
+		...n,
+		pageMatchIdx: t,
+		rect: i[0] ?? n.rect,
+		rects: i
+	};
+}, u = (e) => {
+	let t = {};
+	for (let n of e) {
+		let e = t[n.page] ?? [];
+		e.push(n), t[n.page] = e;
+	}
+	let n = 0, r = [];
+	for (let e of Object.values(t)) {
+		let t = c(e);
+		for (let e of Object.values(t)) r.push(l(e, n++));
+	}
+	return r;
+}, d = (a) => {
+	let [o, s] = i(void 0), [c, l] = i([]), d = n(async (e) => {
+		if (!e) return {};
+		let t = e.numPages, n = {};
+		for (let r = 1; r <= t; r++) {
+			let t = await e.getPage(r);
+			n[r.toString()] = await t.getTextContent();
+		}
+		return n;
+	}, []), f = n(async (e) => {
+		s(e);
+	}, []), p = n(() => {
+		l([]), s(void 0);
+	}, []);
+	return r(() => {
+		a && d(a).then((n) => {
+			let r = [];
+			for (let { keyword: i, highlightColor: a, options: s } of o) {
+				if (!i) continue;
+				let o = t(s);
+				for (let t of Object.keys(n)) {
+					let s = e([i], n[t], Number(t) - 1, o).map((e, n) => ({
+						...e,
+						page: Number(t),
+						pageMatchIdx: n,
+						color: a,
+						keyword: i
+					}));
+					r = [...r, ...s];
+				}
+			}
+			l(u(r));
+		}).catch(() => {
+			p();
+		});
+	}, [
+		o,
+		a,
+		p,
+		d
+	]), {
+		highlight: f,
+		clear: p,
+		highlightMatches: c,
+		highlightKeywords: o
+	};
 };
+//#endregion
+export { d as useHighlight };

package/dist/utils/hooks/useInfiniteScroll.js

@@ -1,19 +1,18 @@
-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
+import { useCallback as e, useEffect as t } from "react";
+//#region lib/utils/hooks/useInfiniteScroll.ts
+var n = (n, r, i = {}) => {
+	let { distance: a = 10, loadFirst: o = !1 } = i, s = e((e) => {
+		n && n.scrollHeight - n.clientHeight - n.scrollTop < a && r();
+	}, [
+		r,
+		n,
+		a
+	]);
+	t(() => {
+		o && r();
+	}, [o]), t(() => (n?.addEventListener("scroll", s), () => {
+		n?.removeEventListener("scroll", s);
+	}), [s, n]);
 };
+//#endregion
+export { n as useInfiniteScroll };