@pi-outpost/embed 0.11.0 → 0.12.0

package/dist/{PdfViewer-Bgsp04sQ.js → PdfViewer-BHP5lV-o.js}

@@ -1,4 +1,4 @@
-import { a as e } from "./workspacePath-BntMOlpq.js";
+import { a as e } from "./workspacePath-BScUv3M_.js";
 import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../ui/src/components/PdfViewer.tsx
@@ -23,19 +23,19 @@ function u(e) {
 		case "unreadable": return "This file could not be read as a PDF.";
 	}
 }
-async function d(t, n, r) {
-	let i = await fetch(e(t, n, null), { headers: r ? { Authorization: `Bearer ${r}` } : {} });
-	if (!i.ok) {
-		if (i.status === 413) {
-			let e = await i.json().catch(() => ({}));
+async function d(t, n, r, i) {
+	let a = await fetch(e(t, n, null, i), { headers: r ? { Authorization: `Bearer ${r}` } : {} });
+	if (!a.ok) {
+		if (a.status === 413) {
+			let e = await a.json().catch(() => ({}));
 			throw {
 				kind: "too-large",
 				...typeof e.limit == "number" ? { limitBytes: e.limit } : {}
 			};
 		}
-		throw i.status === 401 || i.status === 403 ? { kind: "unauthorized" } : i.status === 404 ? { kind: "not-found" } : { kind: "unreadable" };
+		throw a.status === 401 || a.status === 403 ? { kind: "unauthorized" } : a.status === 404 ? { kind: "not-found" } : { kind: "unreadable" };
 	}
-	return new Uint8Array(await i.arrayBuffer());
+	return new Uint8Array(await a.arrayBuffer());
 }
 async function f(e) {
 	let t = await import("./pdf-DyDm1M1B.js");
@@ -147,33 +147,33 @@ function _({ doc: e, pageNumber: t, scale: c, baseSize: l, active: u, registerSl
 		})] }) : null
 	});
 }
