@react-pdf-kit/viewer 2.8.0 → 2.9.0-beta.0

package/README.md

@@ -182,6 +182,16 @@ The PDF viewer will automatically adjust to fit its container's dimensions. You
 
 You may also check out our [Starter Toolkit](#pushpin-starter-toolkit) for examples to get you started.
 
+### Standard Font Assets
+
+For PDFs that use standard fonts without embedding them, configure PDF.js with the location of its standard-font assets. The URL must include a trailing slash:
+
+```tsx
+<RPConfig standardFontDataUrl="/pdfjs/standard_fonts/">
+  {/* viewer components */}
+</RPConfig>
+```
+
 ### 4. Customize with Hooks and Props
 
 To enhance React PDF Kit further, we offer built-in hooks and props that let you fine-tune functionality, adjust appearance, and integrate custom behaviors into your application.

package/dist/components/RPConfig.js

@@ -6,13 +6,14 @@ import { useLoadWorker as r } from "../utils/hooks/useLoadWorker.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region lib/components/RPConfig.tsx
 var a = (a) => {
-	let { children: o, customVariables: s, customDarkVariables: c, workerUrl: l, wasmUrl: u, licenseKey: d, ...f } = a, { workerUrlAdded: p } = r(l);
+	let { children: o, customVariables: s, customDarkVariables: c, workerUrl: l, wasmUrl: u, standardFontDataUrl: d, licenseKey: f, ...p } = a, { workerUrlAdded: m } = r(l);
 	return /* @__PURE__ */ i(t, {
-		licenseKey: d,
+		licenseKey: f,
 		children: /* @__PURE__ */ i(e, {
-			workerUrlAdded: p,
+			workerUrlAdded: m,
 			wasmUrl: u,
-			...f,
+			standardFontDataUrl: d,
+			...p,
 			children: /* @__PURE__ */ i(n, {
 				customDarkVariables: c,
 				customVariables: s,

package/dist/contexts/ConfigContext.js

@@ -3,7 +3,8 @@ import { jsx as n } from "react/jsx-runtime";
 //#region lib/contexts/ConfigContext.tsx
 var r = e({
 	workerUrlAdded: !1,
-	wasmUrl: void 0
+	wasmUrl: void 0,
+	standardFontDataUrl: void 0
 }), i = () => t(r), a = (e) => {
 	let { children: t, ...i } = e;
 	return /* @__PURE__ */ n(r.Provider, {

package/dist/types/utils/types.d.ts

@@ -378,6 +378,7 @@ export interface PdfProperties {
 export interface ConfigContextType {
     workerUrlAdded: boolean;
     wasmUrl?: string;
+    standardFontDataUrl?: string;
 }
 export declare enum ThemeVariables {
     FONT_FAMILY = "--rp-font-family",

package/dist/utils/hooks/useLicense.js

@@ -3,7 +3,7 @@ import { LicenseType as t } from "../types.js";
 import { appConsole as n } from "../appConsole.js";
 import { useCallback as r, useEffect as i, useState as a } from "react";
 //#region lib/utils/hooks/useLicense.ts
-var o = /* @__PURE__ */ new Date("2026-08-07T11:59:04.036Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
+var o = /* @__PURE__ */ new Date("2026-08-10T06:12:32.238Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
 	invalidLicense: `You are currently using without a valid license. ${c}`,
 	mismatchedDomain: `Your license key is not valid for the current domain / IP. ${c}`,
 	expired: `Your license key has expired. ${c}`,

package/dist/utils/hooks/useLoadPdf.js

@@ -24,40 +24,41 @@ function _(e) {
 	return t.cause = e, t;
 }
 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;
+	let [p, v] = d(), { workerUrlAdded: y, wasmUrl: b, standardFontDataUrl: x } = n(), [S, C] = d(/* @__PURE__ */ new Map()), w = u(), [T, E] = d(0), [D, O] = d(!1), [k, A] = d(), { password: j, passwordError: M, setPasswordError: N, passwordRequired: P, setPasswordRequired: F } = i(), { onLoadError: I, onLoaded: L, onLoadProgress: R, disableAutoFetch: z, disableStream: B, rangeChunkSize: V, withCredentials: H, httpHeaders: U } = c;
 	return l(() => {
-		L && L(w);
-	}, [w, L]), l(() => {
+		R && R(T);
+	}, [T, R]), l(() => {
 		if (!y || !a) return;
-		T(0), k(void 0), C.current = Date.now();
-		let t = C.current, n = {
+		E(0), A(void 0), w.current = Date.now();
+		let t = w.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 },
+			...j && { password: j },
+			...z !== void 0 && { disableAutoFetch: z },
+			...B !== void 0 && { disableStream: B },
+			...V !== void 0 && { rangeChunkSize: V },
+			...H !== void 0 && { withCredentials: H },
+			...U !== void 0 && { httpHeaders: U },
 			...b && { wasmUrl: b },
+			...x && { standardFontDataUrl: x },
 			verbosity: f.VerbosityLevel.ERRORS
 		};
 		try {
 			let i = f.getDocument(n);
 			i.onProgress = (e) => {
-				if (t === C.current) {
+				if (t === w.current) {
 					let { loaded: t, total: n } = e;
-					T(n ? Math.min(100, Math.round(t / n * 100)) : 0);
+					E(n ? Math.min(100, Math.round(t / n * 100)) : 0);
 				}
-			}, 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) => {
+			}, O(!0), v(void 0);
+			let a = i.promise.then(async (n) => !b && m(await n.getData()) ? (t === w.current && (v(void 0), A(e.WASM_URL_REQUIRED)), r.error(s), I?.(g()), n) : (t === w.current && (v(n), E(100)), L && L(n), F(!1), N(""), n)).catch((t) => {
 				if (t instanceof Error && t.name === "PasswordException") {
 					let e = t.code;
-					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);
+					F(!0), e === f.PasswordResponses.INCORRECT_PASSWORD ? N("Incorrect password") : N(void 0);
+				} else t instanceof Error && t.name === "InvalidPDFException" && j ? (F(!0), N("Incorrect password")) : t instanceof Error && t.name === "InvalidPDFException" ? (A(e.INVALID_OR_CORRUPTED_PDF), I?.(h(t))) : I && I(t);
 			}).finally(() => {
-				D(!1);
+				O(!1);
 			});
 			return () => {
 				a.finally(() => {
@@ -65,20 +66,21 @@ var v = (a, o, c = {}) => {
 				});
 			};
 		} catch (t) {
-			k(e.NOT_SUPPORTED), F?.(_(t));
+			A(e.NOT_SUPPORTED), I?.(_(t));
 		}
 	}, [
 		a,
 		y,
 		b,
-		A,
-		F,
-		I
+		x,
+		j,
+		I,
+		L
 	]), l(() => {
-		if (N) return;
+		if (P) return;
 		let n = /* @__PURE__ */ new Map();
-		if (!p || E) {
-			S(n);
+		if (!p || D) {
+			C(n);
 			return;
 		}
 		let r = p.numPages, i = [];
@@ -97,23 +99,23 @@ var v = (a, o, c = {}) => {
 					thumbnailScale: i,
 					defaultRotation: a.rotation
 				});
-			}), S(n);
+			}), C(n);
 		}).catch((t) => {
-			v(void 0), k(e.INVALID_OR_CORRUPTED_PDF), F?.(h(t));
+			v(void 0), A(e.INVALID_OR_CORRUPTED_PDF), I?.(h(t));
 		});
 	}, [
 		p,
-		E,
-		N,
-		F
+		D,
+		P,
+		I
 	]), {
 		pdf: p,
-		pages: x,
-		loading: E,
-		error: O,
-		loadingProgress: w,
-		passwordRequired: N,
-		passwordError: j
+		pages: S,
+		loading: D,
+		error: k,
+		loadingProgress: T,
+		passwordRequired: P,
+		passwordError: M
 	};
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.8.0",
+  "version": "2.9.0-beta.0",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [