pdf-tsx 0.1.6 → 0.3.0

package/dist/cjs/utils/pdfFit.cjs

@@ -0,0 +1 @@
+var e=60,t=10;async function n(n,r,i,a){let o=(await r.getPage(1)).getViewport({scale:1,rotation:a}),s=i.clientWidth-e;if(n===`width`)return s/o.width;let c=i.clientHeight-t*2;return Math.min(s/o.width,c/o.height)}exports.computeFit=n;

package/dist/components/PDFViewer.d.ts

@@ -1,10 +1,17 @@
 import { default as React } from 'react';
+import { Theme } from '../theme';
 interface PDFViewerProps {
     file: File;
     workerSrc: string;
     sidebar?: React.ReactNode;
     toolbar?: React.ReactNode;
     onChangeFile?: (file: File) => void;
+    themeOverrides?: {
+        light?: Partial<Theme>;
+        dark?: Partial<Theme>;
+    };
+    defaultTheme?: "light" | "dark";
+    defaultFit?: "width" | "page";
 }
 declare const PDFViewer: React.FC<PDFViewerProps>;
 export default PDFViewer;

package/dist/components/features/PDFAnnotations.d.ts

@@ -1 +1,5 @@
+import { ReactNode } from 'react';
+export declare function PDFAnnotationsIcon({ icon }: {
+    icon: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function PDFAnnotations(): import("react/jsx-runtime").JSX.Element;

package/dist/components/features/PDFSignatures.d.ts

@@ -1 +1,5 @@
+import { ReactNode } from 'react';
+export declare function PDFSignaturesIcon({ icon }: {
+    icon: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function PDFSignatures(): import("react/jsx-runtime").JSX.Element;

package/dist/context/ThemeContext.d.ts

@@ -5,8 +5,14 @@ interface ThemeContextValue {
     toggleTheme: () => void;
     theme: Theme;
 }
-export declare function ThemeProvider({ children }: {
+interface ThemeProviderProps {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    themeOverrides?: {
+        light?: Partial<Theme>;
+        dark?: Partial<Theme>;
+    };
+    defaultTheme?: "light" | "dark";
+}
+export declare function ThemeProvider({ children, themeOverrides, defaultTheme }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTheme(): ThemeContextValue;
 export {};

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

@@ -1,11 +1,11 @@
 var e = {
-	wrapper: "_wrapper_1bxn4_1",
-	buttonBar: "_buttonBar_1bxn4_7",
-	panelButton: "_panelButton_1bxn4_17",
-	panelButtonActive: "_panelButtonActive_1bxn4_37",
-	contentPanel: "_contentPanel_1bxn4_46",
-	panelHeader: "_panelHeader_1bxn4_54",
-	panelBody: "_panelBody_1bxn4_66"
+	wrapper: "_wrapper_184n8_1",
+	buttonBar: "_buttonBar_184n8_13",
+	panelButton: "_panelButton_184n8_33",
+	panelButtonActive: "_panelButtonActive_184n8_73",
+	contentPanel: "_contentPanel_184n8_91",
+	panelHeader: "_panelHeader_184n8_107",
+	panelBody: "_panelBody_184n8_131"
 };
 //#endregion
 export { e as default };

package/dist/es/components/PDFViewer.js

@@ -4,70 +4,79 @@ 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 { ThemeProvider as o } from "../context/ThemeContext.js";
-import s from "./PDFViewer.module.js";
-import { useEffect as c, useRef as l, useState as u } from "react";
-import * as d from "pdfjs-dist";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { computeFit as o } from "../utils/pdfFit.js";
+import { ThemeProvider as s } from "../context/ThemeContext.js";
+import c from "./PDFViewer.module.js";
+import { useEffect as l, useRef as u, useState as d } from "react";
+import * as f from "pdfjs-dist";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/PDFViewer.tsx
-var m = ({ file: m, workerSrc: h, sidebar: g, toolbar: _, onChangeFile: v }) => {
-	c(() => {
-		d.GlobalWorkerOptions.workerSrc = h;
-	}, [h]);
-	let [y, b] = u(null), [x, S] = u(0), [C, w] = u(1), [T, E] = u(0), [D, O] = u(null), [k, A] = u(null), [j, M] = u([]), [N, P] = u(/* @__PURE__ */ new Set()), [F, I] = u([]), L = l(null), R = l([]), z = l([]), { currentPage: B, goToPage: V } = t({
-		pdf: y,
-		numPages: x,
-		zoom: C,
-		rotation: T,
-		containerRef: L,
-		canvasRefs: R
+var h = ({ file: h, workerSrc: g, sidebar: _, toolbar: v, onChangeFile: y, themeOverrides: b, defaultTheme: x, defaultFit: S }) => {
+	l(() => {
+		f.GlobalWorkerOptions.workerSrc = g;
+	}, [g]);
+	let [C, w] = d(null), [T, E] = d(0), [D, O] = d(1), [k, A] = d(0), [j, M] = d(null), [N, P] = d(null), [F, I] = d([]), [L, R] = d(/* @__PURE__ */ new Set()), [z, B] = d([]), V = u(null), H = u([]), U = u([]), W = u(k);
+	l(() => {
+		W.current = k;
+	}, [k]), l(() => {
+		if (!C || !S || !V.current) return;
+		let e = V.current;
+		o(S, C, e, W.current).then(O);
+	}, [C, S]);
+	let { currentPage: G, goToPage: K } = t({
+		pdf: C,
+		numPages: T,
+		zoom: D,
+		rotation: k,
+		containerRef: V,
+		canvasRefs: H
 	});
 	n({
-		pdf: y,
-		currentPage: B,
-		numPages: x,
-		goToPage: V,
-		setZoom: w,
-		setRotation: E
+		pdf: C,
+		currentPage: G,
+		numPages: T,
+		goToPage: K,
+		setZoom: O,
+		setRotation: A
 	});
-	let H = r({
-		pdf: y,
-		zoom: C,
-		rotation: T,
-		numPages: x,
-		canvasRefs: R
-	}), U = a({
-		pdf: y,
-		zoom: C,
-		rotation: T,
-		numPages: x,
-		goToPage: V
+	let q = r({
+		pdf: C,
+		zoom: D,
+		rotation: k,
+		numPages: T,
+		canvasRefs: H
+	}), J = a({
+		pdf: C,
+		zoom: D,
+		rotation: k,
+		numPages: T,
+		goToPage: K
 	});
-	c(() => {
+	l(() => {
 		(async () => {
 			let e = new FileReader();
 			e.onload = async (e) => {
 				let t = new Uint8Array(e.target?.result);
 				try {
-					let e = await d.getDocument(t).promise;
-					b(e), S(e.numPages), O(null), A(null), P(/* @__PURE__ */ new Set()), I([]), R.current = Array(e.numPages).fill(null), z.current = Array(e.numPages).fill(null);
+					let e = await f.getDocument(t).promise;
+					w(e), E(e.numPages), M(null), P(null), R(/* @__PURE__ */ new Set()), B([]), H.current = Array(e.numPages).fill(null), U.current = Array(e.numPages).fill(null);
 				} catch (e) {
 					console.error("Errore caricamento:", e);
 				}
-			}, e.readAsArrayBuffer(m);
+			}, e.readAsArrayBuffer(h);
 		})();
-	}, [m]), c(() => {
-		if (!y) return;
-		P(/* @__PURE__ */ new Set());
+	}, [h]), l(() => {
+		if (!C) return;
+		R(/* @__PURE__ */ new Set());
 		let e = !1;
 		return (async () => {
-			let t = z.current.map((e) => e ? (e.cancel(), e.promise.catch(() => {})) : Promise.resolve());
-			if (await Promise.all(t), z.current = Array(y.numPages).fill(null), e) return;
+			let t = U.current.map((e) => e ? (e.cancel(), e.promise.catch(() => {})) : Promise.resolve());
+			if (await Promise.all(t), U.current = Array(C.numPages).fill(null), e) return;
 			let n = [];
-			for (let e = 1; e <= y.numPages; e++) {
-				let t = (await y.getPage(e)).getViewport({
-					scale: C,
-					rotation: T
+			for (let e = 1; e <= C.numPages; e++) {
+				let t = (await C.getPage(e)).getViewport({
+					scale: D,
+					rotation: k
 				});
 				n.push({
 					width: t.width,
@@ -75,13 +84,13 @@ var m = ({ file: m, workerSrc: h, sidebar: g, toolbar: _, onChangeFile: v }) =>
 				});
 			}
 			if (!e) {
-				I(n);
-				for (let t = 1; t <= y.numPages; t++) {
+				B(n);
+				for (let t = 1; t <= C.numPages; t++) {
 					if (e) return;
-					let n = await y.getPage(t), r = n.getViewport({
-						scale: C,
-						rotation: T
-					}), i = R.current[t - 1];
+					let n = await C.getPage(t), r = n.getViewport({
+						scale: D,
+						rotation: k
+					}), i = H.current[t - 1];
 					if (i) {
 						let a = i.getContext("2d");
 						if (a) {
@@ -91,9 +100,9 @@ var m = ({ file: m, workerSrc: h, sidebar: g, toolbar: _, onChangeFile: v }) =>
 								viewport: r,
 								canvas: i
 							});
-							z.current[t - 1] = o;
+							U.current[t - 1] = o;
 							try {
-								await o.promise, e || P((e) => new Set(e).add(t));
+								await o.promise, e || R((e) => new Set(e).add(t));
 							} catch (e) {
 								e && typeof e == "object" && "name" in e && e.name !== "RenderingCancelledException" && console.error("Render error:", e);
 							}
@@ -102,27 +111,27 @@ var m = ({ file: m, workerSrc: h, sidebar: g, toolbar: _, onChangeFile: v }) =>
 				}
 			}
 		})(), () => {
-			e = !0, z.current.forEach((e) => e?.cancel());
+			e = !0, U.current.forEach((e) => e?.cancel());
 		};
 	}, [
-		y,
 		C,
-		T
+		D,
+		k
 	]);
-	let [W, G] = u([]);
-	return c(() => {
-		if (!y || j.length === 0) {
-			G([]);
+	let [Y, X] = d([]);
+	return l(() => {
+		if (!C || F.length === 0) {
+			X([]);
 			return;
 		}
 		let e = !1;
 		return (async () => {
 			let t = [];
-			for (let n of j) {
+			for (let n of F) {
 				if (e) break;
-				let [r, i, a, o] = (await y.getPage(n.page)).getViewport({
-					scale: C,
-					rotation: T
+				let [r, i, a, o] = (await C.getPage(n.page)).getViewport({
+					scale: D,
+					rotation: k
 				}).convertToViewportRectangle(n.pdfRect);
 				t.push({
 					page: n.page,
@@ -132,25 +141,25 @@ var m = ({ file: m, workerSrc: h, sidebar: g, toolbar: _, onChangeFile: v }) =>
 					height: Math.abs(o - i)
 				});
 			}
-			e || G(t);
+			e || X(t);
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		j,
-		C,
-		T,
-		y
-	]), c(() => {
-		if (!D || !y) return;
+		F,
+		D,
+		k,
+		C
+	]), l(() => {
+		if (!j || !C) return;
 		let e = !1;
 		return (async () => {
-			let [t, n, r, i] = (await y.getPage(D.page)).getViewport({
-				scale: C,
-				rotation: T
-			}).convertToViewportRectangle(D.pdfRect);
-			e || A({
-				page: D.page,
+			let [t, n, r, i] = (await C.getPage(j.page)).getViewport({
+				scale: D,
+				rotation: k
+			}).convertToViewportRectangle(j.pdfRect);
+			e || P({
+				page: j.page,
 				x: Math.min(t, r),
 				y: Math.min(n, i),
 				width: Math.abs(r - t),
@@ -160,104 +169,108 @@ var m = ({ file: m, workerSrc: h, sidebar: g, toolbar: _, onChangeFile: v }) =>
 			e = !0;
 		};
 	}, [
+		j,
 		D,
-		C,
-		T,
-		y
-	]), /* @__PURE__ */ f(o, { children: /* @__PURE__ */ f(e.Provider, {
-		value: {
-			pdf: y,
-			numPages: x,
-			zoom: C,
-			setZoom: w,
-			rotation: T,
-			setRotation: E,
-			currentPage: B,
-			goToPage: V,
-			containerRef: L,
-			canvasRefs: R,
-			file: m,
-			highlight: D,
-			setHighlight: O,
-			searchMatches: j,
-			setSearchMatches: M,
-			onChangeFile: v
-		},
-		children: /* @__PURE__ */ p("div", {
-			className: s.appLayout,
-			children: [g, /* @__PURE__ */ p("div", {
-				className: s.mainContent,
-				children: [_ && /* @__PURE__ */ f("div", {
-					className: s.toolbar,
-					children: _
-				}), /* @__PURE__ */ f("div", {
-					className: s.scrollContainer,
-					ref: L,
-					children: Array.from({ length: x }, (e, t) => {
-						let n = N.has(t + 1), r = F[t];
-						return /* @__PURE__ */ p("div", {
-							className: s.pageWrapper,
-							children: [
-								!n && r && /* @__PURE__ */ f("div", {
-									className: s.pageSkeleton,
-									style: {
-										width: r.width,
-										height: r.height
-									}
-								}),
-								/* @__PURE__ */ f("canvas", {
-									className: s.pageCanvas,
-									ref: (e) => {
-										R.current[t] = e;
-									},
-									style: { display: n ? "block" : "none" }
-								}),
-								/* @__PURE__ */ f("div", {
-									className: `textLayer ${s.textLayer}`,
-									ref: (e) => {
-										H.current[t] = e;
-									}
-								}),
-								U.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ f("a", {
-									className: s.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) => {
-										(!e.url || !i(e.url)) && (t.preventDefault(), e.url || e._handleClick());
-									}
-								}, t)),
-								W.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ f("div", {
-									className: s.searchMatchOverlay,
-									style: {
-										left: e.x,
-										top: e.y,
-										width: e.width,
-										height: e.height
-									}
-								}, t)),
-								D && k?.page === t + 1 && /* @__PURE__ */ f("div", {
-									className: s.highlightOverlay,
-									style: {
-										left: k.x,
-										top: k.y,
-										width: k.width,
-										height: k.height
-									}
-								})
-							]
-						}, `${t}-${T}`);
-					})
+		k,
+		C
+	]), /* @__PURE__ */ p(s, {
+		themeOverrides: b,
+		defaultTheme: x,
+		children: /* @__PURE__ */ p(e.Provider, {
+			value: {
+				pdf: C,
+				numPages: T,
+				zoom: D,
+				setZoom: O,
+				rotation: k,
+				setRotation: A,
+				currentPage: G,
+				goToPage: K,
+				containerRef: V,
+				canvasRefs: H,
+				file: h,
+				highlight: j,
+				setHighlight: M,
+				searchMatches: F,
+				setSearchMatches: I,
+				onChangeFile: y
+			},
+			children: /* @__PURE__ */ m("div", {
+				className: c.appLayout,
+				children: [_, /* @__PURE__ */ m("div", {
+					className: c.mainContent,
+					children: [v && /* @__PURE__ */ p("div", {
+						className: c.toolbar,
+						children: v
+					}), /* @__PURE__ */ p("div", {
+						className: c.scrollContainer,
+						ref: V,
+						children: Array.from({ length: T }, (e, t) => {
+							let n = L.has(t + 1), r = z[t];
+							return /* @__PURE__ */ m("div", {
+								className: c.pageWrapper,
+								children: [
+									!n && r && /* @__PURE__ */ p("div", {
+										className: c.pageSkeleton,
+										style: {
+											width: r.width,
+											height: r.height
+										}
+									}),
+									/* @__PURE__ */ p("canvas", {
+										className: c.pageCanvas,
+										ref: (e) => {
+											H.current[t] = e;
+										},
+										style: { display: n ? "block" : "none" }
+									}),
+									/* @__PURE__ */ p("div", {
+										className: `textLayer ${c.textLayer}`,
+										ref: (e) => {
+											q.current[t] = e;
+										}
+									}),
+									J.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ p("a", {
+										className: c.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) => {
+											(!e.url || !i(e.url)) && (t.preventDefault(), e.url || e._handleClick());
+										}
+									}, t)),
+									Y.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ p("div", {
+										className: c.searchMatchOverlay,
+										style: {
+											left: e.x,
+											top: e.y,
+											width: e.width,
+											height: e.height
+										}
+									}, t)),
+									j && N?.page === t + 1 && /* @__PURE__ */ p("div", {
+										className: c.highlightOverlay,
+										style: {
+											left: N.x,
+											top: N.y,
+											width: N.width,
+											height: N.height
+										}
+									})
+								]
+							}, `${t}-${k}`);
+						})
+					})]
 				})]
-			})]
+			})
 		})
-	}) });
+	});
 };
 //#endregion
-export { m as default };
+export { h as default };

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

@@ -1,16 +1,19 @@
 var e = {
-	appLayout: "_appLayout_1k76a_1",
-	mainContent: "_mainContent_1k76a_7",
-	toolbar: "_toolbar_1k76a_14",
-	scrollContainer: "_scrollContainer_1k76a_26",
-	pageWrapper: "_pageWrapper_1k76a_36",
-	pageCanvas: "_pageCanvas_1k76a_41",
-	textLayer: "_textLayer_1k76a_48",
-	pageSkeleton: "_pageSkeleton_1k76a_54",
-	shimmer: "_shimmer_1k76a_1",
-	highlightOverlay: "_highlightOverlay_1k76a_66",
-	linkOverlay: "_linkOverlay_1k76a_74",
-	searchMatchOverlay: "_searchMatchOverlay_1k76a_80"
+	appLayout: "_appLayout_nel8e_1",
+	mainContent: "_mainContent_nel8e_15",
+	toolbar: "_toolbar_nel8e_29",
+	scrollContainer: "_scrollContainer_nel8e_53",
+	pageWrapper: "_pageWrapper_nel8e_73",
+	pageCanvas: "_pageCanvas_nel8e_83",
+	textLayer: "_textLayer_nel8e_97",
+	markedContent: "_markedContent_nel8e_149",
+	endOfContent: "_endOfContent_nel8e_177",
+	selecting: "_selecting_nel8e_195",
+	pageSkeleton: "_pageSkeleton_nel8e_235",
+	shimmer: "_shimmer_nel8e_1",
+	highlightOverlay: "_highlightOverlay_nel8e_267",
+	linkOverlay: "_linkOverlay_nel8e_283",
+	searchMatchOverlay: "_searchMatchOverlay_nel8e_295"
 };
 //#endregion
 export { e as default };

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

@@ -62,7 +62,21 @@ function c(e) {
 		]
 	}), t[15] = l, t[16] = d, t[17] = m, t[18] = _, t[19] = v, t[20] = y, t[21] = b) : b = t[21], b;
 }
-function l() {
+function l(o) {
+	let s = r(8), { icon: c } = o, { pdf: l } = e(), u;
+	s[0] === l ? u = s[1] : (u = { pdf: l }, s[0] = l, s[1] = u);
+	let { annotations: d, loading: f } = t(u), p = d.length, m;
+	s[2] !== p || s[3] !== f ? (m = !f && p > 0 && /* @__PURE__ */ i("span", {
+		className: n.badge,
+		children: p > 99 ? "99+" : p
+	}), s[2] = p, s[3] = f, s[4] = m) : m = s[4];
+	let h;
+	return s[5] !== c || s[6] !== m ? (h = /* @__PURE__ */ a("span", {
+		className: n.iconWrapper,
+		children: [c, m]
+	}), s[5] = c, s[6] = m, s[7] = h) : h = s[7], h;
+}
+function u() {
 	let { pdf: r, goToPage: o, setHighlight: s } = e(), { annotations: l, loading: u } = t({ pdf: r }), d = (e) => {
 		o(e.page), e.rect && s({
 			page: e.page,
@@ -91,4 +105,4 @@ function l() {
 	});
 }
 //#endregion
-export { l as PDFAnnotations };
+export { u as PDFAnnotations, l as PDFAnnotationsIcon };

package/dist/es/components/features/PDFAnnotations.module.js

@@ -1,14 +1,16 @@
 var e = {
-	list: "_list_xo7yf_1",
-	emptyState: "_emptyState_xo7yf_6",
-	pageHeader: "_pageHeader_xo7yf_12",
-	card: "_card_xo7yf_23",
-	cardClickable: "_cardClickable_xo7yf_33",
-	cardHeader: "_cardHeader_xo7yf_41",
-	cardLabel: "_cardLabel_xo7yf_48",
-	cardPage: "_cardPage_xo7yf_54",
-	cardAuthor: "_cardAuthor_xo7yf_59",
-	cardContent: "_cardContent_xo7yf_65"
+	list: "_list_10scn_1",
+	emptyState: "_emptyState_10scn_11",
+	pageHeader: "_pageHeader_10scn_23",
+	card: "_card_10scn_45",
+	cardClickable: "_cardClickable_10scn_65",
+	cardHeader: "_cardHeader_10scn_81",
+	cardLabel: "_cardLabel_10scn_95",
+	cardPage: "_cardPage_10scn_107",
+	cardAuthor: "_cardAuthor_10scn_117",
+	cardContent: "_cardContent_10scn_129",
+	iconWrapper: "_iconWrapper_10scn_141",
+	badge: "_badge_10scn_155"
 };
 //#endregion
 export { e as default };

package/dist/es/components/features/PDFNavigation.module.js

@@ -1,7 +1,7 @@
 var e = {
-	navWrapper: "_navWrapper_ew1r2_1",
-	pageInput: "_pageInput_ew1r2_8",
-	pageTotal: "_pageTotal_ew1r2_36"
+	navWrapper: "_navWrapper_6ysgx_1",
+	pageInput: "_pageInput_6ysgx_15",
+	pageTotal: "_pageTotal_6ysgx_71"
 };
 //#endregion
 export { e as default };

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

@@ -1,9 +1,9 @@
 var e = {
-	emptyState: "_emptyState_hqvdn_1",
-	tree: "_tree_hqvdn_7",
-	row: "_row_hqvdn_13",
-	chevronBtn: "_chevronBtn_hqvdn_31",
-	title: "_title_hqvdn_46"
+	emptyState: "_emptyState_1w4ic_1",
+	tree: "_tree_1w4ic_13",
+	row: "_row_1w4ic_25",
+	chevronBtn: "_chevronBtn_1w4ic_61",
+	title: "_title_1w4ic_91"
 };
 //#endregion
 export { e as default };