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

package/dist/components/page/RPPage.js

@@ -73,7 +73,7 @@ var b = a((a, b) => {
 					children: /* @__PURE__ */ v(k, {})
 				}),
 				/* @__PURE__ */ v(d, { pageNumber: x }),
-				E && /* @__PURE__ */ v(c, { pageNumber: x }),
+				E && !A?.page.isPureXfa && /* @__PURE__ */ v(c, { pageNumber: x }),
 				/* @__PURE__ */ v(u, {
 					pageNumber: x,
 					viewport: F

package/dist/components/page/XfaLayer.js

@@ -1,49 +1,86 @@
 "use client";
-import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
-import { useZoomContext as t } from "../../contexts/ZoomContext.js";
-import { usePagesRotateContext as n } from "../../contexts/PagesRotateContext.js";
-import { r } from "../../PaginationContext-DIzsZhFd.js";
-import { SimpleLinkService as i } from "../../utils/link_service.js";
-import { t as a } from "../../XfaLayer.module-w4FOd2dm.js";
-import { useEffect as o, useRef as s } from "react";
-import { XfaLayer as c } from "pdfjs-dist";
-import { jsx as l } from "react/jsx-runtime";
+import { runPdfOperation as e } from "../../utils/pdfOperationTracker.js";
+import { useDocumentContext as t } from "../../contexts/RPDocumentContext.js";
+import { useZoomContext as n } from "../../contexts/ZoomContext.js";
+import { usePagesRotateContext as r } from "../../contexts/PagesRotateContext.js";
+import { useSmoothScrollContext as i } from "../../contexts/SmoothScrollContext.js";
+import { r as a } from "../../PaginationContext-DIzsZhFd.js";
+import { SimpleLinkService as o } from "../../utils/link_service.js";
+import { t as s } from "../../XfaLayer.module-w4FOd2dm.js";
+import { highlightMatches as c, resetDivs as l } from "../../utils/highlight.js";
+import { useSearchContext as u } from "../../contexts/SearchContext.js";
+import { useEffect as d, useRef as f, useState as p } from "react";
+import { XfaLayer as m } from "pdfjs-dist";
+import { jsx as h } from "react/jsx-runtime";
 //#region lib/components/page/XfaLayer.tsx
-var u = ({ pageNumber: u }) => {
-	let d = s(null), f = s(null), { pages: p, pdf: m } = e(), { currentZoom: h, targetZoom: g } = t(), { pageRotate: _ } = n(), { goToPage: v } = r(), y = p.get(u), b = y ? _[u] ?? y.defaultRotation ?? 0 : 0;
-	if (o(() => {
-		if (!y || !m || !y.page.isPureXfa || !d.current || !h) return;
-		let e = new AbortController();
+var g = ({ pageNumber: g }) => {
+	let _ = f(null), v = f(null), [y, b] = p(0), [x, S] = p([]), { pages: C, pdf: w } = t(), { matches: T, currentMatch: E } = u(), { scrollBehavior: D } = i(), { currentZoom: O, targetZoom: k } = n(), { pageRotate: A } = r(), { goToPage: j } = a(), M = C.get(g), N = M ? A[g] ?? M.defaultRotation ?? 0 : 0;
+	if (d(() => {
+		if (!M || !w || !M.page.isPureXfa || !_.current || !O) return;
+		let t = new AbortController();
 		return (async () => {
-			let t = await y.page.getXfa();
-			if (e.signal.aborted || !t || !d.current) return;
-			let n = y.page.getViewport({
-				scale: h,
-				rotation: b
-			}), r = document.createElement("div");
-			d.current.replaceChildren(r), f.current = r, c.render({
-				div: r,
-				viewport: n.clone({ dontFlip: !0 }),
-				xfaHtml: t,
-				annotationStorage: m.annotationStorage,
-				linkService: new i(m, v)
+			let [n, r] = await Promise.all([M.page.getXfa(), e(w, () => M.page.getTextContent())]);
+			if (t.signal.aborted || !n || !_.current) return;
+			let i = M.page.getViewport({
+				scale: O,
+				rotation: N
+			}), a = document.createElement("div");
+			_.current.replaceChildren(a);
+			let { textDivs: s } = m.render({
+				div: a,
+				viewport: i.clone({ dontFlip: !0 }),
+				xfaHtml: n,
+				annotationStorage: w.annotationStorage,
+				linkService: new o(w, j)
 			});
+			v.current = {
+				content: r,
+				divs: s
+			}, b((e) => e + 1);
 		})(), () => {
-			e.abort(), f.current = null;
+			t.abort(), v.current = null;
 		};
 	}, [
-		h,
-		v,
-		y,
-		m,
-		b
-	]), !y?.page.isPureXfa) return null;
-	let x = h && g ? g / h : 1;
-	return /* @__PURE__ */ l("div", {
-		ref: d,
-		className: a["rp-xfa-layer"],
-		style: { "--rp-xfa-visual-scale": x }
+		O,
+		j,
+		M,
+		w,
+		N
+	]), d(() => {
+		let e = v.current;
+		if (!e) return;
+		l(e.content, e.divs);
+		let t = T.filter((e) => e.pageIndex === g - 1);
+		S(t.length ? c(t, e.content, e.divs) : []);
+	}, [
+		T,
+		g,
+		y
+	]), d(() => {
+		if (x.forEach(({ element: e }) => e.classList.remove("selected")), E?.pageIndex !== g - 1) return;
+		let e = x.find(({ index: e }) => e === E.pageMatchIdx)?.element;
+		if (!e) return;
+		e.classList.add("selected");
+		let t = requestAnimationFrame(() => {
+			e.scrollIntoView({
+				block: "center",
+				inline: "nearest",
+				behavior: D
+			});
+		});
+		return () => cancelAnimationFrame(t);
+	}, [
+		E,
+		x,
+		g,
+		D
+	]), !M?.page.isPureXfa) return null;
+	let P = O && k ? k / O : 1;
+	return /* @__PURE__ */ h("div", {
+		ref: _,
+		className: s["rp-xfa-layer"],
+		style: { "--rp-xfa-visual-scale": P }
 	});
 };
 //#endregion
-export { u as XfaLayer };
+export { g as XfaLayer };

package/dist/utils/highlight.js

@@ -72,7 +72,9 @@ function i(e, t, n) {
 	for (let e of c) {
 		let n = [];
 		for (let r = e.start.idx; r <= e.end.idx; r++) {
-			let i = o[r], a = i.transform[4], s = i.transform[5], c = i.str.length > 0 ? i.width / i.str.length : 0, l = r === e.start.idx ? e.start.offset : 0, u = r === e.end.idx ? e.end.offset : i.str.length, d = a + l * c, f = (u - l) * c, p = (t.styles ?? {})[i.fontName], m = p?.ascent ?? 1, h = s - (p?.descent == null ? 1 - m : Math.abs(p.descent)) * i.height;
+			let i = o[r];
+			if (!i.transform) continue;
+			let a = i.transform[4], s = i.transform[5], c = i.str.length > 0 ? i.width / i.str.length : 0, l = r === e.start.idx ? e.start.offset : 0, u = r === e.end.idx ? e.end.offset : i.str.length, d = a + l * c, f = (u - l) * c, p = (t.styles ?? {})[i.fontName], m = p?.ascent ?? 1, h = s - (p?.descent == null ? 1 - m : Math.abs(p.descent)) * i.height;
 			i.height > 0 && i.width > 0 && n.push({
 				left: d,
 				bottom: h,
@@ -80,7 +82,7 @@ function i(e, t, n) {
 				height: i.height
 			});
 		}
-		e.rect = n[0], e.rects = n;
+		e.rect = n[0] ?? e.rect, e.rects = n;
 	}
 	return c;
 }

package/dist/utils/hooks/useLicense.js

@@ -3,7 +3,7 @@ import { LicenseType as t } from "../types.js";
 import { appConsole as n } from "../appConsole.js";
 import { useCallback as r, useEffect as i, useState as a } from "react";
 //#region lib/utils/hooks/useLicense.ts
-var o = /* @__PURE__ */ new Date("2026-09-23T06:43:32.834Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
+var o = /* @__PURE__ */ new Date("2026-09-24T09:32:41.962Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
 	invalidLicense: `You are currently using without a valid license. ${c}`,
 	mismatchedDomain: `Your license key is not valid for the current domain / IP. ${c}`,
 	expired: `Your license key has expired. ${c}`,

package/dist/utils/hooks/usePrint.js

@@ -86,10 +86,26 @@ var p = () => {
 				subtree: !0
 			});
 		});
-	}, []), j = (e, t) => {
+	}, []), j = async (e) => {
+		let t = document.createElement("iframe");
+		t.title = "PDF print document", t.style.cssText = "position:fixed;width:0;height:0;border:0;", document.body.appendChild(t);
+		try {
+			let n = t.contentWindow, r = t.contentDocument;
+			if (!n || !r) throw Error("Unable to create PDF print document");
+			for (let e of ["rp-viewer-styles", "rp-print-style"]) {
+				let t = document.getElementById(e);
+				t && r.head.appendChild(t.cloneNode(!0));
+			}
+			r.documentElement.classList.add("rp-print-html-printing"), r.body.classList.add("rp-print-xfa-printing"), r.body.appendChild(e), n.addEventListener("afterprint", () => {
+				D(), t.remove();
+			}, { once: !0 }), await new Promise((e) => setTimeout(e, 0)), n.focus(), n.print();
+		} catch (e) {
+			throw t.remove(), e;
+		}
+	}, M = (e, t) => {
 		let n = document.createElement("img"), r = document.createElement("div"), i = document.createElement("div");
 		return r.classList.add("rp-print-page"), i.classList.add("rp-print-page-content"), i.style.width = `${t.width}pt`, i.style.height = `${t.height}pt`, n.src = e.toDataURL(), i.appendChild(n), r.appendChild(i), r;
-	}, M = (e) => {
+	}, N = (e) => {
 		let t = e.allXfaHtml;
 		if (!t?.children?.length) return [];
 		let i = new n(e, () => {}), a = Math.round(l.PDF_TO_CSS_UNITS * 100) / 100;
@@ -108,7 +124,7 @@ var p = () => {
 				intent: "print"
 			}), n;
 		});
-	}, N = (e, t) => {
+	}, P = (e, t) => {
 		let n = document.createElement("div");
 		n.classList.add("rp-print-zone");
 		let r = document.createElement("style"), i = t.get(1);
@@ -117,7 +133,7 @@ var p = () => {
 			r.innerHTML = `@page { size: ${e}pt ${t}pt; margin: 0; }`;
 		}
 		return n.appendChild(r), n.append(...e), n;
-	}, P = i(async (t) => {
+	}, F = i(async (t) => {
 		if (!p) return;
 		D();
 		let n = t && "visibleDefaultProgress" in t ? t : void 0;
@@ -125,16 +141,16 @@ var p = () => {
 		let r = document.createElement("canvas"), i = [];
 		try {
 			if (p.isPureXfa) {
-				if (i.push(...M(p)), T.current) {
+				if (i.push(...N(p)), T.current) {
 					D();
 					return;
 				}
-				let e = N(i, m);
-				document.body.appendChild(e), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), g({
+				let e = P(i, m);
+				g({
 					loadedPages: i.length,
 					totalPages: i.length,
 					percentage: 100
-				}), v(!0), await A();
+				}), v(!0), await j(e);
 				return;
 			}
 			let t = e(p, () => p.getOptionalContentConfig({ intent: "print" })), n = Promise.resolve(p.annotationStorage.print ?? void 0), a = m.size;
@@ -156,7 +172,7 @@ var p = () => {
 					D();
 					return;
 				}
-				let c = j(r, s);
+				let c = M(r, s);
 				i.push(c), g({
 					loadedPages: e,
 					totalPages: a,
@@ -167,7 +183,7 @@ var p = () => {
 				D();
 				return;
 			}
-			let o = N(i, m);
+			let o = P(i, m);
 			document.body.appendChild(o), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), v(!0), await A();
 		} catch (e) {
 			b(!0), e instanceof Error && S(e);
@@ -179,8 +195,9 @@ var p = () => {
 		m,
 		T,
 		D,
-		N,
-		A
+		P,
+		A,
+		j
 	]);
 	return a(() => {
 		let e = () => {
@@ -190,7 +207,7 @@ var p = () => {
 			window.removeEventListener("afterprint", e, !0);
 		};
 	}, [E, D]), {
-		print: P,
+		print: F,
 		cancel: O,
 		progress: h,
 		isComplete: _,

package/dist/utils/hooks/useSearch.js

@@ -39,7 +39,10 @@ var x = (x = {}, S = "") => {
 		let s = {
 			height: A[n.page - 1],
 			width: k[n.page - 1]
-		}, c = L[n.page], { leftInPage: l, topInPage: u } = h(s, U, n.rect, M, c), p = a.offsetLeft + o.left + l, m = a.offsetTop + o.top + u, g = {
+		}, c = L[n.page], { leftInPage: l, topInPage: u } = i.page.isPureXfa ? {
+			leftInPage: 0,
+			topInPage: 0
+		} : h(s, U, n.rect, M, c), p = a.offsetLeft + o.left + l, m = a.offsetTop + o.top + u, g = {
 			left: Math.max(p, 0),
 			top: Math.max(m, 0)
 		};

package/dist/utils/injectPrintCSS.js

@@ -2,7 +2,7 @@
 function e() {
 	if (typeof document > "u" || document.getElementById("rp-print-style")) return;
 	let e = document.createElement("style");
-	e.id = "rp-print-style", e.textContent = "\n  @page { margin: 0; }\n\n  .rp-print-zone { display: none; }\n\n  @media print {\n    .rp-print-html-printing { height: 100%; }\n    .rp-print-body-printing { background: rgb(0 0 0 / 0) none; height: 100% !important; margin: 0 !important; display: block !important; }\n    .rp-print-body-printing > *:not(.rp-print-zone) { display: none; }\n    .rp-print-zone { display: block; height: 100%; }\n    .rp-print-page { display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; width: 100%; page-break-after: always; page-break-inside: avoid; }\n    .rp-print-page:last-child { page-break-after: auto; }\n    .rp-print-page-content { position: relative; flex: 0 0 auto; }\n    .rp-print-page:not(.rp-print-xfa-page) img, .rp-print-page canvas { display: block; max-width: 100%; max-height: 100%; direction: ltr; }\n    .rp-print-page.rp-print-xfa-page { display: block; position: relative; }\n    .rp-print-xfa-page .xfaPage { position: absolute; }\n  }\n  ", document.head.appendChild(e);
+	e.id = "rp-print-style", e.textContent = "\n  @page { margin: 0; }\n\n  .rp-print-zone { display: none; }\n\n  @media print {\n    .rp-print-html-printing { height: 100%; }\n    .rp-print-body-printing, .rp-print-xfa-printing { background: rgb(0 0 0 / 0) none; height: 100% !important; margin: 0 !important; display: block !important; }\n    .rp-print-body-printing * { display: none; }\n    .rp-print-xfa-printing > *:not(.rp-print-zone) { display: none; }\n    .rp-print-zone { display: block; height: 100%; }\n    .rp-print-page { display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; width: 100%; page-break-after: always; page-break-inside: avoid; }\n    .rp-print-page:last-child { page-break-after: auto; }\n    .rp-print-page-content { display: block; position: relative; flex: 0 0 auto; }\n    .rp-print-page:not(.rp-print-xfa-page) img, .rp-print-page canvas { display: block; max-width: 100%; max-height: 100%; direction: ltr; }\n    .rp-print-page.rp-print-xfa-page { display: block; position: relative; }\n    .rp-print-xfa-page .xfaPage { position: absolute; }\n  }\n  ", document.head.appendChild(e);
 }
 //#endregion
 export { e as injectPrintCSS };

package/package.json

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