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

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-23T08:51:26.281Z"), 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/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/package.json

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