@takumi-rs/wasm 2.0.0-beta.1 → 2.0.0-beta.11

package/bundlers/bun.mjs

@@ -1,9 +1,9 @@
-import * as wasm from "../dist/export";
+import * as wasm from "../dist/export.mjs";
 import wasmPath from "../pkg/takumi_wasm_bg.wasm";
 
 const wasmBytes = await Bun.file(new URL(wasmPath, import.meta.url)).arrayBuffer();
 
 wasm.initSync({ module: wasmBytes });
 
-export * from "../dist/export";
+export * from "../dist/export.mjs";
 export default wasm.default;

package/bundlers/node.mjs

@@ -1,9 +1,9 @@
 import { readFileSync } from "node:fs";
-import * as wasm from "../dist/export";
+import * as wasm from "../dist/export.mjs";
 
 const wasmBytes = readFileSync(new URL("../pkg/takumi_wasm_bg.wasm", import.meta.url));
 
 wasm.initSync({ module: wasmBytes });
 
-export * from "../dist/export";
+export * from "../dist/export.mjs";
 export default wasm.default;

package/bundlers/vite.mjs

@@ -1,18 +1,31 @@
 import url from "../pkg/takumi_wasm_bg.wasm?url";
 
+// `?url` is a browser path; map it to a file for server reads. Vite emits the asset next to the
+// importing server chunk, so resolve relative to import.meta.url, not the framework output dir.
 async function processUrl() {
   if (typeof process !== "undefined" && process.versions?.node != null) {
     const { readFile } = await import("node:fs/promises");
+    const path = decodeURIComponent(url.replace(/[?#].*$/, ""));
 
-    if (!url.startsWith("/")) {
-      return readFile(new URL(url, import.meta.url));
+    // Dev SSR serves an `/@fs/<abs-path>` URL.
+    if (path.startsWith("/@fs/")) {
+      return readFile(path.slice("/@fs".length));
     }
 
-    for (const candidate of [`../client${url}`, `../../client${url}`]) {
+    if (!path.startsWith("/")) {
+      return readFile(new URL(path, import.meta.url));
+    }
+
+    const basename = path.slice(path.lastIndexOf("/") + 1);
+    const candidates = [`./${basename}`, `../client${path}`, `../../client${path}`];
+
+    let lastError;
+    for (const candidate of candidates) {
       try {
         return await readFile(new URL(candidate, import.meta.url));
       } catch (error) {
         if (error && typeof error === "object" && "code" in error && error.code === "ENOENT") {
+          lastError = error;
           continue;
         }
 
@@ -20,7 +33,7 @@ async function processUrl() {
       }
     }
 
-    throw new Error(`Unable to locate Takumi WASM asset for SSR: ${url}`);
+    throw new Error(`Unable to locate Takumi WASM asset for SSR: ${url}`, { cause: lastError });
   }
 
   return fetch(new URL(url, import.meta.url)).then((response) => response.arrayBuffer());

package/dist/export.cjs

@@ -152,10 +152,10 @@ function __wbg_get_imports() {
 		__proto__: null,
 		"./takumi_wasm_bg.js": {
 			__proto__: null,
-			__wbg_Error_fdd633d4bb5dd76a: function(arg0, arg1) {
+			__wbg_Error_92b29b0548f8b746: function(arg0, arg1) {
 				return Error(getStringFromWasm0(arg0, arg1));
 			},
-			__wbg_Number_c4bdf66bb78f7977: function(arg0) {
+			__wbg_Number_9a4e0ecb0fa16705: function(arg0) {
 				return Number(arg0);
 			},
 			__wbg_String_8564e559799eccda: function(arg0, arg1) {
@@ -164,55 +164,55 @@ function __wbg_get_imports() {
 				getDataViewMemory0().setInt32(arg0 + 4, len1, true);
 				getDataViewMemory0().setInt32(arg0 + 0, ptr1, true);
 			},
-			__wbg___wbindgen_bigint_get_as_i64_d9e915702856f831: function(arg0, arg1) {
+			__wbg___wbindgen_bigint_get_as_i64_d968e41184ae354f: function(arg0, arg1) {
 				const v = arg1;
 				const ret = typeof v === "bigint" ? v : void 0;
 				getDataViewMemory0().setBigInt64(arg0 + 8, isLikeNone(ret) ? BigInt(0) : ret, true);
 				getDataViewMemory0().setInt32(arg0 + 0, !isLikeNone(ret), true);
 			},
-			__wbg___wbindgen_boolean_get_edaed31a367ce1bd: function(arg0) {
+			__wbg___wbindgen_boolean_get_fa956cfa2d1bd751: function(arg0) {
 				const v = arg0;
 				const ret = typeof v === "boolean" ? v : void 0;
 				return isLikeNone(ret) ? 16777215 : ret ? 1 : 0;
 			},
-			__wbg___wbindgen_debug_string_8a447059637473e2: function(arg0, arg1) {
+			__wbg___wbindgen_debug_string_c25d447a39f5578f: function(arg0, arg1) {
 				const ptr1 = passStringToWasm0(debugString(arg1), wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
 				const len1 = WASM_VECTOR_LEN;
 				getDataViewMemory0().setInt32(arg0 + 4, len1, true);
 				getDataViewMemory0().setInt32(arg0 + 0, ptr1, true);
 			},
-			__wbg___wbindgen_in_4990f46af709e33c: function(arg0, arg1) {
+			__wbg___wbindgen_in_aca499c5de7ff5e5: function(arg0, arg1) {
 				return arg0 in arg1;
 			},
-			__wbg___wbindgen_is_bigint_90b5ccfe67c78460: function(arg0) {
+			__wbg___wbindgen_is_bigint_2f76dc55065b4273: function(arg0) {
 				return typeof arg0 === "bigint";
 			},
-			__wbg___wbindgen_is_function_acc5528be2b923f2: function(arg0) {
+			__wbg___wbindgen_is_function_1ff95bcc5517c252: function(arg0) {
 				return typeof arg0 === "function";
 			},
-			__wbg___wbindgen_is_object_0beba4a1980d3eea: function(arg0) {
+			__wbg___wbindgen_is_object_a27215656b807791: function(arg0) {
 				const val = arg0;
 				return typeof val === "object" && val !== null;
 			},
-			__wbg___wbindgen_is_string_1fca8072260dd261: function(arg0) {
+			__wbg___wbindgen_is_string_ea5e6cc2e4141dfe: function(arg0) {
 				return typeof arg0 === "string";
 			},
-			__wbg___wbindgen_is_undefined_721f8decd50c87a3: function(arg0) {
+			__wbg___wbindgen_is_undefined_c05833b95a3cf397: function(arg0) {
 				return arg0 === void 0;
 			},
-			__wbg___wbindgen_jsval_eq_4e8c38722cb8ff51: function(arg0, arg1) {
+			__wbg___wbindgen_jsval_eq_e659fcf7b0e32763: function(arg0, arg1) {
 				return arg0 === arg1;
 			},
-			__wbg___wbindgen_jsval_loose_eq_4b9aba9e5b3c4582: function(arg0, arg1) {
+			__wbg___wbindgen_jsval_loose_eq_db4c3b15f63fc170: function(arg0, arg1) {
 				return arg0 == arg1;
 			},
-			__wbg___wbindgen_number_get_1cc01dd708740256: function(arg0, arg1) {
+			__wbg___wbindgen_number_get_394265ed1e1b84ee: function(arg0, arg1) {
 				const obj = arg1;
 				const ret = typeof obj === "number" ? obj : void 0;
 				getDataViewMemory0().setFloat64(arg0 + 8, isLikeNone(ret) ? 0 : ret, true);
 				getDataViewMemory0().setInt32(arg0 + 0, !isLikeNone(ret), true);
 			},
-			__wbg___wbindgen_string_get_71bb4348194e31f0: function(arg0, arg1) {
+			__wbg___wbindgen_string_get_b0ca35b86a603356: function(arg0, arg1) {
 				const obj = arg1;
 				const ret = typeof obj === "string" ? obj : void 0;
 				var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
@@ -220,35 +220,35 @@ function __wbg_get_imports() {
 				getDataViewMemory0().setInt32(arg0 + 4, len1, true);
 				getDataViewMemory0().setInt32(arg0 + 0, ptr1, true);
 			},
-			__wbg___wbindgen_throw_ea4887a5f8f9a9db: function(arg0, arg1) {
+			__wbg___wbindgen_throw_344f42d3211c4765: function(arg0, arg1) {
 				throw new Error(getStringFromWasm0(arg0, arg1));
 			},
-			__wbg_call_8e98ed2f3c86c4b5: function() {
+			__wbg_call_8a2dd23819f8a60a: function() {
 				return handleError(function(arg0, arg1) {
 					return arg0.call(arg1);
 				}, arguments);
 			},
-			__wbg_done_b62d4a7d2286852a: function(arg0) {
+			__wbg_done_89b2b13e91a60321: function(arg0) {
 				return arg0.done;
 			},
-			__wbg_entries_c261c3fa1f281256: function(arg0) {
+			__wbg_entries_015dc610cd81ede0: function(arg0) {
 				return Object.entries(arg0);
 			},
-			__wbg_get_197a3fe98f169e38: function(arg0, arg1) {
+			__wbg_get_507a50627bffa49b: function(arg0, arg1) {
 				return arg0[arg1 >>> 0];
 			},
-			__wbg_get_9a29be2cb383ed9a: function() {
+			__wbg_get_c7eb1f358a7654df: function() {
 				return handleError(function(arg0, arg1) {
 					return Reflect.get(arg0, arg1);
 				}, arguments);
 			},
-			__wbg_get_unchecked_54a4374c38e08460: function(arg0, arg1) {
+			__wbg_get_unchecked_6e0ad6d2a41b06f6: function(arg0, arg1) {
 				return arg0[arg1 >>> 0];
 			},
 			__wbg_get_with_ref_key_6412cf3094599694: function(arg0, arg1) {
 				return arg0[arg1];
 			},
-			__wbg_instanceof_ArrayBuffer_2a7bb09fee70c2da: function(arg0) {
+			__wbg_instanceof_ArrayBuffer_4480b9e0068a8adb: function(arg0) {
 				let result;
 				try {
 					result = arg0 instanceof ArrayBuffer;
@@ -257,7 +257,7 @@ function __wbg_get_imports() {
 				}
 				return result;
 			},
-			__wbg_instanceof_Map_afa18d5840c04c15: function(arg0) {
+			__wbg_instanceof_Map_e5b5e3db98422fcc: function(arg0) {
 				let result;
 				try {
 					result = arg0 instanceof Map;
@@ -266,7 +266,7 @@ function __wbg_get_imports() {
 				}
 				return result;
 			},
-			__wbg_instanceof_Uint8Array_f080092dc70f5d58: function(arg0) {
+			__wbg_instanceof_Uint8Array_309b927aaf7a3fc7: function(arg0) {
 				let result;
 				try {
 					result = arg0 instanceof Uint8Array;
@@ -275,51 +275,51 @@ function __wbg_get_imports() {
 				}
 				return result;
 			},
-			__wbg_isArray_145a34fd0a38d37b: function(arg0) {
+			__wbg_isArray_0677c962b281d01a: function(arg0) {
 				return Array.isArray(arg0);
 			},
-			__wbg_isSafeInteger_a3389a198582f5f6: function(arg0) {
+			__wbg_isSafeInteger_04f36e4056f1b851: function(arg0) {
 				return Number.isSafeInteger(arg0);
 			},
-			__wbg_iterator_cc47ba25a2be735a: function() {
+			__wbg_iterator_6f722e4a93058b71: function() {
 				return Symbol.iterator;
 			},
-			__wbg_length_589238bdcf171f0e: function(arg0) {
+			__wbg_length_1f0964f4a5e2c6d8: function(arg0) {
 				return arg0.length;
 			},
-			__wbg_length_c6054974c0a6cdb9: function(arg0) {
+			__wbg_length_370319915dc99107: function(arg0) {
 				return arg0.length;
 			},
-			__wbg_new_2e117a478906f062: function() {
-				return /* @__PURE__ */ new Object();
-			},
-			__wbg_new_36e147a8ced3c6e0: function() {
+			__wbg_new_32b398fb48b6d94a: function() {
 				return new Array();
 			},
-			__wbg_new_81880fb5002cb255: function(arg0) {
+			__wbg_new_b667d279fd5aa943: function(arg0, arg1) {
+				return new Error(getStringFromWasm0(arg0, arg1));
+			},
+			__wbg_new_cd45aabdf6073e84: function(arg0) {
 				return new Uint8Array(arg0);
 			},
-			__wbg_new_e66a4b7758dd2e5c: function(arg0, arg1) {
-				return new Error(getStringFromWasm0(arg0, arg1));
+			__wbg_new_da52cf8fe3429cb2: function() {
+				return /* @__PURE__ */ new Object();
+			},
+			__wbg_next_6dbf2c0ac8cde20f: function(arg0) {
+				return arg0.next;
 			},
-			__wbg_next_0c4066e251d2eff9: function() {
+			__wbg_next_71f2aa1cb3d1e37e: function() {
 				return handleError(function(arg0) {
 					return arg0.next();
 				}, arguments);
 			},
-			__wbg_next_402fa10b59ab20c3: function(arg0) {
-				return arg0.next;
-			},
-			__wbg_prototypesetcall_d721637c7ca66eb8: function(arg0, arg1, arg2) {
+			__wbg_prototypesetcall_4770620bbe4688a0: function(arg0, arg1, arg2) {
 				Uint8Array.prototype.set.call(getArrayU8FromWasm0(arg0, arg1), arg2);
 			},
 			__wbg_set_6be42768c690e380: function(arg0, arg1, arg2) {
 				arg0[arg1] = arg2;
 			},
-			__wbg_set_dc601f4a69da0bc2: function(arg0, arg1, arg2) {
+			__wbg_set_8a16b38e4805b298: function(arg0, arg1, arg2) {
 				arg0[arg1 >>> 0] = arg2;
 			},
-			__wbg_value_49f783bb59765962: function(arg0) {
+			__wbg_value_a5d5488a9589444a: function(arg0) {
 				return arg0.value;
 			},
 			__wbindgen_cast_0000000000000001: function(arg0) {
@@ -564,16 +564,32 @@ async function resolveImageLoaders(images) {
 	})));
 }
 var Renderer = class {
-	fontMapping = /* @__PURE__ */ new Map();
+	fontsByKey = /* @__PURE__ */ new Map();
+	fontsByData = /* @__PURE__ */ new WeakMap();
 	inner = new Renderer$1();
+	getFont(key) {
+		return typeof key === "string" ? this.fontsByKey.get(key) : this.fontsByData.get(key);
+	}
+	setFont(key, family) {
+		if (typeof key === "string") this.fontsByKey.set(key, family);
+		else this.fontsByData.set(key, family);
+	}
+	deleteFont(key) {
+		if (typeof key === "string") this.fontsByKey.delete(key);
+		else this.fontsByData.delete(key);
+	}
 	async prepareFonts(fonts) {
 		if (!fonts) return;
 		const families = await Promise.all(fonts.map(this.registerFont.bind(this)));
 		return [...new Set(families.flat().map((f) => f.name))];
 	}
 	async render(node, options) {
-		const { fonts, fontFamilies, images, ...rest } = options ?? {};
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options ?? {};
+		const registeredFamilies = await this.prepareFonts((0, _takumi_rs_helpers.pickFonts)({
+			fonts,
+			source: node,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.render(node, {
 			...rest,
@@ -582,8 +598,12 @@ var Renderer = class {
 		});
 	}
 	async renderAsDataUrl(node, options) {
-		const { fonts, fontFamilies, images, ...rest } = options ?? {};
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options ?? {};
+		const registeredFamilies = await this.prepareFonts((0, _takumi_rs_helpers.pickFonts)({
+			fonts,
+			source: node,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.renderAsDataUrl(node, {
 			...rest,
@@ -592,8 +612,12 @@ var Renderer = class {
 		});
 	}
 	async renderSvg(node, options) {
-		const { fonts, fontFamilies, images, ...rest } = options ?? {};
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options ?? {};
+		const registeredFamilies = await this.prepareFonts((0, _takumi_rs_helpers.pickFonts)({
+			fonts,
+			source: node,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.renderSvg(node, {
 			...rest,
@@ -602,8 +626,12 @@ var Renderer = class {
 		});
 	}
 	async measure(node, options) {
-		const { fonts, fontFamilies, images, ...rest } = options ?? {};
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options ?? {};
+		const registeredFamilies = await this.prepareFonts((0, _takumi_rs_helpers.pickFonts)({
+			fonts,
+			source: node,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.measure(node, {
 			...rest,
@@ -612,8 +640,13 @@ var Renderer = class {
 		});
 	}
 	async renderAnimation(options) {
-		const { fonts, fontFamilies, images, ...rest } = options;
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options;
+		const nodes = options.scenes.map((scene) => scene.node);
+		const registeredFamilies = await this.prepareFonts((0, _takumi_rs_helpers.pickFonts)({
+			fonts,
+			source: nodes,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.renderAnimation({
 			...rest,
@@ -622,8 +655,13 @@ var Renderer = class {
 		});
 	}
 	async encodeFrames(frames, options) {
-		const { fonts, fontFamilies, images, ...rest } = options;
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options;
+		const nodes = frames.map((frame) => frame.node);
+		const registeredFamilies = await this.prepareFonts((0, _takumi_rs_helpers.pickFonts)({
+			fonts,
+			source: nodes,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.encodeFrames(frames, {
 			...rest,
@@ -636,7 +674,7 @@ var Renderer = class {
 	}
 	async registerFont(font) {
 		const key = createFontKey(font);
-		const cached = this.fontMapping.get(key);
+		const cached = this.getFont(key);
 		if (cached) return cached;
 		const extracted = extractFontBuffer(font);
 		const register = (data) => this.inner.registerFont(isBuffer(font) ? data : {
@@ -645,14 +683,14 @@ var Renderer = class {
 		});
 		if (isBuffer(extracted)) {
 			const binded = register(extracted);
-			this.fontMapping.set(key, Promise.resolve(binded));
+			this.setFont(key, Promise.resolve(binded));
 			return binded;
 		}
 		const promise = extracted.then(register).catch((error) => {
-			this.fontMapping.delete(key);
+			this.deleteFont(key);
 			throw error;
 		});
-		this.fontMapping.set(key, promise);
+		this.setFont(key, promise);
 		return promise;
 	}
 };
@@ -673,10 +711,5 @@ function isBuffer(data) {
 //#endregion
 exports.Renderer = Renderer;
 exports.default = __wbg_init;
-Object.defineProperty(exports, "extractResourceUrls", {
-	enumerable: true,
-	get: function() {
-		return _takumi_rs_helpers.extractResourceUrls;
-	}
-});
+exports.extractResourceUrls = _takumi_rs_helpers.extractResourceUrls;
 exports.initSync = initSync;

package/dist/export.d.cts

@@ -240,7 +240,8 @@ declare function __wbg_init(module_or_path?: {
 //#endregion
 //#region src/export.d.ts
 type FontLoader = Font | (Omit<FontDetails, "data"> & {
-  data: () => Promise<FontDetails["data"]> | FontDetails["data"];
+  data: () => Promise<FontDetails["data"]> | FontDetails["data"]; /** Inclusive codepoint ranges this face covers; lets `render` skip it when unused. */
+  ranges?: [number, number][];
 } & ({
   key: string;
 } | {
@@ -269,7 +270,8 @@ type OutputFormatOptions = {
 };
 type RenderOptions = Omit<RenderOptions$1, "images" | "format" | "quality"> & OutputFormatOptions & {
   fonts?: FontLoader[];
-  images?: ImageLoader[];
+  images?: ImageLoader[]; /** Register only the `fonts` subsets the content renders. @default true */
+  subset?: boolean;
 };
 /**
  * Animation output format. On wasm, WebP animation is always lossless (lossy
@@ -284,19 +286,26 @@ type AnimationOutputFormatOptions = {
 };
 type RenderAnimationOptions = Omit<RenderAnimationOptions$1, "images" | "format"> & AnimationOutputFormatOptions & {
   fonts?: FontLoader[];
-  images?: ImageLoader[];
+  images?: ImageLoader[]; /** Register only the `fonts` subsets the content renders. @default true */
+  subset?: boolean;
 };
 type EncodeFramesOptions = Omit<EncodeFramesOptions$1, "images" | "format"> & AnimationOutputFormatOptions & {
   fonts?: FontLoader[];
-  images?: ImageLoader[];
+  images?: ImageLoader[]; /** Register only the `fonts` subsets the content renders. @default true */
+  subset?: boolean;
 };
 type SvgRenderOptions = Omit<SvgRenderOptions$1, "images"> & {
   fonts?: FontLoader[];
-  images?: ImageLoader[];
+  images?: ImageLoader[]; /** Register only the `fonts` subsets the content renders. @default true */
+  subset?: boolean;
 };
 declare class Renderer {
-  private fontMapping;
+  private fontsByKey;
+  private fontsByData;
   private inner;
+  private getFont;
+  private setFont;
+  private deleteFont;
   private prepareFonts;
   render(node: Node, options?: RenderOptions): Promise<Uint8Array<ArrayBufferLike>>;
   renderAsDataUrl(node: Node, options?: RenderOptions): Promise<string>;
@@ -305,7 +314,7 @@ declare class Renderer {
   renderAnimation(options: RenderAnimationOptions): Promise<Uint8Array<ArrayBufferLike>>;
   encodeFrames(frames: AnimationFrameSource[], options: EncodeFramesOptions): Promise<Uint8Array<ArrayBufferLike>>;
   free(): void;
-  registerFont(font: FontLoader): Promise<any>;
+  registerFont(font: FontLoader): Promise<RegisteredFamily[]>;
 }
 //#endregion
 export { AnimationFrameSource, AnimationOutputFormatOptions, AnimationSceneSource, ByteBuf, ContainerNode, EncodeFramesOptions, Font, FontDetails, FontLoader, ImageLoader, ImageNode, ImageSource, InitInput, InitOutput, KeyframeRule, Keyframes, KeyframesMap, KeyframesRule, KeyframesRuleList, MeasuredNode, MeasuredTextRun, type Node, NodeMetadata, OutputFormatOptions, RegisteredFace, RegisteredFamily, RenderAnimationOptions, RenderOptions, Renderer, SvgRenderOptions, SyncInitInput, TextNode, __wbg_init as default, extractResourceUrls, initSync };

package/dist/export.d.mts

@@ -240,7 +240,8 @@ declare function __wbg_init(module_or_path?: {
 //#endregion
 //#region src/export.d.ts
 type FontLoader = Font | (Omit<FontDetails, "data"> & {
-  data: () => Promise<FontDetails["data"]> | FontDetails["data"];
+  data: () => Promise<FontDetails["data"]> | FontDetails["data"]; /** Inclusive codepoint ranges this face covers; lets `render` skip it when unused. */
+  ranges?: [number, number][];
 } & ({
   key: string;
 } | {
@@ -269,7 +270,8 @@ type OutputFormatOptions = {
 };
 type RenderOptions = Omit<RenderOptions$1, "images" | "format" | "quality"> & OutputFormatOptions & {
   fonts?: FontLoader[];
-  images?: ImageLoader[];
+  images?: ImageLoader[]; /** Register only the `fonts` subsets the content renders. @default true */
+  subset?: boolean;
 };
 /**
  * Animation output format. On wasm, WebP animation is always lossless (lossy
@@ -284,19 +286,26 @@ type AnimationOutputFormatOptions = {
 };
 type RenderAnimationOptions = Omit<RenderAnimationOptions$1, "images" | "format"> & AnimationOutputFormatOptions & {
   fonts?: FontLoader[];
-  images?: ImageLoader[];
+  images?: ImageLoader[]; /** Register only the `fonts` subsets the content renders. @default true */
+  subset?: boolean;
 };
 type EncodeFramesOptions = Omit<EncodeFramesOptions$1, "images" | "format"> & AnimationOutputFormatOptions & {
   fonts?: FontLoader[];
-  images?: ImageLoader[];
+  images?: ImageLoader[]; /** Register only the `fonts` subsets the content renders. @default true */
+  subset?: boolean;
 };
 type SvgRenderOptions = Omit<SvgRenderOptions$1, "images"> & {
   fonts?: FontLoader[];
-  images?: ImageLoader[];
+  images?: ImageLoader[]; /** Register only the `fonts` subsets the content renders. @default true */
+  subset?: boolean;
 };
 declare class Renderer {
-  private fontMapping;
+  private fontsByKey;
+  private fontsByData;
   private inner;
+  private getFont;
+  private setFont;
+  private deleteFont;
   private prepareFonts;
   render(node: Node, options?: RenderOptions): Promise<Uint8Array<ArrayBufferLike>>;
   renderAsDataUrl(node: Node, options?: RenderOptions): Promise<string>;
@@ -305,7 +314,7 @@ declare class Renderer {
   renderAnimation(options: RenderAnimationOptions): Promise<Uint8Array<ArrayBufferLike>>;
   encodeFrames(frames: AnimationFrameSource[], options: EncodeFramesOptions): Promise<Uint8Array<ArrayBufferLike>>;
   free(): void;
-  registerFont(font: FontLoader): Promise<any>;
+  registerFont(font: FontLoader): Promise<RegisteredFamily[]>;
 }
 //#endregion
 export { AnimationFrameSource, AnimationOutputFormatOptions, AnimationSceneSource, ByteBuf, ContainerNode, EncodeFramesOptions, Font, FontDetails, FontLoader, ImageLoader, ImageNode, ImageSource, InitInput, InitOutput, KeyframeRule, Keyframes, KeyframesMap, KeyframesRule, KeyframesRuleList, MeasuredNode, MeasuredTextRun, type Node, NodeMetadata, OutputFormatOptions, RegisteredFace, RegisteredFamily, RenderAnimationOptions, RenderOptions, Renderer, SvgRenderOptions, SyncInitInput, TextNode, __wbg_init as default, extractResourceUrls, initSync };

package/dist/export.mjs

@@ -1,4 +1,4 @@
-import { extractResourceUrls } from "@takumi-rs/helpers";
+import { extractResourceUrls, pickFonts } from "@takumi-rs/helpers";
 //#region pkg/takumi_wasm.js
 /**
 * The main renderer for Takumi image rendering engine.
@@ -148,10 +148,10 @@ function __wbg_get_imports() {
 		__proto__: null,
 		"./takumi_wasm_bg.js": {
 			__proto__: null,
-			__wbg_Error_fdd633d4bb5dd76a: function(arg0, arg1) {
+			__wbg_Error_92b29b0548f8b746: function(arg0, arg1) {
 				return Error(getStringFromWasm0(arg0, arg1));
 			},
-			__wbg_Number_c4bdf66bb78f7977: function(arg0) {
+			__wbg_Number_9a4e0ecb0fa16705: function(arg0) {
 				return Number(arg0);
 			},
 			__wbg_String_8564e559799eccda: function(arg0, arg1) {
@@ -160,55 +160,55 @@ function __wbg_get_imports() {
 				getDataViewMemory0().setInt32(arg0 + 4, len1, true);
 				getDataViewMemory0().setInt32(arg0 + 0, ptr1, true);
 			},
-			__wbg___wbindgen_bigint_get_as_i64_d9e915702856f831: function(arg0, arg1) {
+			__wbg___wbindgen_bigint_get_as_i64_d968e41184ae354f: function(arg0, arg1) {
 				const v = arg1;
 				const ret = typeof v === "bigint" ? v : void 0;
 				getDataViewMemory0().setBigInt64(arg0 + 8, isLikeNone(ret) ? BigInt(0) : ret, true);
 				getDataViewMemory0().setInt32(arg0 + 0, !isLikeNone(ret), true);
 			},
-			__wbg___wbindgen_boolean_get_edaed31a367ce1bd: function(arg0) {
+			__wbg___wbindgen_boolean_get_fa956cfa2d1bd751: function(arg0) {
 				const v = arg0;
 				const ret = typeof v === "boolean" ? v : void 0;
 				return isLikeNone(ret) ? 16777215 : ret ? 1 : 0;
 			},
-			__wbg___wbindgen_debug_string_8a447059637473e2: function(arg0, arg1) {
+			__wbg___wbindgen_debug_string_c25d447a39f5578f: function(arg0, arg1) {
 				const ptr1 = passStringToWasm0(debugString(arg1), wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
 				const len1 = WASM_VECTOR_LEN;
 				getDataViewMemory0().setInt32(arg0 + 4, len1, true);
 				getDataViewMemory0().setInt32(arg0 + 0, ptr1, true);
 			},
-			__wbg___wbindgen_in_4990f46af709e33c: function(arg0, arg1) {
+			__wbg___wbindgen_in_aca499c5de7ff5e5: function(arg0, arg1) {
 				return arg0 in arg1;
 			},
-			__wbg___wbindgen_is_bigint_90b5ccfe67c78460: function(arg0) {
+			__wbg___wbindgen_is_bigint_2f76dc55065b4273: function(arg0) {
 				return typeof arg0 === "bigint";
 			},
-			__wbg___wbindgen_is_function_acc5528be2b923f2: function(arg0) {
+			__wbg___wbindgen_is_function_1ff95bcc5517c252: function(arg0) {
 				return typeof arg0 === "function";
 			},
-			__wbg___wbindgen_is_object_0beba4a1980d3eea: function(arg0) {
+			__wbg___wbindgen_is_object_a27215656b807791: function(arg0) {
 				const val = arg0;
 				return typeof val === "object" && val !== null;
 			},
-			__wbg___wbindgen_is_string_1fca8072260dd261: function(arg0) {
+			__wbg___wbindgen_is_string_ea5e6cc2e4141dfe: function(arg0) {
 				return typeof arg0 === "string";
 			},
-			__wbg___wbindgen_is_undefined_721f8decd50c87a3: function(arg0) {
+			__wbg___wbindgen_is_undefined_c05833b95a3cf397: function(arg0) {
 				return arg0 === void 0;
 			},
-			__wbg___wbindgen_jsval_eq_4e8c38722cb8ff51: function(arg0, arg1) {
+			__wbg___wbindgen_jsval_eq_e659fcf7b0e32763: function(arg0, arg1) {
 				return arg0 === arg1;
 			},
-			__wbg___wbindgen_jsval_loose_eq_4b9aba9e5b3c4582: function(arg0, arg1) {
+			__wbg___wbindgen_jsval_loose_eq_db4c3b15f63fc170: function(arg0, arg1) {
 				return arg0 == arg1;
 			},
-			__wbg___wbindgen_number_get_1cc01dd708740256: function(arg0, arg1) {
+			__wbg___wbindgen_number_get_394265ed1e1b84ee: function(arg0, arg1) {
 				const obj = arg1;
 				const ret = typeof obj === "number" ? obj : void 0;
 				getDataViewMemory0().setFloat64(arg0 + 8, isLikeNone(ret) ? 0 : ret, true);
 				getDataViewMemory0().setInt32(arg0 + 0, !isLikeNone(ret), true);
 			},
-			__wbg___wbindgen_string_get_71bb4348194e31f0: function(arg0, arg1) {
+			__wbg___wbindgen_string_get_b0ca35b86a603356: function(arg0, arg1) {
 				const obj = arg1;
 				const ret = typeof obj === "string" ? obj : void 0;
 				var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
@@ -216,35 +216,35 @@ function __wbg_get_imports() {
 				getDataViewMemory0().setInt32(arg0 + 4, len1, true);
 				getDataViewMemory0().setInt32(arg0 + 0, ptr1, true);
 			},
-			__wbg___wbindgen_throw_ea4887a5f8f9a9db: function(arg0, arg1) {
+			__wbg___wbindgen_throw_344f42d3211c4765: function(arg0, arg1) {
 				throw new Error(getStringFromWasm0(arg0, arg1));
 			},
-			__wbg_call_8e98ed2f3c86c4b5: function() {
+			__wbg_call_8a2dd23819f8a60a: function() {
 				return handleError(function(arg0, arg1) {
 					return arg0.call(arg1);
 				}, arguments);
 			},
-			__wbg_done_b62d4a7d2286852a: function(arg0) {
+			__wbg_done_89b2b13e91a60321: function(arg0) {
 				return arg0.done;
 			},
-			__wbg_entries_c261c3fa1f281256: function(arg0) {
+			__wbg_entries_015dc610cd81ede0: function(arg0) {
 				return Object.entries(arg0);
 			},
-			__wbg_get_197a3fe98f169e38: function(arg0, arg1) {
+			__wbg_get_507a50627bffa49b: function(arg0, arg1) {
 				return arg0[arg1 >>> 0];
 			},
-			__wbg_get_9a29be2cb383ed9a: function() {
+			__wbg_get_c7eb1f358a7654df: function() {
 				return handleError(function(arg0, arg1) {
 					return Reflect.get(arg0, arg1);
 				}, arguments);
 			},
-			__wbg_get_unchecked_54a4374c38e08460: function(arg0, arg1) {
+			__wbg_get_unchecked_6e0ad6d2a41b06f6: function(arg0, arg1) {
 				return arg0[arg1 >>> 0];
 			},
 			__wbg_get_with_ref_key_6412cf3094599694: function(arg0, arg1) {
 				return arg0[arg1];
 			},
-			__wbg_instanceof_ArrayBuffer_2a7bb09fee70c2da: function(arg0) {
+			__wbg_instanceof_ArrayBuffer_4480b9e0068a8adb: function(arg0) {
 				let result;
 				try {
 					result = arg0 instanceof ArrayBuffer;
@@ -253,7 +253,7 @@ function __wbg_get_imports() {
 				}
 				return result;
 			},
-			__wbg_instanceof_Map_afa18d5840c04c15: function(arg0) {
+			__wbg_instanceof_Map_e5b5e3db98422fcc: function(arg0) {
 				let result;
 				try {
 					result = arg0 instanceof Map;
@@ -262,7 +262,7 @@ function __wbg_get_imports() {
 				}
 				return result;
 			},
-			__wbg_instanceof_Uint8Array_f080092dc70f5d58: function(arg0) {
+			__wbg_instanceof_Uint8Array_309b927aaf7a3fc7: function(arg0) {
 				let result;
 				try {
 					result = arg0 instanceof Uint8Array;
@@ -271,51 +271,51 @@ function __wbg_get_imports() {
 				}
 				return result;
 			},
-			__wbg_isArray_145a34fd0a38d37b: function(arg0) {
+			__wbg_isArray_0677c962b281d01a: function(arg0) {
 				return Array.isArray(arg0);
 			},
-			__wbg_isSafeInteger_a3389a198582f5f6: function(arg0) {
+			__wbg_isSafeInteger_04f36e4056f1b851: function(arg0) {
 				return Number.isSafeInteger(arg0);
 			},
-			__wbg_iterator_cc47ba25a2be735a: function() {
+			__wbg_iterator_6f722e4a93058b71: function() {
 				return Symbol.iterator;
 			},
-			__wbg_length_589238bdcf171f0e: function(arg0) {
+			__wbg_length_1f0964f4a5e2c6d8: function(arg0) {
 				return arg0.length;
 			},
-			__wbg_length_c6054974c0a6cdb9: function(arg0) {
+			__wbg_length_370319915dc99107: function(arg0) {
 				return arg0.length;
 			},
-			__wbg_new_2e117a478906f062: function() {
-				return /* @__PURE__ */ new Object();
-			},
-			__wbg_new_36e147a8ced3c6e0: function() {
+			__wbg_new_32b398fb48b6d94a: function() {
 				return new Array();
 			},
-			__wbg_new_81880fb5002cb255: function(arg0) {
+			__wbg_new_b667d279fd5aa943: function(arg0, arg1) {
+				return new Error(getStringFromWasm0(arg0, arg1));
+			},
+			__wbg_new_cd45aabdf6073e84: function(arg0) {
 				return new Uint8Array(arg0);
 			},
-			__wbg_new_e66a4b7758dd2e5c: function(arg0, arg1) {
-				return new Error(getStringFromWasm0(arg0, arg1));
+			__wbg_new_da52cf8fe3429cb2: function() {
+				return /* @__PURE__ */ new Object();
 			},
-			__wbg_next_0c4066e251d2eff9: function() {
+			__wbg_next_6dbf2c0ac8cde20f: function(arg0) {
+				return arg0.next;
+			},
+			__wbg_next_71f2aa1cb3d1e37e: function() {
 				return handleError(function(arg0) {
 					return arg0.next();
 				}, arguments);
 			},
-			__wbg_next_402fa10b59ab20c3: function(arg0) {
-				return arg0.next;
-			},
-			__wbg_prototypesetcall_d721637c7ca66eb8: function(arg0, arg1, arg2) {
+			__wbg_prototypesetcall_4770620bbe4688a0: function(arg0, arg1, arg2) {
 				Uint8Array.prototype.set.call(getArrayU8FromWasm0(arg0, arg1), arg2);
 			},
 			__wbg_set_6be42768c690e380: function(arg0, arg1, arg2) {
 				arg0[arg1] = arg2;
 			},
-			__wbg_set_dc601f4a69da0bc2: function(arg0, arg1, arg2) {
+			__wbg_set_8a16b38e4805b298: function(arg0, arg1, arg2) {
 				arg0[arg1 >>> 0] = arg2;
 			},
-			__wbg_value_49f783bb59765962: function(arg0) {
+			__wbg_value_a5d5488a9589444a: function(arg0) {
 				return arg0.value;
 			},
 			__wbindgen_cast_0000000000000001: function(arg0) {
@@ -560,16 +560,32 @@ async function resolveImageLoaders(images) {
 	})));
 }
 var Renderer = class {
-	fontMapping = /* @__PURE__ */ new Map();
+	fontsByKey = /* @__PURE__ */ new Map();
+	fontsByData = /* @__PURE__ */ new WeakMap();
 	inner = new Renderer$1();
+	getFont(key) {
+		return typeof key === "string" ? this.fontsByKey.get(key) : this.fontsByData.get(key);
+	}
+	setFont(key, family) {
+		if (typeof key === "string") this.fontsByKey.set(key, family);
+		else this.fontsByData.set(key, family);
+	}
+	deleteFont(key) {
+		if (typeof key === "string") this.fontsByKey.delete(key);
+		else this.fontsByData.delete(key);
+	}
 	async prepareFonts(fonts) {
 		if (!fonts) return;
 		const families = await Promise.all(fonts.map(this.registerFont.bind(this)));
 		return [...new Set(families.flat().map((f) => f.name))];
 	}
 	async render(node, options) {
-		const { fonts, fontFamilies, images, ...rest } = options ?? {};
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options ?? {};
+		const registeredFamilies = await this.prepareFonts(pickFonts({
+			fonts,
+			source: node,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.render(node, {
 			...rest,
@@ -578,8 +594,12 @@ var Renderer = class {
 		});
 	}
 	async renderAsDataUrl(node, options) {
-		const { fonts, fontFamilies, images, ...rest } = options ?? {};
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options ?? {};
+		const registeredFamilies = await this.prepareFonts(pickFonts({
+			fonts,
+			source: node,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.renderAsDataUrl(node, {
 			...rest,
@@ -588,8 +608,12 @@ var Renderer = class {
 		});
 	}
 	async renderSvg(node, options) {
-		const { fonts, fontFamilies, images, ...rest } = options ?? {};
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options ?? {};
+		const registeredFamilies = await this.prepareFonts(pickFonts({
+			fonts,
+			source: node,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.renderSvg(node, {
 			...rest,
@@ -598,8 +622,12 @@ var Renderer = class {
 		});
 	}
 	async measure(node, options) {
-		const { fonts, fontFamilies, images, ...rest } = options ?? {};
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options ?? {};
+		const registeredFamilies = await this.prepareFonts(pickFonts({
+			fonts,
+			source: node,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.measure(node, {
 			...rest,
@@ -608,8 +636,13 @@ var Renderer = class {
 		});
 	}
 	async renderAnimation(options) {
-		const { fonts, fontFamilies, images, ...rest } = options;
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options;
+		const nodes = options.scenes.map((scene) => scene.node);
+		const registeredFamilies = await this.prepareFonts(pickFonts({
+			fonts,
+			source: nodes,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.renderAnimation({
 			...rest,
@@ -618,8 +651,13 @@ var Renderer = class {
 		});
 	}
 	async encodeFrames(frames, options) {
-		const { fonts, fontFamilies, images, ...rest } = options;
-		const registeredFamilies = await this.prepareFonts(fonts);
+		const { fonts, fontFamilies, images, subset, ...rest } = options;
+		const nodes = frames.map((frame) => frame.node);
+		const registeredFamilies = await this.prepareFonts(pickFonts({
+			fonts,
+			source: nodes,
+			subset
+		}));
 		const resolvedImages = images ? await resolveImageLoaders(images) : void 0;
 		return this.inner.encodeFrames(frames, {
 			...rest,
@@ -632,7 +670,7 @@ var Renderer = class {
 	}
 	async registerFont(font) {
 		const key = createFontKey(font);
-		const cached = this.fontMapping.get(key);
+		const cached = this.getFont(key);
 		if (cached) return cached;
 		const extracted = extractFontBuffer(font);
 		const register = (data) => this.inner.registerFont(isBuffer(font) ? data : {
@@ -641,14 +679,14 @@ var Renderer = class {
 		});
 		if (isBuffer(extracted)) {
 			const binded = register(extracted);
-			this.fontMapping.set(key, Promise.resolve(binded));
+			this.setFont(key, Promise.resolve(binded));
 			return binded;
 		}
 		const promise = extracted.then(register).catch((error) => {
-			this.fontMapping.delete(key);
+			this.deleteFont(key);
 			throw error;
 		});
-		this.fontMapping.set(key, promise);
+		this.setFont(key, promise);
 		return promise;
 	}
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takumi-rs/wasm",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.11",
   "keywords": [
     "css",
     "image",
@@ -61,20 +61,47 @@
       }
     },
     "./auto": {
-      "types": "./bundlers/type.d.ts",
-      "bun": "./bundlers/bun.mjs",
-      "workerd": "./bundlers/workerd.js",
-      "unwasm": "./bundlers/next.mjs",
-      "module": "./bundlers/vite.mjs",
-      "node": "./bundlers/node.mjs",
-      "default": "./bundlers/vite.mjs"
+      "bun": {
+        "types": "./bundlers/bun.d.ts",
+        "default": "./bundlers/bun.mjs"
+      },
+      "workerd": {
+        "types": "./bundlers/wasm-module.d.ts",
+        "default": "./bundlers/workerd.js"
+      },
+      "edge-light": {
+        "types": "./bundlers/wasm-module.d.ts",
+        "default": "./bundlers/next.mjs"
+      },
+      "unwasm": {
+        "types": "./bundlers/wasm-module.d.ts",
+        "default": "./bundlers/next.mjs"
+      },
+      "module": {
+        "types": "./bundlers/vite.d.ts",
+        "default": "./bundlers/vite.mjs"
+      },
+      "node": {
+        "require": {
+          "types": "./bundlers/node.d.cts",
+          "default": "./bundlers/node.cjs"
+        },
+        "default": {
+          "types": "./bundlers/node.d.ts",
+          "default": "./bundlers/node.mjs"
+        }
+      },
+      "default": {
+        "types": "./bundlers/wasm-module.d.ts",
+        "default": "./bundlers/vite.mjs"
+      }
     },
     "./takumi_wasm_bg.wasm": {
       "types": "./pkg/takumi_wasm_bg.wasm.d.ts",
       "default": "./pkg/takumi_wasm_bg.wasm"
     },
     "./next": {
-      "types": "./bundlers/next.d.ts",
+      "types": "./bundlers/wasm-module.d.ts",
       "default": "./bundlers/next.mjs"
     },
     "./vite": {
@@ -83,21 +110,22 @@
     }
   },
   "scripts": {
-    "build": "wasm-pack build --no-pack --release --out-dir pkg --target web && bun build:js && bun scripts/patch-generated-loader.ts",
+    "build": "wasm-pack build --no-pack --release --out-dir pkg --target web && bun build:js",
     "build:js": "tsdown",
-    "build:debug": "wasm-pack build --no-pack --dev --out-dir pkg --target web && bun build:js && bun scripts/patch-generated-loader.ts",
-    "prepublishOnly": "jq '.dependencies[\"@takumi-rs/helpers\"] = .version' package.json > tmp.json && mv tmp.json package.json",
+    "build:debug": "wasm-pack build --no-pack --dev --out-dir pkg --target web && bun build:js",
     "publish-lint": "attw --pack . && publint --strict ."
   },
   "dependencies": {
-    "@takumi-rs/helpers": "2.0.0-beta.1"
+    "@takumi-rs/helpers": "2.0.0-beta.11"
   },
   "devDependencies": {
-    "@types/bun": "catalog:",
+    "@types/bun": "^1.3.14",
     "csstype": "^3.2.3",
-    "tsdown": "catalog:",
-    "typescript": "catalog:",
-    "unrun": "catalog:"
+    "tsdown": "^0.22.3",
+    "unrun": "^0.3.1"
+  },
+  "engines": {
+    "node": ">=18"
   },
   "readme": "README.md"
 }

package/bundlers/type.d.ts

@@ -1,3 +0,0 @@
-declare const wasmModule: WebAssembly.Module;
-
-export default wasmModule;