pdf-tsx 0.9.0 → 0.11.0

package/dist/es/components/PDFViewer.js

@@ -1,261 +1,221 @@
 import { PDFViewerContext as e } from "../context/PDFViewerContext.js";
 import { useScrollTracking as t } from "../hooks/useScrollTracking.js";
-import { useKeyboardShortcuts as ee } from "../hooks/useKeyboardShortcuts.js";
-import { useTextLayer as n } from "../hooks/useTextLayer.js";
-import { isSafeUrl as r } from "../utils/url.js";
-import { useAnnotationLayer as te } from "../hooks/useAnnotationLayer.js";
-import { usePDFLoader as ne } from "../hooks/usePDFLoader.js";
-import { usePDFRenderer as re } from "../hooks/usePDFRenderer.js";
-import { useOverlayRects as ie } from "../hooks/useOverlayRects.js";
-import { computeFit as ae } from "../utils/pdfFit.js";
-import { ThemeProvider as oe } from "../context/ThemeContext.js";
-import i from "./PDFViewer.module.js";
-import { c as se } from "react/compiler-runtime";
-import { useEffect as a, useRef as o, useState as s } from "react";
-import * as ce from "pdfjs-dist";
-import { Fragment as le, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useKeyboardShortcuts as n } from "../hooks/useKeyboardShortcuts.js";
+import { useTextLayer as r } from "../hooks/useTextLayer.js";
+import { isSafeUrl as i } from "../utils/url.js";
+import { useAnnotationLayer as a } from "../hooks/useAnnotationLayer.js";
+import { usePDFLoader as ee } from "../hooks/usePDFLoader.js";
+import { usePDFRenderer as te } from "../hooks/usePDFRenderer.js";
+import { useOverlayRects as o } from "../hooks/useOverlayRects.js";
+import { computeFit as s } from "../utils/pdfFit.js";
+import { ThemeProvider as c } from "../context/ThemeContext.js";
+import l from "./PDFViewer.module.js";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import * as h from "pdfjs-dist";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/PDFViewer.tsx
-var ue = 2, u = (r) => {
-	let u = se(100), { file: d, workerSrc: he, sidebar: ge, toolbar: _e, onChangeFile: ve, themeOverrides: ye, defaultTheme: be, defaultFit: f, className: xe, style: Se } = r, p, m;
-	u[0] === he ? (p = u[1], m = u[2]) : (p = () => {
-		ce.GlobalWorkerOptions.workerSrc = he;
-	}, m = [he], u[0] = he, u[1] = p, u[2] = m), a(p, m);
-	let [h, g] = s(1), [_, Ce] = s(0), [v, we] = s(null), y;
-	u[3] === Symbol.for("react.memo_cache_sentinel") ? (y = [], u[3] = y) : y = u[3];
-	let [b, Te] = s(y), [Ee, De] = s(!1), [x, Oe] = s(f ?? null), S = o(null), C;
-	u[4] === Symbol.for("react.memo_cache_sentinel") ? (C = [], u[4] = C) : C = u[4];
-	let ke = o(C), w;
-	u[5] === Symbol.for("react.memo_cache_sentinel") ? (w = [], u[5] = w) : w = u[5];
-	let T = o(w), Ae = o(_), E, D;
-	u[6] === _ ? (E = u[7], D = u[8]) : (E = () => {
-		Ae.current = _;
-	}, D = [_], u[6] = _, u[7] = E, u[8] = D), a(E, D);
-	let [je, Me] = s(null);
-	je !== d && (Me(d), we(null));
-	let { pdf: O, numPages: k } = ne(d), A, j;
-	u[9] === O ? (A = u[10], j = u[11]) : (A = () => {
-		O && (ke.current = Array(O.numPages).fill(null), T.current = Array(O.numPages).fill(null));
-	}, j = [O], u[9] = O, u[10] = A, u[11] = j), a(A, j);
-	let M, N;
-	u[12] !== f || u[13] !== O ? (M = () => {
-		!O || !f || !S.current || ae(f, O, S.current, Ae.current).then(g);
-	}, N = [O, f], u[12] = f, u[13] = O, u[14] = M, u[15] = N) : (M = u[14], N = u[15]), a(M, N);
-	let Ne = o(x), P, F;
-	u[16] === x ? (P = u[17], F = u[18]) : (P = () => {
-		Ne.current = x;
-	}, F = [x], u[16] = x, u[17] = P, u[18] = F), a(P, F);
-	let I, L;
-	u[19] === O ? (I = u[20], L = u[21]) : (I = () => {
-		if (!O || !S.current) return;
-		let e = S.current, t = new ResizeObserver(() => {
-			Ne.current && ae(Ne.current, O, e, Ae.current).then(g);
+var y = 2, b = ({ file: b, workerSrc: x, sidebar: S, toolbar: C, onChangeFile: w, themeOverrides: ne, defaultTheme: re, defaultFit: T, className: E, style: ie }) => {
+	d(() => {
+		h.GlobalWorkerOptions.workerSrc = x;
+	}, [x]);
+	let [D, O] = m(1), [k, A] = m(0), [j, M] = m(null), [N, ae] = m([]), [P, F] = m(!1), [I, L] = m(T ?? null), R = p(null), z = p([]), B = p([]), V = p(k);
+	d(() => {
+		V.current = k;
+	}, [k]);
+	let [H, U] = m(null);
+	H !== b && (U(b), M(null));
+	let { pdf: W, numPages: G, loading: K } = ee(b);
+	d(() => {
+		W && (z.current = Array(W.numPages).fill(null), B.current = Array(W.numPages).fill(null));
+	}, [W]), d(() => {
+		!W || !T || !R.current || s(T, W, R.current, V.current).then(O);
+	}, [W, T]);
+	let q = p(I);
+	d(() => {
+		q.current = I;
+	}, [I]), d(() => {
+		if (!W || !R.current) return;
+		let e = R.current, t = new ResizeObserver(() => {
+			q.current && s(q.current, W, e, V.current).then(O);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, L = [O], u[19] = O, u[20] = I, u[21] = L), a(I, L);
-	let R;
-	u[22] === k ? R = u[23] : (R = {
-		numPages: k,
-		containerRef: S,
-		pageRefs: ke
-	}, u[22] = k, u[23] = R);
-	let { currentPage: z, goToPage: B } = t(R), Pe;
-	bb0: {
-		if (k === 0) {
-			let e;
-			u[24] === Symbol.for("react.memo_cache_sentinel") ? (e = [], u[24] = e) : e = u[24], Pe = e;
-			break bb0;
-		}
-		let e;
-		if (u[25] !== z || u[26] !== v || u[27] !== k || u[28] !== b) {
-			let t = /* @__PURE__ */ new Set(), ee = Math.max(z - ue, 1), n = Math.min(z + ue, k);
-			for (let e = ee; e <= n; e++) t.add(e);
-			v && t.add(v.page);
-			for (let e of b) t.add(e.page);
-			e = Array.from(t).sort(de), u[25] = z, u[26] = v, u[27] = k, u[28] = b, u[29] = e;
-		} else e = u[29];
-		Pe = e;
-	}
-	let V = Pe, H;
-	u[30] !== O || u[31] !== _ || u[32] !== V || u[33] !== h ? (H = {
-		pdf: O,
-		zoom: h,
-		rotation: _,
-		visiblePages: V,
-		canvasRefs: T
-	}, u[30] = O, u[31] = _, u[32] = V, u[33] = h, u[34] = H) : H = u[34];
-	let { pageSizes: Fe, renderedPages: U } = re(H), W;
-	if (u[35] !== U || u[36] !== V) {
-		let e = new Set(V);
-		for (let t of U) e.add(t);
-		W = Array.from(e).sort(fe), u[35] = U, u[36] = V, u[37] = W;
-	} else W = u[37];
-	let G = W, Ie;
-	u[38] !== z || u[39] !== B || u[40] !== O ? (Ie = {
-		pdf: O,
-		currentPage: z,
-		goToPage: B,
-		setZoom: g,
-		setRotation: Ce,
-		setFitMode: Oe
-	}, u[38] = z, u[39] = B, u[40] = O, u[41] = Ie) : Ie = u[41], ee(Ie);
-	let Le;
-	u[42] !== G || u[43] !== O || u[44] !== _ || u[45] !== h ? (Le = {
-		pdf: O,
-		zoom: h,
-		rotation: _,
-		mountedPages: G,
-		canvasRefs: T
-	}, u[42] = G, u[43] = O, u[44] = _, u[45] = h, u[46] = Le) : Le = u[46];
-	let Re = n(Le), ze;
-	u[47] !== B || u[48] !== G || u[49] !== O || u[50] !== _ || u[51] !== h ? (ze = {
-		pdf: O,
-		zoom: h,
-		rotation: _,
-		mountedPages: G,
-		goToPage: B
-	}, u[47] = B, u[48] = G, u[49] = O, u[50] = _, u[51] = h, u[52] = ze) : ze = u[52];
-	let Be = te(ze), Ve;
-	u[53] !== v || u[54] !== O || u[55] !== _ || u[56] !== b || u[57] !== h ? (Ve = {
-		pdf: O,
-		highlight: v,
-		searchMatches: b,
-		zoom: h,
-		rotation: _
-	}, u[53] = v, u[54] = O, u[55] = _, u[56] = b, u[57] = h, u[58] = Ve) : Ve = u[58];
-	let { overlayRect: K, searchOverlays: He } = ie(Ve), q;
-	u[59] !== z || u[60] !== d || u[61] !== x || u[62] !== B || u[63] !== v || u[64] !== k || u[65] !== ve || u[66] !== O || u[67] !== _ || u[68] !== b || u[69] !== Ee || u[70] !== h ? (q = {
-		pdf: O,
-		numPages: k,
-		zoom: h,
-		setZoom: g,
-		rotation: _,
-		setRotation: Ce,
-		currentPage: z,
-		goToPage: B,
-		containerRef: S,
-		canvasRefs: T,
-		file: d,
-		highlight: v,
-		setHighlight: we,
-		searchMatches: b,
-		setSearchMatches: Te,
-		onChangeFile: ve,
-		sidebarCollapsed: Ee,
-		setSidebarCollapsed: De,
-		fitMode: x,
-		setFitMode: Oe
-	}, u[59] = z, u[60] = d, u[61] = x, u[62] = B, u[63] = v, u[64] = k, u[65] = ve, u[66] = O, u[67] = _, u[68] = b, u[69] = Ee, u[70] = h, u[71] = q) : q = u[71];
-	let Ue = `${i.appLayout}${xe ? ` ${xe}` : ""}`, J;
-	u[72] === _e ? J = u[73] : (J = _e && /* @__PURE__ */ c("div", {
-		className: i.toolbar,
-		children: _e
-	}), u[72] = _e, u[73] = J);
-	let Y;
-	u[74] !== v || u[75] !== Be || u[76] !== G || u[77] !== k || u[78] !== K || u[79] !== Fe || u[80] !== U || u[81] !== _ || u[82] !== He || u[83] !== Re ? (Y = /* @__PURE__ */ c("div", {
-		className: i.scrollContainer,
-		ref: S,
-		children: Array.from({ length: k }, (e, t) => {
-			let ee = U.has(t + 1), n = Fe[t], r = G.includes(t + 1);
-			return /* @__PURE__ */ l("div", {
-				className: i.pageWrapper,
-				ref: (e) => {
-					ke.current[t] = e;
-				},
-				style: n ? {
-					width: n.width,
-					height: n.height
-				} : void 0,
-				children: [
-					n && !ee && /* @__PURE__ */ c("div", {
-						className: i.pageSkeleton,
-						style: {
-							width: n.width,
-							height: n.height
-						}
-					}),
-					r && /* @__PURE__ */ l(le, { children: [/* @__PURE__ */ c("canvas", {
-						className: i.pageCanvas,
-						ref: (e) => {
-							T.current[t] = e;
-						},
-						style: { display: ee ? "block" : "none" }
-					}), /* @__PURE__ */ c("div", {
-						className: `textLayer ${i.textLayer}`,
-						ref: (e) => {
-							Re.current[t] = e;
-						}
-					})] }),
-					Be.filter((e) => e.page === t + 1).map(pe),
-					He.filter((e) => e.page === t + 1).map(me),
-					v && K?.page === t + 1 && /* @__PURE__ */ c("div", {
-						className: i.highlightOverlay,
-						style: {
-							left: K.x,
-							top: K.y,
-							width: K.width,
-							height: K.height
-						}
-					})
-				]
-			}, `${t}-${_}`);
+	}, [W]);
+	let { currentPage: J, goToPage: Y } = t({
+		numPages: G,
+		containerRef: R,
+		pageRefs: z
+	}), X = f(() => {
+		if (G === 0) return [];
+		let e = /* @__PURE__ */ new Set(), t = Math.max(J - y, 1), n = Math.min(J + y, G);
+		for (let r = t; r <= n; r++) e.add(r);
+		j && e.add(j.page);
+		for (let t of N) e.add(t.page);
+		return Array.from(e).sort((e, t) => e - t);
+	}, [
+		J,
+		G,
+		j,
+		N
+	]), { pageSizes: oe, renderedPages: Z } = te({
+		pdf: W,
+		zoom: D,
+		rotation: k,
+		visiblePages: X,
+		canvasRefs: B
+	}), Q = f(() => {
+		let e = new Set(X);
+		for (let t of Z) e.add(t);
+		return Array.from(e).sort((e, t) => e - t);
+	}, [X, Z]);
+	n({
+		pdf: W,
+		currentPage: J,
+		goToPage: Y,
+		setZoom: O,
+		setRotation: A,
+		setFitMode: L
+	});
+	let se = r({
+		pdf: W,
+		zoom: D,
+		rotation: k,
+		mountedPages: Q,
+		canvasRefs: B
+	}), ce = a({
+		pdf: W,
+		zoom: D,
+		rotation: k,
+		mountedPages: Q,
+		goToPage: Y
+	}), { overlayRect: $, searchOverlays: le } = o({
+		pdf: W,
+		highlight: j,
+		searchMatches: N,
+		zoom: D,
+		rotation: k
+	}), ue = u((e, t) => {
+		(!e.url || !i(e.url)) && (t.preventDefault(), e.url || e._handleClick());
+	}, []), de = f(() => ({
+		pdf: W,
+		numPages: G,
+		zoom: D,
+		setZoom: O,
+		rotation: k,
+		setRotation: A,
+		currentPage: J,
+		goToPage: Y,
+		containerRef: R,
+		canvasRefs: B,
+		file: b,
+		highlight: j,
+		setHighlight: M,
+		searchMatches: N,
+		setSearchMatches: ae,
+		onChangeFile: w,
+		sidebarCollapsed: P,
+		setSidebarCollapsed: F,
+		fitMode: I,
+		setFitMode: L
+	}), [
+		W,
+		G,
+		D,
+		k,
+		J,
+		Y,
+		b,
+		j,
+		N,
+		w,
+		P,
+		I
+	]);
+	return /* @__PURE__ */ _(c, {
+		themeOverrides: ne,
+		defaultTheme: re,
+		children: /* @__PURE__ */ _(e.Provider, {
+			value: de,
+			children: /* @__PURE__ */ v("div", {
+				className: `${l.appLayout}${E ? ` ${E}` : ""}`,
+				style: ie,
+				children: [C && /* @__PURE__ */ _("div", {
+					className: l.toolbar,
+					children: C
+				}), /* @__PURE__ */ v("div", {
+					className: l.body,
+					children: [S, /* @__PURE__ */ v("div", {
+						className: l.scrollContainer,
+						ref: R,
+						children: [K && /* @__PURE__ */ _("div", { className: l.documentLoading }), Array.from({ length: G }, (e, t) => {
+							let n = Z.has(t + 1), r = oe[t], a = Q.includes(t + 1);
+							return /* @__PURE__ */ v("div", {
+								className: l.pageWrapper,
+								ref: (e) => {
+									z.current[t] = e;
+								},
+								style: r ? {
+									width: r.width,
+									height: r.height
+								} : void 0,
+								children: [
+									r && !n && /* @__PURE__ */ _("div", {
+										className: l.pageSkeleton,
+										style: {
+											width: r.width,
+											height: r.height
+										}
+									}),
+									a && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("canvas", {
+										className: l.pageCanvas,
+										ref: (e) => {
+											B.current[t] = e;
+										},
+										style: { display: n ? "block" : "none" }
+									}), /* @__PURE__ */ _("div", {
+										className: `textLayer ${l.textLayer}`,
+										ref: (e) => {
+											se.current[t] = e;
+										}
+									})] }),
+									ce.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ _("a", {
+										className: l.linkOverlay,
+										href: e.url && i(e.url) ? e.url : "#",
+										target: "_blank",
+										rel: "noopener noreferrer",
+										style: {
+											left: e.x,
+											top: e.y,
+											width: e.width,
+											height: e.height
+										},
+										onClick: (t) => ue(e, t)
+									}, t)),
+									le.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ _("div", {
+										className: l.searchMatchOverlay,
+										style: {
+											left: e.x,
+											top: e.y,
+											width: e.width,
+											height: e.height
+										}
+									}, t)),
+									j && $?.page === t + 1 && /* @__PURE__ */ _("div", {
+										className: l.highlightOverlay,
+										style: {
+											left: $.x,
+											top: $.y,
+											width: $.width,
+											height: $.height
+										}
+									})
+								]
+							}, `${t}-${k}`);
+						})]
+					})]
+				})]
+			})
 		})
-	}), u[74] = v, u[75] = Be, u[76] = G, u[77] = k, u[78] = K, u[79] = Fe, u[80] = U, u[81] = _, u[82] = He, u[83] = Re, u[84] = Y) : Y = u[84];
-	let X;
-	u[85] !== ge || u[86] !== Y ? (X = /* @__PURE__ */ l("div", {
-		className: i.body,
-		children: [ge, Y]
-	}), u[85] = ge, u[86] = Y, u[87] = X) : X = u[87];
-	let Z;
-	u[88] !== Se || u[89] !== Ue || u[90] !== J || u[91] !== X ? (Z = /* @__PURE__ */ l("div", {
-		className: Ue,
-		style: Se,
-		children: [J, X]
-	}), u[88] = Se, u[89] = Ue, u[90] = J, u[91] = X, u[92] = Z) : Z = u[92];
-	let Q;
-	u[93] !== q || u[94] !== Z ? (Q = /* @__PURE__ */ c(e.Provider, {
-		value: q,
-		children: Z
-	}), u[93] = q, u[94] = Z, u[95] = Q) : Q = u[95];
-	let $;
-	return u[96] !== be || u[97] !== Q || u[98] !== ye ? ($ = /* @__PURE__ */ c(oe, {
-		themeOverrides: ye,
-		defaultTheme: be,
-		children: Q
-	}), u[96] = be, u[97] = Q, u[98] = ye, u[99] = $) : $ = u[99], $;
+	});
 };
-function de(e, t) {
-	return e - t;
-}
-function fe(e, t) {
-	return e - t;
-}
-function pe(e, t) {
-	return /* @__PURE__ */ c("a", {
-		className: i.linkOverlay,
-		href: e.url && r(e.url) ? e.url : "#",
-		target: "_blank",
-		rel: "noopener noreferrer",
-		style: {
-			left: e.x,
-			top: e.y,
-			width: e.width,
-			height: e.height
-		},
-		onClick: (t) => {
-			(!e.url || !r(e.url)) && (t.preventDefault(), e.url || e._handleClick());
-		}
-	}, t);
-}
-function me(e, t) {
-	return /* @__PURE__ */ c("div", {
-		className: i.searchMatchOverlay,
-		style: {
-			left: e.x,
-			top: e.y,
-			width: e.width,
-			height: e.height
-		}
-	}, t);
-}
 //#endregion
-export { u as default };
+export { b as default };

package/dist/es/components/PDFViewer.module.js

@@ -1,19 +1,20 @@
 var e = {
-	appLayout: "_appLayout_1t51x_1",
-	body: "_body_1t51x_17",
-	toolbar: "_toolbar_1t51x_33",
-	scrollContainer: "_scrollContainer_1t51x_57",
-	pageWrapper: "_pageWrapper_1t51x_77",
-	pageCanvas: "_pageCanvas_1t51x_87",
-	textLayer: "_textLayer_1t51x_105",
-	markedContent: "_markedContent_1t51x_157",
-	endOfContent: "_endOfContent_1t51x_187",
-	selecting: "_selecting_1t51x_205",
-	pageSkeleton: "_pageSkeleton_1t51x_245",
-	spin: "_spin_1t51x_1",
-	highlightOverlay: "_highlightOverlay_1t51x_299",
-	linkOverlay: "_linkOverlay_1t51x_317",
-	searchMatchOverlay: "_searchMatchOverlay_1t51x_331"
+	appLayout: "_appLayout_18euq_1",
+	body: "_body_18euq_9",
+	toolbar: "_toolbar_18euq_17",
+	scrollContainer: "_scrollContainer_18euq_29",
+	pageWrapper: "_pageWrapper_18euq_40",
+	pageCanvas: "_pageCanvas_18euq_45",
+	textLayer: "_textLayer_18euq_54",
+	markedContent: "_markedContent_18euq_80",
+	endOfContent: "_endOfContent_18euq_95",
+	selecting: "_selecting_18euq_104",
+	documentLoading: "_documentLoading_18euq_124",
+	spin: "_spin_18euq_1",
+	pageSkeleton: "_pageSkeleton_18euq_144",
+	highlightOverlay: "_highlightOverlay_18euq_173",
+	linkOverlay: "_linkOverlay_18euq_182",
+	searchMatchOverlay: "_searchMatchOverlay_18euq_189"
 };
 //#endregion
 export { e as default };