pdf-tsx 1.1.0 → 1.2.0

package/dist/es/components/features/PDFOutline.js

@@ -1,12 +1,13 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { useLabels as t } from "../../hooks/useLabels.js";
-import { useOutline as n } from "../../hooks/useOutline.js";
-import { IconChevronDown as r, IconChevronRight as i } from "../ui/icons.js";
-import a from "./PDFOutline.module.js";
-import { memo as o, useCallback as s, useMemo as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { getEffectiveRotation as t } from "../../utils/rotation.js";
+import { useLabels as n } from "../../hooks/useLabels.js";
+import { useOutline as r } from "../../hooks/useOutline.js";
+import { IconChevronDown as i, IconChevronRight as a } from "../ui/icons.js";
+import o from "./PDFOutline.module.js";
+import { memo as s, useCallback as c, useMemo as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/features/PDFOutline.tsx
-async function p(e, t) {
+async function m(e, t) {
 	if (!e || !t) return null;
 	try {
 		let n = typeof t == "string" ? await e.getDestination(t) : t;
@@ -20,10 +21,10 @@ async function p(e, t) {
 		return null;
 	}
 }
-var m = o(function e({ node: t, depth: n, onNavigate: o }) {
-	let [p, m] = l(n === 0), h = t.items.length > 0, g = s((e) => {
+var h = s(function e({ node: t, depth: n, onNavigate: r }) {
+	let [s, m] = u(n === 0), h = t.items.length > 0, g = c((e) => {
 		e.stopPropagation(), m((e) => !e);
-	}, []), _ = s(() => o(t.dest), [o, t.dest]), v = c(() => ({
+	}, []), _ = c(() => r(t.dest), [r, t.dest]), v = l(() => ({
 		paddingLeft: 12 + n * 14,
 		fontWeight: t.bold ? 600 : 400,
 		fontStyle: t.italic ? "italic" : "normal"
@@ -32,66 +33,66 @@ var m = o(function e({ node: t, depth: n, onNavigate: o }) {
 		t.bold,
 		t.italic
 	]);
-	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
-		className: a.row,
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("div", {
+		className: o.row,
 		style: v,
 		onClick: _,
-		children: [h ? /* @__PURE__ */ d("button", {
-			className: a.chevronBtn,
+		children: [h ? /* @__PURE__ */ f("button", {
+			className: o.chevronBtn,
 			onClick: g,
-			children: d(p ? r : i, { size: 12 })
-		}) : /* @__PURE__ */ d("span", { style: {
+			children: f(s ? i : a, { size: 12 })
+		}) : /* @__PURE__ */ f("span", { style: {
 			width: 16,
 			flexShrink: 0
-		} }), /* @__PURE__ */ d("span", {
-			className: a.title,
+		} }), /* @__PURE__ */ f("span", {
+			className: o.title,
 			title: t.title,
 			children: t.title
 		})]
-	}), p && t.items.map((t, r) => /* @__PURE__ */ d(e, {
+	}), s && t.items.map((t, i) => /* @__PURE__ */ f(e, {
 		node: t,
 		depth: n + 1,
-		onNavigate: o
-	}, r))] });
+		onNavigate: r
+	}, i))] });
 });
-function h() {
-	let { pdf: r, zoom: i, rotation: o, goToPage: c } = e(), l = t(), { outline: u, loading: h } = n({ pdf: r }), g = s(async (e) => {
-		let t = await p(r, e);
-		if (t) {
-			if (t.pdfTop !== null) try {
-				let [, e] = (await r.getPage(t.page)).getViewport({
-					scale: i,
-					rotation: o
-				}).convertToViewportPoint(0, t.pdfTop);
-				c(t.page, e);
+function g() {
+	let { pdf: i, zoom: a, rotation: s, goToPage: l } = e(), u = n(), { outline: d, loading: g } = r({ pdf: i }), _ = c(async (e) => {
+		let n = await m(i, e);
+		if (n) {
+			if (n.pdfTop !== null) try {
+				let e = await i.getPage(n.page), [, r] = e.getViewport({
+					scale: a,
+					rotation: t(e, s)
+				}).convertToViewportPoint(0, n.pdfTop);
+				l(n.page, r);
 				return;
 			} catch {}
-			c(t.page);
+			l(n.page);
 		}
 	}, [
-		r,
 		i,
-		o,
-		c
+		a,
+		s,
+		l
 	]);
-	return /* @__PURE__ */ f("div", {
-		className: a.tree,
+	return /* @__PURE__ */ p("div", {
+		className: o.tree,
 		children: [
-			h && /* @__PURE__ */ d("div", {
-				className: a.emptyState,
-				children: l.outlineLoading
+			g && /* @__PURE__ */ f("div", {
+				className: o.emptyState,
+				children: u.outlineLoading
 			}),
-			!h && u.length === 0 && /* @__PURE__ */ d("div", {
-				className: a.emptyState,
-				children: l.outlineEmpty
+			!g && d.length === 0 && /* @__PURE__ */ f("div", {
+				className: o.emptyState,
+				children: u.outlineEmpty
 			}),
-			!h && u.map((e, t) => /* @__PURE__ */ d(m, {
+			!g && d.map((e, t) => /* @__PURE__ */ f(h, {
 				node: e,
 				depth: 0,
-				onNavigate: g
+				onNavigate: _
 			}, t))
 		]
 	});
 }
 //#endregion
-export { h as PDFOutline };
+export { g as PDFOutline };

package/dist/es/hooks/useAnnotationLayer.js

@@ -1,25 +1,26 @@
-import { isSafeUrl as e } from "../utils/url.js";
-import { useEffect as t, useState as n } from "react";
+import { getEffectiveRotation as e } from "../utils/rotation.js";
+import { isSafeUrl as t } from "../utils/url.js";
+import { useEffect as n, useState as r } from "react";
 import "pdfjs-dist";
 //#region src/hooks/useAnnotationLayer.ts
-function r({ pdf: r, zoom: i, rotation: a, mountedPages: o, goToPage: s }) {
-	let [c, l] = n([]), [u, d] = n([]);
-	t(() => {
-		if (!r) return;
-		let e = !1;
+function i({ pdf: i, zoom: a, rotation: o, mountedPages: s, goToPage: c }) {
+	let [l, u] = r([]), [d, f] = r([]);
+	n(() => {
+		if (!i) return;
+		let t = !1;
 		return (async () => {
-			let t = [], n = [];
-			for (let s of o) {
-				if (e) break;
-				let o = await r.getPage(s), c = o.getViewport({
-					scale: i,
-					rotation: a
-				}), l = await o.getAnnotations();
-				for (let e of l) {
+			let n = [], r = [];
+			for (let c of s) {
+				if (t) break;
+				let s = await i.getPage(c), l = s.getViewport({
+					scale: a,
+					rotation: e(s, o)
+				}), u = await s.getAnnotations();
+				for (let e of u) {
 					if (!e.rect) continue;
-					let r = e.rect, [i, a, o, l] = c.convertToViewportRectangle(r), u = Math.min(i, o), d = Math.min(a, l), f = Math.abs(o - i), p = Math.abs(l - a);
-					if (e.subtype === "Link") t.push({
-						page: s,
+					let t = e.rect, [i, a, o, s] = l.convertToViewportRectangle(t), u = Math.min(i, o), d = Math.min(a, s), f = Math.abs(o - i), p = Math.abs(s - a);
+					if (e.subtype === "Link") n.push({
+						page: c,
 						x: u,
 						y: d,
 						width: f,
@@ -29,9 +30,9 @@ function r({ pdf: r, zoom: i, rotation: a, mountedPages: o, goToPage: s }) {
 						newWindow: e.newWindow
 					});
 					else {
-						let t = e.contentsObj, i = e.titleObj, a = t?.str ?? e.contents ?? "", o = i?.str ?? e.title;
-						a && n.push({
-							page: s,
+						let n = e.contentsObj, i = e.titleObj, a = n?.str ?? e.contents ?? "", o = i?.str ?? e.title;
+						a && r.push({
+							page: c,
 							x: u,
 							y: d,
 							width: f,
@@ -39,40 +40,40 @@ function r({ pdf: r, zoom: i, rotation: a, mountedPages: o, goToPage: s }) {
 							contents: a,
 							title: o || void 0,
 							subtype: e.subtype,
-							pdfRect: r
+							pdfRect: t
 						});
 					}
 				}
 			}
-			e || (l(t), d(n));
+			t || (u(n), f(r));
 		})(), () => {
-			e = !0;
+			t = !0;
 		};
 	}, [
-		r,
 		i,
 		a,
-		o
+		o,
+		s
 	]);
-	let f = async (t) => {
-		if (t.url) {
-			if (!e(t.url)) return;
-			window.open(t.url, "_blank", "noopener,noreferrer");
+	let p = async (e) => {
+		if (e.url) {
+			if (!t(e.url)) return;
+			window.open(e.url, "_blank", "noopener,noreferrer");
 			return;
 		}
-		if (t.dest && r) {
-			let e = null;
-			if (typeof t.dest == "string" ? e = await r.getDestination(t.dest) : Array.isArray(t.dest) && (e = t.dest), !e) return;
-			s(await r.getPageIndex(e[0]) + 1);
+		if (e.dest && i) {
+			let t = null;
+			if (typeof e.dest == "string" ? t = await i.getDestination(e.dest) : Array.isArray(e.dest) && (t = e.dest), !t) return;
+			c(await i.getPageIndex(t[0]) + 1);
 		}
 	};
 	return {
-		linkOverlays: c.map((e) => ({
+		linkOverlays: l.map((e) => ({
 			...e,
-			_handleClick: f.bind(null, e)
+			_handleClick: p.bind(null, e)
 		})),
-		noteOverlays: u
+		noteOverlays: d
 	};
 }
 //#endregion
-export { r as useAnnotationLayer };
+export { i as useAnnotationLayer };

package/dist/es/hooks/useOverlayRects.js

@@ -1,63 +1,64 @@
-import { useEffect as e, useState as t } from "react";
+import { getEffectiveRotation as e } from "../utils/rotation.js";
+import { useEffect as t, useState as n } from "react";
 import "pdfjs-dist";
 //#region src/hooks/useOverlayRects.ts
-function n({ pdf: n, highlight: r, searchMatches: i, zoom: a, rotation: o }) {
-	let [s, c] = t(null), [l, u] = t([]);
-	return e(() => {
-		if (!n || i.length === 0) return;
-		let e = !1;
+function r({ pdf: r, highlight: i, searchMatches: a, zoom: o, rotation: s }) {
+	let [c, l] = n(null), [u, d] = n([]);
+	return t(() => {
+		if (!r || a.length === 0) return;
+		let t = !1;
 		return (async () => {
-			let t = [];
-			for (let r of i) {
-				if (e) break;
-				let [i, s, c, l] = (await n.getPage(r.page)).getViewport({
-					scale: a,
-					rotation: o
-				}).convertToViewportRectangle(r.pdfRect);
-				t.push({
-					page: r.page,
-					x: Math.min(i, c),
-					y: Math.min(s, l),
-					width: Math.abs(c - i),
-					height: Math.abs(l - s)
+			let n = [];
+			for (let i of a) {
+				if (t) break;
+				let a = await r.getPage(i.page), [c, l, u, d] = a.getViewport({
+					scale: o,
+					rotation: e(a, s)
+				}).convertToViewportRectangle(i.pdfRect);
+				n.push({
+					page: i.page,
+					x: Math.min(c, u),
+					y: Math.min(l, d),
+					width: Math.abs(u - c),
+					height: Math.abs(d - l)
 				});
 			}
-			e || u(t);
+			t || d(n);
 		})(), () => {
-			e = !0;
+			t = !0;
 		};
 	}, [
-		i,
 		a,
 		o,
-		n
-	]), e(() => {
-		if (!r || !n) return;
-		let e = !1;
+		s,
+		r
+	]), t(() => {
+		if (!i || !r) return;
+		let t = !1;
 		return (async () => {
-			let [t, i, s, l] = (await n.getPage(r.page)).getViewport({
-				scale: a,
-				rotation: o
-			}).convertToViewportRectangle(r.pdfRect);
-			e || c({
-				page: r.page,
-				x: Math.min(t, s),
-				y: Math.min(i, l),
-				width: Math.abs(s - t),
-				height: Math.abs(l - i)
+			let n = await r.getPage(i.page), [a, c, u, d] = n.getViewport({
+				scale: o,
+				rotation: e(n, s)
+			}).convertToViewportRectangle(i.pdfRect);
+			t || l({
+				page: i.page,
+				x: Math.min(a, u),
+				y: Math.min(c, d),
+				width: Math.abs(u - a),
+				height: Math.abs(d - c)
 			});
 		})(), () => {
-			e = !0;
+			t = !0;
 		};
 	}, [
-		r,
-		a,
+		i,
 		o,
-		n
+		s,
+		r
 	]), {
-		overlayRect: !r || !n ? null : s,
-		searchOverlays: !n || i.length === 0 ? [] : l
+		overlayRect: !i || !r ? null : c,
+		searchOverlays: !r || a.length === 0 ? [] : u
 	};
 }
 //#endregion
-export { n as useOverlayRects };
+export { r as useOverlayRects };

package/dist/es/hooks/usePDFLoader.js

@@ -1,27 +1,47 @@
-import { useEffect as e, useState as t } from "react";
-import * as n from "pdfjs-dist";
+import e from "../vendor/pdfjs-wasm/openjpeg.js";
+import t from "../vendor/pdfjs-wasm/jbig2.js";
+import n from "../vendor/pdfjs-wasm/qcms_bg.js";
+import { useEffect as r, useState as i } from "react";
+import * as a from "pdfjs-dist";
 //#region src/hooks/usePDFLoader.ts
-function r(r) {
-	let [i, a] = t(null), [o, s] = t(0), [c, l] = t(!0);
-	return e(() => {
-		l(!0), a(null), s(0);
-		let e = new FileReader();
-		e.onload = async (e) => {
+var o = {
+	"openjpeg.wasm": e,
+	"jbig2.wasm": t,
+	"qcms_bg.wasm": n
+}, s = class {
+	async fetch({ kind: e, filename: t }) {
+		let n = e === "wasmUrl" ? o[t] : void 0;
+		if (!n) throw Error(`Unable to load ${e} data at: ${t}`);
+		let r = await fetch(n);
+		return new Uint8Array(await r.arrayBuffer());
+	}
+};
+function c(e) {
+	let [t, n] = i(null), [o, c] = i(0), [l, u] = i(!0);
+	return r(() => {
+		u(!0), n(null), c(0);
+		let t = new FileReader();
+		t.onload = async (e) => {
 			let t = new Uint8Array(e.target?.result);
 			try {
-				let e = await n.getDocument(t).promise;
-				a(e), s(e.numPages);
+				let e = await a.getDocument({
+					data: t,
+					wasmUrl: "wasm/",
+					useWorkerFetch: !1,
+					BinaryDataFactory: s
+				}).promise;
+				n(e), c(e.numPages);
 			} catch (e) {
 				console.error("Errore caricamento:", e);
 			} finally {
-				l(!1);
+				u(!1);
 			}
-		}, e.readAsArrayBuffer(r);
-	}, [r]), {
-		pdf: i,
+		}, t.readAsArrayBuffer(e);
+	}, [e]), {
+		pdf: t,
 		numPages: o,
-		loading: c
+		loading: l
 	};
 }
 //#endregion
-export { r as usePDFLoader };
+export { c as usePDFLoader };

package/dist/es/hooks/usePDFRenderer.js

@@ -1,78 +1,79 @@
-import { useEffect as e, useRef as t, useState as n } from "react";
+import { getEffectiveRotation as e } from "../utils/rotation.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
 import "pdfjs-dist";
 //#region src/hooks/usePDFRenderer.ts
-function r(e, t, n, r) {
-	let i = e.getContext("2d");
-	if (!i) return null;
-	let a = t.getViewport({
-		scale: n,
-		rotation: r
-	}), o = window.devicePixelRatio || 1, s = Math.min(1, 4096 / Math.max(a.width, a.height)), c = Math.sqrt(Math.min(1, 16777216 / (a.width * a.height))), l = Math.max(.1, Math.min(o, s, c));
-	l < o && console.warn(`[pdf-tsx] canvas clamped to avoid blank render: page=${t.pageNumber} zoom=${n} dpr=${o} requested=${Math.round(a.width * o)}x${Math.round(a.height * o)}px clamped=${Math.round(a.width * l)}x${Math.round(a.height * l)}px`);
-	let u = t.getViewport({
-		scale: n * l,
-		rotation: r
+function i(t, n, r, i) {
+	let a = t.getContext("2d");
+	if (!a) return null;
+	let o = e(n, i), s = n.getViewport({
+		scale: r,
+		rotation: o
+	}), c = window.devicePixelRatio || 1, l = Math.min(1, 4096 / Math.max(s.width, s.height)), u = Math.sqrt(Math.min(1, 16777216 / (s.width * s.height))), d = Math.max(.1, Math.min(c, l, u));
+	d < c && console.warn(`[pdf-tsx] canvas clamped to avoid blank render: page=${n.pageNumber} zoom=${r} dpr=${c} requested=${Math.round(s.width * c)}x${Math.round(s.height * c)}px clamped=${Math.round(s.width * d)}x${Math.round(s.height * d)}px`);
+	let f = n.getViewport({
+		scale: r * d,
+		rotation: o
 	});
-	return e.width = u.width, e.height = u.height, e.style.width = `${a.width}px`, e.style.height = `${a.height}px`, t.render({
-		canvasContext: i,
-		viewport: u,
-		canvas: e
+	return t.width = f.width, t.height = f.height, t.style.width = `${s.width}px`, t.style.height = `${s.height}px`, n.render({
+		canvasContext: a,
+		viewport: f,
+		canvas: t
 	});
 }
-function i({ pdf: i, zoom: a, rotation: o, visiblePages: s, canvasRefs: c }) {
-	let [l, u] = n([]), [d, f] = n(/* @__PURE__ */ new Set()), p = t([]), m = t(/* @__PURE__ */ new Set()), h = t(!1);
-	return e(() => {
-		if (!i) return;
-		h.current = !1, m.current = /* @__PURE__ */ new Set(), f(/* @__PURE__ */ new Set());
-		let e = !1;
+function a({ pdf: a, zoom: o, rotation: s, visiblePages: c, canvasRefs: l }) {
+	let [u, d] = r([]), [f, p] = r(/* @__PURE__ */ new Set()), m = n([]), h = n(/* @__PURE__ */ new Set()), g = n(!1);
+	return t(() => {
+		if (!a) return;
+		g.current = !1, h.current = /* @__PURE__ */ new Set(), p(/* @__PURE__ */ new Set());
+		let t = !1;
 		return (async () => {
-			let t = p.current.map((e) => e ? (e.cancel(), e.promise.catch(() => {})) : Promise.resolve());
-			if (await Promise.all(t), p.current = Array(i.numPages).fill(null), e) return;
-			let n = await i.getPage(1);
-			if (e) return;
-			let r = n.getViewport({
-				scale: a,
-				rotation: o
-			}), s = {
-				width: r.width,
-				height: r.height
+			let n = m.current.map((e) => e ? (e.cancel(), e.promise.catch(() => {})) : Promise.resolve());
+			if (await Promise.all(n), m.current = Array(a.numPages).fill(null), t) return;
+			let r = await a.getPage(1);
+			if (t) return;
+			let i = r.getViewport({
+				scale: o,
+				rotation: e(r, s)
+			}), c = {
+				width: i.width,
+				height: i.height
 			};
-			u(Array(i.numPages).fill(s));
-			let c = await Promise.all(Array.from({ length: i.numPages }, async (e, t) => {
-				let r = (t === 0 ? n : await i.getPage(t + 1)).getViewport({
-					scale: a,
-					rotation: o
+			d(Array(a.numPages).fill(c));
+			let l = await Promise.all(Array.from({ length: a.numPages }, async (t, n) => {
+				let i = n === 0 ? r : await a.getPage(n + 1), c = i.getViewport({
+					scale: o,
+					rotation: e(i, s)
 				});
 				return {
-					width: r.width,
-					height: r.height
+					width: c.width,
+					height: c.height
 				};
 			}));
-			e || (h.current = !0, u(c));
+			t || (g.current = !0, d(l));
 		})(), () => {
-			e = !0, p.current.forEach((e) => e?.cancel());
+			t = !0, m.current.forEach((e) => e?.cancel());
 		};
 	}, [
-		i,
 		a,
-		o
-	]), e(() => {
-		if (!i || l.length !== i.numPages || !h.current) return;
+		o,
+		s
+	]), t(() => {
+		if (!a || u.length !== a.numPages || !g.current) return;
 		let e = !1;
 		return (async () => {
-			for (let t of s) {
-				if (e || m.current.has(t)) continue;
-				let n = await i.getPage(t);
+			for (let t of c) {
+				if (e || h.current.has(t)) continue;
+				let n = await a.getPage(t);
 				if (e) return;
-				let s = c.current[t - 1];
-				if (!s) continue;
-				let l = p.current[t - 1];
-				if (l && (l.cancel(), await l.promise.catch(() => {}), e)) return;
-				let u = r(s, n, a, o);
+				let r = l.current[t - 1];
+				if (!r) continue;
+				let c = m.current[t - 1];
+				if (c && (c.cancel(), await c.promise.catch(() => {}), e)) return;
+				let u = i(r, n, o, s);
 				if (u) {
-					p.current[t - 1] = u;
+					m.current[t - 1] = u;
 					try {
-						await u.promise, e || (m.current = new Set(m.current).add(t), f((e) => {
+						await u.promise, e || (h.current = new Set(h.current).add(t), p((e) => {
 							if (e.has(t)) return e;
 							let n = new Set(e);
 							return n.add(t), n;
@@ -80,7 +81,7 @@ function i({ pdf: i, zoom: a, rotation: o, visiblePages: s, canvasRefs: c }) {
 					} catch (e) {
 						e && typeof e == "object" && "name" in e && e.name !== "RenderingCancelledException" && console.error("Render error:", e);
 					} finally {
-						p.current[t - 1] === u && (p.current[t - 1] = null);
+						m.current[t - 1] === u && (m.current[t - 1] = null);
 					}
 				}
 			}
@@ -88,16 +89,16 @@ function i({ pdf: i, zoom: a, rotation: o, visiblePages: s, canvasRefs: c }) {
 			e = !0;
 		};
 	}, [
-		i,
-		l,
-		o,
-		s,
 		a,
-		c
+		u,
+		s,
+		c,
+		o,
+		l
 	]), {
-		pageSizes: l,
-		renderedPages: d
+		pageSizes: u,
+		renderedPages: f
 	};
 }
 //#endregion
-export { i as usePDFRenderer };
+export { a as usePDFRenderer };