@react-pdf-kit/viewer 2.8.0-beta.6 → 2.8.0-beta.8

package/dist/utils/hooks/useLoadPdf.js

@@ -2,75 +2,83 @@
 import { ErrorType as e } from "../types.js";
 import { getThumbnailViewport as t } from "../getThumbnailViewport.js";
 import { useConfigContext as n } from "../../contexts/ConfigContext.js";
-import { useDocumentPasswordContext as r } from "../../contexts/DocumentPasswordContext.js";
-import { BROWSER_NOT_SUPPORTED_MESSAGE as i, INVALID_OR_CORRUPTED_PDF_MESSAGE as a } from "../const.js";
-import { useEffect as o, useRef as s, useState as c } from "react";
-import * as l from "pdfjs-dist";
+import { appConsole as r } from "../appConsole.js";
+import { useDocumentPasswordContext as i } from "../../contexts/DocumentPasswordContext.js";
+import { BROWSER_NOT_SUPPORTED_MESSAGE as a, INVALID_OR_CORRUPTED_PDF_MESSAGE as o, WASM_URL_REQUIRED_CONSOLE_MESSAGE as s, WASM_URL_REQUIRED_MESSAGE as c } from "../const.js";
+import { useEffect as l, useRef as u, useState as d } from "react";
+import * as f from "pdfjs-dist";
 //#region lib/utils/hooks/useLoadPdf.ts