-function v({ path: e, serverUrl: a = "", token: l = null, onLoaded: p }) {
-	let [m, v] = i(null), [y, b] = i(null), [x, S] = i(1), [C, w] = i(2), [T, E] = i(null), D = r(null), O = r(/* @__PURE__ */ new Map());
+function v({ path: e, serverUrl: a = "", token: l = null, revision: p = 0, onLoaded: m }) {
+	let [v, y] = i(null), [b, x] = i(null), [S, C] = i(1), [w, T] = i(2), [E, D] = i(null), O = r(null), k = r(/* @__PURE__ */ new Map());
 	n(() => {
 		let t = !1, n = null;
-		return v(null), b(null), S(1), E(null), (async () => {
+		return y(null), x(null), C(1), D(null), (async () => {
 			try {
-				let { doc: r, task: i } = await f(await d(a, e, l));
+				let { doc: r, task: i } = await f(await d(a, e, l, p));
 				if (n = i, t) {
 					await i.destroy().catch(() => {});
 					return;
 				}
 				try {
 					let e = (await r.getPage(1)).getViewport({ scale: 1 });
-					t || E({
+					t || D({
 						width: e.width,
 						height: e.height
 					});
 				} catch {
-					t || E({
+					t || D({
 						width: 612,
 						height: 792
 					});
 				}
 				if (t) return;
-				v(r), p?.(e);
+				y(r), m?.(e);
 			} catch (e) {
-				t || b(h(e) ? e : { kind: "unreadable" });
+				t || x(h(e) ? e : { kind: "unreadable" });
 			}
 		})(), () => {
 			t = !0, n?.destroy().catch(() => {});
@@ -181,33 +181,34 @@ function v({ path: e, serverUrl: a = "", token: l = null, onLoaded: p }) {
 	}, [
 		e,
 		a,
-		l
+		l,
+		p
 	]);
-	let k = m?.numPages ?? 0, A = t((e, t) => {
-		t === null ? O.current.delete(e) : O.current.set(e, t);
+	let A = v?.numPages ?? 0, j = t((e, t) => {
+		t === null ? k.current.delete(e) : k.current.set(e, t);
 	}, []);
 	n(() => {
-		if (m === null || typeof IntersectionObserver > "u") return;
-		let e = D.current;
+		if (v === null || typeof IntersectionObserver > "u") return;
+		let e = O.current;
 		if (e === null) return;
 		let t = new IntersectionObserver((e) => {
 			for (let t of e) {
 				if (!t.isIntersecting) continue;
 				let e = Number(t.target.dataset.page);
-				Number.isFinite(e) && S(e);
+				Number.isFinite(e) && C(e);
 			}
 		}, {
 			root: e,
 			rootMargin: "-45% 0px -45% 0px",
 			threshold: 0
 		});
-		for (let e of O.current.values()) t.observe(e);
+		for (let e of k.current.values()) t.observe(e);
 		return () => t.disconnect();
-	}, [m, k]);
-	let j = t((e) => {
-		e < 1 || e > k || (S(e), O.current.get(e)?.scrollIntoView({ block: "start" }));
-	}, [k]);
-	return y === null ? m === null ? /* @__PURE__ */ o("div", {
+	}, [v, A]);
+	let M = t((e) => {
+		e < 1 || e > A || (C(e), k.current.get(e)?.scrollIntoView({ block: "start" }));
+	}, [A]);
+	return b === null ? v === null ? /* @__PURE__ */ o("div", {
 		className: "flex h-full items-center justify-center p-6",
 		children: /* @__PURE__ */ o("p", {
 			className: "text-sm text-zinc-500",
@@ -216,8 +217,8 @@ function v({ path: e, serverUrl: a = "", token: l = null, onLoaded: p }) {
 	}) : /* @__PURE__ */ s("div", {
 		className: "flex h-full flex-col",
 		onKeyDown: (e) => {
-			if (e.key === "PageDown" || e.key === "ArrowRight") j(x + 1);
-			else if (e.key === "PageUp" || e.key === "ArrowLeft") j(x - 1);
+			if (e.key === "PageDown" || e.key === "ArrowRight") M(S + 1);
+			else if (e.key === "PageUp" || e.key === "ArrowLeft") M(S - 1);
 			else return;
 			e.preventDefault();
 		},
@@ -226,8 +227,8 @@ function v({ path: e, serverUrl: a = "", token: l = null, onLoaded: p }) {
 			children: [
 				/* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: () => j(x - 1),
-					disabled: x <= 1,
+					onClick: () => M(S - 1),
+					disabled: S <= 1,
 					"aria-label": "Previous page",
 					className: "rounded px-2 py-1 hover:bg-zinc-100 disabled:opacity-40 dark:hover:bg-zinc-800",
 					children: "‹"
@@ -236,15 +237,15 @@ function v({ path: e, serverUrl: a = "", token: l = null, onLoaded: p }) {
 					className: "tabular-nums text-zinc-600 dark:text-zinc-400",
 					children: [
 						"Page ",
-						x,
+						S,
 						" / ",
-						k
+						A
 					]
 				}),
 				/* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: () => j(x + 1),
-					disabled: x >= k,
+					onClick: () => M(S + 1),
+					disabled: S >= A,
 					"aria-label": "Next page",
 					className: "rounded px-2 py-1 hover:bg-zinc-100 disabled:opacity-40 dark:hover:bg-zinc-800",
 					children: "›"
@@ -254,20 +255,20 @@ function v({ path: e, serverUrl: a = "", token: l = null, onLoaded: p }) {
 					children: [
 						/* @__PURE__ */ o("button", {
 							type: "button",
-							onClick: () => w((e) => Math.max(0, e - 1)),
-							disabled: C === 0,
+							onClick: () => T((e) => Math.max(0, e - 1)),
+							disabled: w === 0,
 							"aria-label": "Zoom out",
 							className: "rounded px-2 py-1 hover:bg-zinc-100 disabled:opacity-40 dark:hover:bg-zinc-800",
 							children: "−"
 						}),
 						/* @__PURE__ */ s("span", {
 							className: "tabular-nums text-zinc-500",
-							children: [Math.round(c[C] * 100), "%"]
+							children: [Math.round(c[w] * 100), "%"]
 						}),
 						/* @__PURE__ */ o("button", {
 							type: "button",
-							onClick: () => w((e) => Math.min(c.length - 1, e + 1)),
-							disabled: C === c.length - 1,
+							onClick: () => T((e) => Math.min(c.length - 1, e + 1)),
+							disabled: w === c.length - 1,
 							"aria-label": "Zoom in",
 							className: "rounded px-2 py-1 hover:bg-zinc-100 disabled:opacity-40 dark:hover:bg-zinc-800",
 							children: "+"
@@ -276,22 +277,22 @@ function v({ path: e, serverUrl: a = "", token: l = null, onLoaded: p }) {
 				})
 			]
 		}), /* @__PURE__ */ o("div", {
-			ref: D,
+			ref: O,
 			className: "flex-1 overflow-auto bg-zinc-100 p-4 dark:bg-zinc-950",
-			children: T !== null && Array.from({ length: k }, (e, t) => t + 1).map((e) => /* @__PURE__ */ o(_, {
-				doc: m,
+			children: E !== null && Array.from({ length: A }, (e, t) => t + 1).map((e) => /* @__PURE__ */ o(_, {
+				doc: v,
 				pageNumber: e,
-				scale: c[C],
-				baseSize: T,
-				active: Math.abs(e - x) <= g,
-				registerSlot: A
+				scale: c[w],
+				baseSize: E,
+				active: Math.abs(e - S) <= g,
+				registerSlot: j
 			}, e))
 		})]
 	}) : /* @__PURE__ */ o("div", {
 		className: "flex h-full items-center justify-center p-6",
 		children: /* @__PURE__ */ o("p", {
 			className: "max-w-md text-center text-sm text-zinc-600 dark:text-zinc-400",
-			children: u(y)
+			children: u(b)
 		})
 	});
 }