@react-pdf-kit/viewer 2.9.2 → 2.10.0-beta.0

package/dist/utils/pdfOperationTracker.js

@@ -1,6 +1,19 @@
 //#region lib/utils/pdfOperationTracker.ts
-var e = /* @__PURE__ */ new WeakMap();
-function t(t, n) {
+var e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakSet(), n = class extends Error {
+	constructor() {
+		super("PDF document has been destroyed"), this.name = "PdfDocumentDestroyedError";
+	}
+};
+function r(e) {
+	return e instanceof n;
+}
+function i(e) {
+	t.add(e);
+}
+function a(e) {
+	return e ? t.has(e) ? !0 : e.loadingTask?.destroyed === !0 : !1;
+}
+function o(t, n) {
 	if (!t) return n;
 	let r = e.get(t);
 	r || (r = /* @__PURE__ */ new Set(), e.set(t, r));
@@ -9,9 +22,19 @@ function t(t, n) {
 		r?.delete(i);
 	}), n;
 }
-function n(t) {
+function s(e, t) {
+	if (a(e)) return Promise.reject(new n());
+	let r;
+	try {
+		r = t();
+	} catch (e) {
+		return Promise.reject(e);
+	}
+	return o(e, r);
+}
+function c(t) {
 	let n = e.get(t);
 	return !n || n.size === 0 ? Promise.resolve() : Promise.allSettled(Array.from(n)).then(() => void 0);
 }
 //#endregion
-export { t as trackPdfOperation, n as waitForPdfOperations };
+export { n as PdfDocumentDestroyedError, a as isPdfDestroyed, r as isPdfDocumentDestroyedError, i as markPdfDestroying, s as runPdfOperation, o as trackPdfOperation, c as waitForPdfOperations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.9.2",
+  "version": "2.10.0-beta.0",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [

package/dist/AnnotationLayer-oDu2B4X1.js

@@ -1,114 +0,0 @@
-import { AnnotationSubType as e } from "./utils/types.js";
-import { trackPdfOperation as t } from "./utils/pdfOperationTracker.js";
-import { useDocumentContext as n } from "./contexts/RPDocumentContext.js";
-import { useInitialStateContext as r } from "./contexts/InitialStateContext.js";
-import { useScrollModeContext as i } from "./contexts/ScrollModeContext.js";
-import { r as a } from "./PaginationContext-DIzsZhFd.js";
-import { usePrintContext as o } from "./contexts/PrintContext.js";
-import { SimpleLinkService as s } from "./utils/link_service.js";
-import { annotationEventsHandler as c, bindLayerEvents as l, enhanceLinkAccessibility as u, fixTabIndexAccessibility as d, handleAnnotationWidget as f, insertDateText as p, unbindLayerEvents as m } from "./utils/annotations.js";
-import { useFileDownload as h } from "./utils/hooks/useFileDownload.js";
-import { useCallback as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
-import { AnnotationLayer as x } from "pdfjs-dist";
-import { jsx as S } from "react/jsx-runtime";
-import './assets/AnnotationLayer.css';//#region lib/components/page/AnnotationLayer.module.css
-var C = { "rp-annotation-layer": "_rp-annotation-layer_foiun_1" }, w = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/", T = (T) => {
-	let { pageNumber: E } = T, D = y(null), { pages: O, pdf: k } = n(), { interactiveForm: A } = r(), j = y(), [M, N] = b(), { goToPage: P } = a(), { scrollMode: F } = i(), { print: I } = o(), { download: L } = h(), R = y(null), z = v(() => O.get(E), [O, E]), B = v(() => z?.page.getViewport(), [z]);
-	_(() => {
-		j.current &&= (j.current.div.replaceChildren(), void 0);
-	}, [k]), _(() => {
-		z && t(k, z.page.getAnnotations()).then((e) => {
-			j.current = void 0, N(e), D.current && (D.current.innerText = "");
-		});
-	}, [z]);
-	let V = g((e) => {
-		!M || !k || (p(D.current), c(e, k, M).then((e) => {
-			e?.data?.action === "Print" ? I() : e?.data?.action === "SaveAs" && L();
-		}));
-	}, [
-		k,
-		M,
-		F,
-		I,
-		L
-	]);
-	return _(() => {
-		if (!z || !M) return;
-		let t = z.page.getViewport();
-		if (j.current) {
-			j.current.update({ viewport: t.clone({ dontFlip: !0 }) });
-			return;
-		}
-		let n = /* @__PURE__ */ new Map([]);
-		for (let r of M) {
-			let { annotationType: i } = r;
-			switch (i) {
-				case e.Widget:
-					f(r, t, n);
-					break;
-				default: break;
-			}
-		}
-		let r = new AbortController();
-		return (async () => {
-			j.current &&= (j.current.div.replaceChildren(), void 0), D.current && (D.current.innerText = ""), j.current = new x({
-				div: D.current,
-				accessibilityManager: void 0,
-				annotationCanvasMap: void 0,
-				annotationEditorUIManager: void 0,
-				structTreeLayer: null,
-				page: z.page,
-				viewport: t.clone({ dontFlip: !0 }),
-				commentManager: void 0,
-				linkService: new s(k, P),
-				annotationStorage: k?.annotationStorage
-			}), D.current && m(D.current, V);
-			let e = await k?.hasJSActions(), n = await k?.getFieldObjects();
-			if (r.signal.aborted) throw "abort";
-			return j.current?.render({
-				annotations: M,
-				annotationStorage: k?.annotationStorage,
-				hasJSActions: e,
-				fieldObjects: n,
-				div: D.current,
-				viewport: t.clone({ dontFlip: !0 }),
-				page: z.page,
-				imageResourcesPath: w,
-				renderForms: A ?? !0,
-				linkService: new s(k, P),
-				downloadManager: null,
-				enableScripting: !1
-			});
-		})().then(() => {
-			D.current && (l(D.current, V), d(D.current), u(D.current), R.current && R.current.disconnect(), R.current = new MutationObserver(() => {
-				D.current && (d(D.current), u(D.current));
-			}), R.current.observe(D.current, {
-				childList: !0,
-				subtree: !0,
-				attributes: !0,
-				attributeFilter: ["tabindex", "href"]
-			}));
-		}).catch((e) => {
-			if (e !== "abort") throw e;
-		}).finally(() => {
-			j.current = void 0;
-		}), () => {
-			r.abort("clear"), D.current && m(D.current, V), R.current &&= (R.current.disconnect(), null);
-		};
-	}, [
-		k,
-		M,
-		V,
-		P
-	]), /* @__PURE__ */ S("div", {
-		"data-rp": `page-${E}-annotationLayer`,
-		style: {
-			width: `${B?.width}px`,
-			height: `${B?.height}px`
-		},
-		className: C["rp-annotation-layer"],
-		ref: D
-	});
-};
-//#endregion
-export { T as t };

package/dist/TextHighlightLayer-3vIZbRyL.js

@@ -1,157 +0,0 @@
-import { useDocumentContext as e } from "./contexts/RPDocumentContext.js";
-import { isMatchEntireWord as t } from "./utils/highlight.js";
-import { useHighlightContext as n } from "./contexts/HighlightContext.js";
-import { normalizeSingleKeyword as r, sortHighlightPosition as i, unwrap as a } from "./components/page/searchHighlight.js";
-import { useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { Fragment as u, jsx as d } from "react/jsx-runtime";
-import './assets/TextHighlightLayer.css';//#region lib/components/page/TextHighlightLayer.module.css
-var f = { "rp-text-highlight": "_rp-text-highlight_jdkf8_1" }, p = ({ pageNumber: p, viewport: m }) => {
-	let [h, g] = l(), { pages: _ } = e(), { highlightKeywords: v } = n(), y = c(null), [b, x] = l(null), [S, C] = l([]);
-	o(() => {
-		y.current && x(y.current.parentElement);
-	}, [y]), o(() => {
-		(async () => {
-			let e = _.get(p);
-			!e || !y.current || g(await e.page.getTextContent());
-		})();
-	}, [_, p]);
-	let w = s(() => v ? v.map((e) => ({
-		...r(e.keyword, e.options?.matchCase, e.options?.wholeWords),
-		color: e.highlightColor
-	})) : [], [v]);
-	function T(e, t) {
-		if (!e) return;
-		let n = `[data-rp="page-${t}-textLayer"]`;
-		return new Promise((t) => {
-			let r = e.querySelector(n);
-			if (r) {
-				t(r);
-				return;
-			}
-			new MutationObserver((r, i) => {
-				let a = e.querySelector(n);
-				a && (t(a), i.disconnect());
-			}).observe(e, {
-				childList: !0,
-				subtree: !0
-			});
-		});
-	}
-	function E(e) {
-		return new Promise((t) => {
-			let n = e.querySelectorAll("[data-rp=\"rp-text-layer-text\"]");
-			if (n.length) {
-				t(Array.from(n));
-				return;
-			}
-			new MutationObserver((n, r) => {
-				let i = e.querySelectorAll(".rp-text-layer-text");
-				i.length && (t(Array.from(i)), r.disconnect());
-			}).observe(e, {
-				childList: !0,
-				subtree: !0
-			});
-		});
-	}
-	let D = (e, t, n, r) => {
-		let i = document.createRange(), o = n.firstChild;
-		if (!o || o.nodeType !== Node.TEXT_NODE) return null;
-		let s = o.textContent?.length ?? 0, c = r[0].charIdxInSpan, l = r.length === 1 ? c : r[r.length - 1].charIdxInSpan;
-		if (c > s || l + 1 > s) return null;
-		i.setStart(o, c), i.setEnd(o, l + 1);
-		let u = document.createElement("span");
-		u.style.width = "auto", i.surroundContents(u);
-		let d = u.getBoundingClientRect(), f = e.getBoundingClientRect(), p = f.height, m = f.width, h = 100 * (d.left - f.left) / m, g = 100 * (d.top - f.top) / p, _ = 100 * d.height / p, v = 100 * d.width / m;
-		return a(u), {
-			keywordStr: t,
-			left: h,
-			top: g,
-			height: _,
-			width: v,
-			pageHeight: p,
-			pageWidth: m
-		};
-	};
-	async function O(e, t) {
-		let n = await T(b, e);
-		if (!n) return;
-		let r = await E(n);
-		r.length && C(k(n, t, r, r.map((e) => e.tagName === "BR" ? " " : e.textContent).reduce((e, t, n) => e.concat(t.split("").map((e, t) => ({
-			char: e,
-			charIdxInSpan: t,
-			spanIdx: n
-		}))), [{
-			char: "",
-			charIdxInSpan: 0,
-			spanIdx: 0
-		}]).slice(1)));
-	}
-	let k = (e, n, r, a) => {
-		let o = n.length;
-		if (!a.length || !o) return [];
-		let s = [], c = a.map((e) => e.char).join("");
-		return w.forEach((n) => {
-			let { keyword: i, regExp: o, wholeWords: l, color: u } = n, d = i;
-			if (!d.trim()) return;
-			let f = o.flags.indexOf("g") === -1 ? new RegExp(o, `${o.flags}g`) : o, p, m = [];
-			for (; (p = f.exec(c)) !== null;) l && !t(c, p.index, p[0].length) || m.push({
-				keyword: f,
-				startIndex: p.index,
-				endIndex: f.lastIndex
-			});
-			let h = m.map((e) => ({
-				keyword: e.keyword,
-				indexes: a.slice(e.startIndex, e.endIndex),
-				color: u
-			}));
-			for (let t of h) {
-				let n = t.indexes.reduce((e, t) => (e[t.spanIdx] = (e[t.spanIdx] || []).concat([t]), e), {});
-				for (let i of Object.values(n)) if (i.length !== 1 || i[0].char.trim() !== "") {
-					let n = i, a = r[n[0].spanIdx], o = D(e, d, a, n);
-					if (o) {
-						let { left: e, top: n } = o;
-						if (s.find((t) => t.left === e && t.top === n)) continue;
-						s.push({
-							...o,
-							highlightColor: t.color
-						});
-					}
-				}
-			}
-		}), s.sort(i), s;
-	};
-	return o(() => {
-		(async () => {
-			if (!v || v.length === 0) {
-				C([]);
-				return;
-			}
-			try {
-				await O(p, v);
-			} catch (e) {
-				console.error(e);
-			}
-		})();
-	}, [
-		!0,
-		v,
-		p,
-		h,
-		m
-	]), /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d("div", {
-		ref: y,
-		"data-rp": `page-${p}-textHighlightLayer`,
-		children: S.map((e, t) => /* @__PURE__ */ d("div", {
-			className: f["rp-text-highlight"],
-			style: {
-				top: `${e.top}%`,
-				left: `${e.left}%`,
-				width: `${e.width}%`,
-				height: `${e.height}%`,
-				backgroundColor: e.highlightColor
-			}
-		}, t))
-	}) });
-};
-//#endregion
-export { p as t };