-function u(e) {
-	let t = Error(a);
+var p = new TextEncoder().encode("/JPXDecode");
+function m(e) {
+	return e.some((t, n) => t === p[0] ? p.every((t, r) => e[n + r] === t) : !1);
+}
+function h(e) {
+	let t = Error(o);
 	return t.cause = e, t;
 }
-function d(e) {
-	let t = Error(i);
+function g() {
+	return Error(c);
+}
+function _(e) {
+	let t = Error(a);
 	return t.cause = e, t;
 }
-var f = (i, a, f = {}) => {
-	let [p, m] = c(), { workerUrlAdded: h, wasmUrl: g } = n(), [_, v] = c(/* @__PURE__ */ new Map()), y = s(), [b, x] = c(0), [S, C] = c(!1), [w, T] = c(), { password: E, passwordError: D, setPasswordError: O, passwordRequired: k, setPasswordRequired: A } = r(), { onLoadError: j, onLoaded: M, onLoadProgress: N, disableAutoFetch: P, disableStream: F, rangeChunkSize: I, withCredentials: L, httpHeaders: R } = f;
-	return o(() => {
-		N && N(b);
-	}, [b, N]), o(() => {
-		if (!h || !i) return;
-		x(0), T(void 0), y.current = Date.now();
-		let t = y.current, n = {
-			url: i,
-			cMapPacked: a?.isCompressed ?? !0,
-			...a?.url && { cMapUrl: a.url },
-			...E && { password: E },
-			...P !== void 0 && { disableAutoFetch: P },
-			...F !== void 0 && { disableStream: F },
-			...I !== void 0 && { rangeChunkSize: I },
-			...L !== void 0 && { withCredentials: L },
-			...R !== void 0 && { httpHeaders: R },
-			...g && { wasmUrl: g },
-			verbosity: l.VerbosityLevel.ERRORS
+var v = (a, o, c = {}) => {
+	let [p, v] = d(), { workerUrlAdded: y, wasmUrl: b } = n(), [x, S] = d(/* @__PURE__ */ new Map()), C = u(), [w, T] = d(0), [E, D] = d(!1), [O, k] = d(), { password: A, passwordError: j, setPasswordError: M, passwordRequired: N, setPasswordRequired: P } = i(), { onLoadError: F, onLoaded: I, onLoadProgress: L, disableAutoFetch: R, disableStream: z, rangeChunkSize: B, withCredentials: V, httpHeaders: H } = c;
+	return l(() => {
+		L && L(w);
+	}, [w, L]), l(() => {
+		if (!y || !a) return;
+		T(0), k(void 0), C.current = Date.now();
+		let t = C.current, n = {
+			url: a,
+			cMapPacked: o?.isCompressed ?? !0,
+			...o?.url && { cMapUrl: o.url },
+			...A && { password: A },
+			...R !== void 0 && { disableAutoFetch: R },
+			...z !== void 0 && { disableStream: z },
+			...B !== void 0 && { rangeChunkSize: B },
+			...V !== void 0 && { withCredentials: V },
+			...H !== void 0 && { httpHeaders: H },
+			...b && { wasmUrl: b },
+			verbosity: f.VerbosityLevel.ERRORS
 		};
 		try {
-			let r = l.getDocument(n);
-			r.onProgress = (e) => {
-				if (t === y.current) {
+			let i = f.getDocument(n);
+			i.onProgress = (e) => {
+				if (t === C.current) {
 					let { loaded: t, total: n } = e;
-					x(n ? Math.min(100, Math.round(t / n * 100)) : 0);
+					T(n ? Math.min(100, Math.round(t / n * 100)) : 0);
 				}
-			}, C(!0), m(void 0);
-			let i = r.promise.then((e) => (t === y.current && (m(e), x(100)), M && M(e), A(!1), O(""), e)).catch((t) => {
+			}, D(!0), v(void 0);
+			let a = i.promise.then(async (n) => !b && m(await n.getData()) ? (t === C.current && (v(void 0), k(e.WASM_URL_REQUIRED)), r.error(s), F?.(g()), n) : (t === C.current && (v(n), T(100)), I && I(n), P(!1), M(""), n)).catch((t) => {
 				if (t instanceof Error && t.name === "PasswordException") {
 					let e = t.code;
-					A(!0), e === l.PasswordResponses.INCORRECT_PASSWORD ? O("Incorrect password") : O(void 0);
-				} else t instanceof Error && t.name === "InvalidPDFException" && E ? (A(!0), O("Incorrect password")) : t instanceof Error && t.name === "InvalidPDFException" ? (T(e.INVALID_OR_CORRUPTED_PDF), j?.(u(t))) : j && j(t);
+					P(!0), e === f.PasswordResponses.INCORRECT_PASSWORD ? M("Incorrect password") : M(void 0);
+				} else t instanceof Error && t.name === "InvalidPDFException" && A ? (P(!0), M("Incorrect password")) : t instanceof Error && t.name === "InvalidPDFException" ? (k(e.INVALID_OR_CORRUPTED_PDF), F?.(h(t))) : F && F(t);
 			}).finally(() => {
-				C(!1);
+				D(!1);
 			});
 			return () => {
-				i.finally(() => {
-					r.destroy();
+				a.finally(() => {
+					i.destroy();
 				});
 			};
 		} catch (t) {
-			T(e.NOT_SUPPORTED), j?.(d(t));
+			k(e.NOT_SUPPORTED), F?.(_(t));
 		}
 	}, [
-		i,
-		h,
-		g,
-		E,
-		j,
-		M
-	]), o(() => {
-		if (k) return;
+		a,
+		y,
+		b,
+		A,
+		F,
+		I
+	]), l(() => {
+		if (N) return;
 		let n = /* @__PURE__ */ new Map();
-		if (!p || S) {
-			v(n);
+		if (!p || E) {
+			S(n);
 			return;
 		}
 		let r = p.numPages, i = [];
@@ -78,8 +86,10 @@ var f = (i, a, f = {}) => {
 			let t = p.getPage(e);
 			i.push(t);
 		}
-		Promise.all(i).then((e) => {
-			e.map((e) => {
+		Promise.allSettled(i).then((e) => {
+			let r = e.filter((e) => e.status === "fulfilled").map((e) => e.value);
+			if (!r.length) throw e.find((e) => e.status === "rejected")?.reason;
+			r.map((e) => {
 				let { thumbnailViewport: r, scale: i } = t(e), a = e.getViewport();
 				n.set(e.pageNumber, {
 					page: e,
@@ -87,24 +97,24 @@ var f = (i, a, f = {}) => {
 					thumbnailScale: i,
 					defaultRotation: a.rotation
 				});
-			}), v(n);
+			}), S(n);
 		}).catch((t) => {
-			m(void 0), T(e.INVALID_OR_CORRUPTED_PDF), j?.(u(t));
+			v(void 0), k(e.INVALID_OR_CORRUPTED_PDF), F?.(h(t));
 		});
 	}, [
 		p,
-		S,
-		k,
-		j
+		E,
+		N,
+		F
 	]), {
 		pdf: p,
-		pages: _,
-		loading: S,
-		error: w,
-		loadingProgress: b,
-		passwordRequired: k,
-		passwordError: D
+		pages: x,
+		loading: E,
+		error: O,
+		loadingProgress: w,
+		passwordRequired: N,
+		passwordError: j
 	};
 };
 //#endregion
-export { f as useLoadPdf };
+export { v as useLoadPdf };

package/dist/utils/hooks/useLocalization.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../de_DE-DwUvXUWH.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../de_DE-x4Z-jQrz.js";
 import { useCallback as o, useMemo as s, useState as c } from "react";
 //#region lib/utils/hooks/useLocalization.ts
 var l = (l) => {

package/dist/utils/hooks/usePaginate.js

@@ -1,2 +1,2 @@
-import { i as e } from "../../PaginationContext-Cwf8sCpK.js";
+import { i as e } from "../../PaginationContext-DIzsZhFd.js";
 export { e as usePaginate };

package/dist/utils/hooks/usePinch.js

@@ -1,66 +1,119 @@
-import { useDebounce as e } from "./useDebounce.js";
+import { MAX_ZOOM_SCALE as e } from "../constants.js";
 import { useZoomContext as t } from "../../contexts/ZoomContext.js";
-import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { getZoomOriginFromClientPoint as n } from "./useZoomOrigin.js";
+import { useCallback as r, useEffect as i, useRef as a } from "react";
 //#region lib/utils/hooks/usePinch.ts
-var o = (o) => {
-	let { currentZoom: s, setZoomLevel: c } = t(), [l, u] = a(0), d = e(l, 100), [f, p] = a(!1), m = i(null), h = n((e) => {
-		u(e ? (e) => e + 3 : (e) => e - 3);
-	}, []), g = n((e) => {
-		e.ctrlKey && (e.preventDefault(), h(e.deltaY < 0));
-	}, [h]);
-	r(() => {
-		if (d) {
-			let e = Math.round(s * 100 + d);
-			u(0), c(e > 25 ? e : 25);
+var o = () => 35 / (window.devicePixelRatio || 1), s = (s, c = {}) => {
+	let { targetZoom: l, zoomTo: u } = t(), { onBeforeZoom: d, onPinchEnd: f } = c, p = a(null), m = a(!1), h = a(!1), g = a(!1), _ = a(1), v = a(1), y = a(!1), b = a(!1), x = a(), S = a(l), C = a(null);
+	i(() => {
+		S.current = l;
+	}, [l]);
+	let w = r((e, t, n) => {
+		if (t === 1) return 1;
+		let r = n.current;
+		(r > 1 && t < 1 || r < 1 && t > 1) && (n.current = 1);
+		let i = Math.floor(e * t * n.current * 100) / (100 * e);
+		return n.current = t / i, i;
+	}, []), T = r((t, n, r) => {
+		let i = S.current || 1, a = 25 / 100, o = e / 100;
+		if (i >= o && t > 1 || i <= a && t < 1) return;
+		let s = Math.max(a, Math.min(o, Math.round(i * t * 100) / 100));
+		Math.abs(s - i) < 1e-10 || (d?.({
+			gesture: r,
+			previousScale: i,
+			nextScale: s,
+			origin: n
+		}), S.current = s, u(s * 100, {
+			origin: n,
+			gesture: r,
+			previousTargetZoom: i
+		}));
+	}, [d, u]), E = r((e, t) => n(s, e, t) ?? void 0, [s]), D = r(() => {
+		b.current || (y.current = !0, clearTimeout(x.current), x.current = setTimeout(() => {
+			y.current = !1;
+		}, 100));
+	}, []), O = r((e) => {
+		if (!e.ctrlKey) {
+			b.current = !1, g.current = !1;
+			return;
 		}
-	}, [d]);
-	let _ = (e, t) => {
-		let n = e.clientX - t.clientX, r = e.clientY - t.clientY;
-		return Math.sqrt(n * n + r * r);
-	}, v = n((e) => {
-		!f || e.touches.length !== 2 || (m.current = _(e.touches[0], e.touches[1]), e.preventDefault());
-	}, [f]), y = n(() => {
-		m.current = null;
-	}, []), b = n((e) => {
-		if (!f || e.touches.length !== 2 || m.current === null) return;
-		let t = _(e.touches[0], e.touches[1]), n = t - m.current;
-		Math.abs(n) > 5 && (h(n > 0), m.current = t, e.preventDefault());
-	}, [h, f]), x = () => {
-		document.activeElement instanceof HTMLElement && document.activeElement.blur();
-	};
-	r(() => {
-		if (f) {
-			document.body.style.touchAction = "pan-x pan-y";
+		g.current || (v.current = 1), g.current = !0, b.current = !0, y.current = !1, clearTimeout(x.current), e.preventDefault();
+		let t = Math.exp(-e.deltaY / 100);
+		T(w(S.current || 1, t, v), E(e.clientX, e.clientY), "wheel");
+	}, [
+		w,
+		E,
+		T
+	]), k = (e) => Array.from(e.touches).sort((e, t) => e.identifier - t.identifier), A = r(() => {
+		!s || C.current || (C.current = {
+			touchAction: s.style.touchAction,
+			webkitUserSelect: s.style.webkitUserSelect,
+			overscrollBehavior: s.style.overscrollBehavior,
+			webkitOverflowScrolling: s.style.getPropertyValue("-webkit-overflow-scrolling")
+		}, s.style.touchAction = "none", s.style.webkitUserSelect = "none", s.style.overscrollBehavior = "contain", s.style.setProperty("-webkit-overflow-scrolling", "auto"));
+	}, [s]), j = r(() => {
+		!s || !C.current || (s.style.touchAction = C.current.touchAction, s.style.webkitUserSelect = C.current.webkitUserSelect, s.style.overscrollBehavior = C.current.overscrollBehavior, C.current.webkitOverflowScrolling ? s.style.setProperty("-webkit-overflow-scrolling", C.current.webkitOverflowScrolling) : s.style.removeProperty("-webkit-overflow-scrolling"), C.current = null);
+	}, [s]), M = r(() => {
+		if (!(m.current || p.current || h.current)) {
+			j();
 			return;
 		}
-		document.body.style.touchAction = "";
-	}, [f]), r(() => {
-		let e = () => {
-			let e = document.activeElement;
-			p(!!e?.closest("[data-rp=\"container\"]"));
-		};
-		return window.addEventListener("focusin", e), window.addEventListener("focusout", e), e(), () => {
-			window.removeEventListener("focusin", e), window.removeEventListener("focusout", e);
-		};
-	}, []), r(() => {
-		if (!o) return;
-		let e = (e) => {
-			o.contains(e.target) || x();
-		};
-		return document.addEventListener("scroll", e), () => {
-			document.removeEventListener("scroll", e);
-		};
-	}, [o]), r(() => {
-		if (o) return o.addEventListener("wheel", g, { passive: !1 }), o.addEventListener("touchstart", v, { passive: !1 }), o.addEventListener("touchmove", b, { passive: !1 }), o.addEventListener("touchend", y, { passive: !1 }), () => {
-			o.removeEventListener("wheel", g), o.removeEventListener("touchstart", v), o.removeEventListener("touchmove", b), o.removeEventListener("touchend", y);
+		p.current = null, m.current = !1, h.current = !1, _.current = 1, j(), f?.();
+	}, [f, j]), N = r((e) => {
+		if (e.touches.length !== 2) {
+			M();
+			return;
+		}
+		A(), e.preventDefault(), e.stopPropagation();
+		let [t, n] = k(e);
+		m.current = !0, _.current = 1, p.current = {
+			touch0ScreenX: t.screenX,
+			touch0ScreenY: t.screenY,
+			touch1ScreenX: n.screenX,
+			touch1ScreenY: n.screenY
+		}, h.current = !1;
+	}, [A, M]), P = r((e) => {
+		let t = p.current;
+		if (!t || e.touches.length !== 2) {
+			M();
+			return;
+		}
+		e.preventDefault(), e.stopPropagation();
+		let [n, r] = k(e), i = t.touch1ScreenX - t.touch0ScreenX, a = t.touch1ScreenY - t.touch0ScreenY, s = r.screenX - n.screenX, c = r.screenY - n.screenY, l = Math.hypot(i, a) || 1, u = Math.hypot(s, c) || 1;
+		if (!h.current && Math.abs(l - u) <= o()) return;
+		if (t.touch0ScreenX = n.screenX, t.touch0ScreenY = n.screenY, t.touch1ScreenX = r.screenX, t.touch1ScreenY = r.screenY, !h.current) {
+			h.current = !0;
+			return;
+		}
+		let d = u / l;
+		T(w(S.current || 1, d, _), E((n.clientX + r.clientX) / 2, (n.clientY + r.clientY) / 2), "touch");
+	}, [
+		w,
+		E,
+		M,
+		T
+	]), F = r((e) => {
+		e.touches.length >= 2 || (M(), v.current = 1);
+	}, [M]), I = r(() => {
+		M(), v.current = 1;
+	}, [M]), L = r(() => {
+		b.current = !1, g.current = !1, v.current = 1, y.current = !1, clearTimeout(x.current), M();
+	}, [M]);
+	i(() => {
+		if (s) return s.addEventListener("wheel", O, { passive: !1 }), s.addEventListener("scroll", D, { passive: !0 }), s.addEventListener("touchstart", N, { passive: !1 }), s.addEventListener("touchmove", P, { passive: !1 }), s.addEventListener("touchend", F, { passive: !1 }), s.addEventListener("touchcancel", I, { passive: !1 }), window.addEventListener("touchend", F, { passive: !1 }), window.addEventListener("touchcancel", I, { passive: !1 }), window.addEventListener("blur", L), () => {
+			j(), s.removeEventListener("wheel", O), s.removeEventListener("scroll", D), s.removeEventListener("touchstart", N), s.removeEventListener("touchmove", P), s.removeEventListener("touchend", F), s.removeEventListener("touchcancel", I), window.removeEventListener("touchend", F), window.removeEventListener("touchcancel", I), window.removeEventListener("blur", L), clearTimeout(x.current);
 		};
 	}, [
-		o,
-		g,
-		v,
-		b,
-		y
+		s,
+		D,
+		I,
+		F,
+		P,
+		N,
+		O,
+		L,
+		j
 	]);
 };
 //#endregion
-export { o as usePinch };
+export { s as usePinch };

package/dist/utils/hooks/usePresentPage.js

@@ -1,70 +1,46 @@
-import { ViewMode as e } from "../types.js";
-import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.js";
-import { useDebounce as n } from "./useDebounce.js";
-import { useDimensionPagesContext as r } from "../../contexts/DimensionPagesContext.js";
-import { useSmoothScrollContext as i } from "../../contexts/SmoothScrollContext.js";
-import { getGridDimension as a, getPositionFromPage as o } from "../calculatePage.js";
-import { r as s } from "../../PaginationContext-Cwf8sCpK.js";
-import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { useDebounce as e } from "./useDebounce.js";
+import { useSmoothScrollContext as t } from "../../contexts/SmoothScrollContext.js";
+import { r as n } from "../../PaginationContext-DIzsZhFd.js";
+import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
 //#region lib/utils/hooks/usePresentPage.ts
-var p = (p, m, h, g) => {
-	let _ = d(), { contentRef: v } = t(), { heights: y, widths: b } = r(), { setFocusedPage: x } = s(), S = d(x);
-	S.current = x;
-	let [C, w] = f([]), { targetScrollPage: T } = i(), E = n(C, 0, 500), D = u(() => {
-		let t = g === e.DUAL_PAGE_WITH_COVER, { rowsHeight: n, columnsWidth: r } = a({
-			heights: y,
-			widths: b
-		}, p, t);
-		return y.map((e, i) => {
-			let a = b[i], s = o(i + 1, p, t), c = r.slice(0, s.columnIndex).reduce((e, t) => e + t, 0), l = n.slice(0, s.rowIndex).reduce((e, t) => e + t, 0), u = c + a, d = l + e;
-			return {
-				pageNumber: i + 1,
-				...s,
-				width: a,
-				height: e,
-				startX: c,
-				startY: l,
-				endX: u,
-				endY: d
-			};
-		});
-	}, [
-		y,
-		b,
-		p,
-		m,
-		g
-	]);
-	l(() => {
-		E.length > 0 && !T.current && S.current(E[0].pageNumber), E[0]?.ratio && E.some((e) => e.pageNumber === T.current) && setTimeout(() => {
-			T.current = void 0;
-		}, 500);
-	}, [E]);
-	let O = c((e) => {
-		_.current && cancelAnimationFrame(_.current), _.current = requestAnimationFrame(() => {
+var s = (s, c) => {
+	let l = a(), u = a(), { setFocusedPage: d } = n(), f = a(d);
+	f.current = d;
+	let [p, m] = o([]), { targetScrollPage: h } = t(), g = e(p, 0, 500);
+	i(() => {
+		g.length > 0 && !h.current && f.current(g[0].pageNumber);
+		let e = g[0]?.ratio, t = h.current;
+		e && g.some((e) => e.pageNumber === t) && (clearTimeout(u.current), u.current = setTimeout(() => {
+			h.current === t && (h.current = void 0);
+		}, 500));
+	}, [g, h]), i(() => () => {
+		clearTimeout(u.current), l.current && cancelAnimationFrame(l.current);
+	}, []);
+	let _ = r((e) => {
+		c && (l.current && cancelAnimationFrame(l.current), l.current = requestAnimationFrame(() => {
 			let t = e.target, n = {
-				startTop: t.scrollTop,
-				startLeft: t.scrollLeft,
-				endTop: t.scrollTop + t.clientHeight,
-				endLeft: t.scrollLeft + t.clientWidth
+				startTop: t.scrollTop - c.offsetTop,
+				startLeft: t.scrollLeft - c.offsetLeft,
+				endTop: t.scrollTop - c.offsetTop + t.clientHeight,
+				endLeft: t.scrollLeft - c.offsetLeft + t.clientWidth
 			};
-			w(D.filter((e) => {
-				let t = e.endX >= n.startLeft && e.endY >= n.startTop, r = e.startX <= n.endLeft && e.startY <= n.endTop;
+			m(c.pages.filter((e) => {
+				let t = e.left + e.width >= n.startLeft && e.top + e.height >= n.startTop, r = e.left <= n.endLeft && e.top <= n.endTop;
 				return t && r;
 			}).map((e) => {
-				let t = n.startLeft > e.startX ? n.startLeft : e.startX, r = n.startTop > e.startY ? n.startTop : e.startY, i = n.endLeft < e.endX ? n.endLeft : e.endX, a = n.endTop < e.endY ? n.endTop : e.endY, o = +((i - t) * (a - r) / (e.width * e.height) * 100).toFixed(2);
+				let t = Math.max(n.startLeft, e.left), r = Math.max(n.startTop, e.top), i = Math.min(n.endLeft, e.left + e.width), a = Math.min(n.endTop, e.top + e.height), o = +(Math.max(0, i - t) * Math.max(0, a - r) / (e.width * e.height || 1) * 100).toFixed(2);
 				return {
 					pageNumber: e.pageNumber,
 					ratio: o
 				};
 			}).sort((e, t) => t.ratio - e.ratio));
-		});
-	}, [v, D]);
-	l(() => {
-		if (h) return h?.addEventListener("scroll", O), () => {
-			h?.removeEventListener("scroll", O);
+		}));
+	}, [c]);
+	i(() => {
+		if (s) return s?.addEventListener("scroll", _), _({ target: s }), () => {
+			s?.removeEventListener("scroll", _);
 		};
-	}, [h, O]);
+	}, [s, _]);
 };
 //#endregion
-export { p as usePresentPage };
+export { s as usePresentPage };

package/dist/utils/hooks/useScrollToPage.js

@@ -1,2 +1,2 @@
-import { a as e } from "../../PaginationContext-Cwf8sCpK.js";
+import { a as e } from "../../PaginationContext-DIzsZhFd.js";
 export { e as useScrollToPage };