@takumi-rs/image-response 0.49.1 → 0.50.0

package/README.md

@@ -92,20 +92,18 @@ If you want to use this package in browser environment/cloudflare, you can impor
 
 Make sure you have the `@takumi-rs/wasm` package installed as well.
 
+Check the additional [bundler setup section](https://takumi.kane.tw/docs#additional-bundler-setup) for more setup details.
+
 ```tsx
 import { describe, expect, test } from "bun:test";
-import { ImageResponse, initWasm } from "@takumi-rs/image-response/wasm";
-
-// Or with bundler specific WASM resolution process,
-// like cloudflare workers can be configured with wrangler.toml.
-await initWasm(fetch(import.meta.resolve("@takumi-rs/wasm/takumi_wasm_bg.wasm")));
-
-// For Next.js Runtime, you can use the bundled WASM file.
-await initWasm(import("@takumi-rs/wasm/next"));
+import { ImageResponse } from "@takumi-rs/image-response/wasm";
+import module from "@takumi-rs/wasm/next";
 
 export default {
   fetch() {
-    return new ImageResponse(<div>Hello</div>);
+    return new ImageResponse(<div>Hello</div>, {
+      module,
+    });
   }
 }
 ```

package/dist/wasm.cjs

@@ -1 +1 @@
-"use strict";var R=Object.create;var o=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var O=(e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of l(t))!h.call(e,r)&&r!==n&&o(e,r,{get:()=>t[r],enumerable:!(s=y(t,r))||s.enumerable});return e};var W=(e,t,n)=>(n=e!=null?R(w(e)):{},f(t||!e||!e.__esModule?o(n,"default",{value:e,enumerable:!0}):n,e)),S=e=>f(o({},"__esModule",{value:!0}),e);var z={};O(z,{ImageResponse:()=>c,default:()=>j,initWasm:()=>N,initWasmSync:()=>A});module.exports=S(z);var u=require("@takumi-rs/helpers/jsx"),a=W(require("@takumi-rs/wasm"),1),p,x=new WeakSet,P=new WeakSet;function F(e){if(e&&"renderer"in e)return e.renderer;if(p??=new a.Renderer,e?.fonts)for(let t of e.fonts)b(t,p);if(e?.persistentImages)for(let t of e.persistentImages)M(t,p);return p}function b(e,t){x.has(e)||t.loadFont(e)}function M(e,t){P.has(e)||t.putPersistentImage(e.src,new Uint8Array(e.data))}var k={format:"webp"};function B(e,t={...k}){return new ReadableStream({async start(n){try{let s=F(t),r=await(0,u.fromJsx)(e);if(!t.fetchedResources){let d=(0,a.collectNodeFetchTasks)(r);d.length>0&&(t.fetchedResources=new Map(await Promise.all(d.map(async m=>[m,await fetch(m).then(I=>I.arrayBuffer())]))))}let g=s.render(r,t);n.enqueue(g),n.close()}catch(s){n.error(s)}}})}var T={png:"image/png",jpeg:"image/jpeg",webp:"image/webp"},i=!1,c=class extends Response{constructor(t,n){if(!i)throw new Error("WASM is not initialized, please call `initWasm` or `initWasmSync` first.");let s=B(t,n),r=new Headers(n?.headers);r.get("content-type")||r.set("content-type",T[n?.format??"webp"]),super(s,{status:n?.status,statusText:n?.statusText,headers:r})}};async function N(e){i||(i=!0,await(0,a.default)({module_or_path:e}))}function A(e){i||((0,a.initSync)({module:e}),i=!0)}var j=c;0&&(module.exports={ImageResponse,initWasm,initWasmSync});
+"use strict";var I=Object.create;var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var O=(e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of y(t))!h.call(e,s)&&s!==n&&o(e,s,{get:()=>t[s],enumerable:!(r=l(t,s))||r.enumerable});return e};var M=(e,t,n)=>(n=e!=null?I(w(e)):{},f(t||!e||!e.__esModule?o(n,"default",{value:e,enumerable:!0}):n,e)),P=e=>f(o({},"__esModule",{value:!0}),e);var S={};O(S,{ImageResponse:()=>p,default:()=>N});module.exports=P(S);var m=require("@takumi-rs/helpers/jsx"),a=M(require("@takumi-rs/wasm"),1),i,b=new WeakSet,x=new WeakSet;function F(e){if(e&&"renderer"in e)return e.renderer;if(i??=new a.Renderer,e?.fonts)for(let t of e.fonts)W(t,i);if(e?.persistentImages)for(let t of e.persistentImages)k(t,i);return i}function W(e,t){b.has(e)||t.loadFont(e)}function k(e,t){x.has(e)||t.putPersistentImage(e.src,new Uint8Array(e.data))}function B(e,t){return t.format??="webp",new ReadableStream({async start(n){try{let r=await t.module;typeof r=="object"&&"default"in r&&(r=r.default),await(0,a.default)({module_or_path:r});let s=F(t),d=await(0,m.fromJsx)(e);if(!t.fetchedResources){let c=(0,a.collectNodeFetchTasks)(d);c.length>0&&(t.fetchedResources=new Map(await Promise.all(c.map(async u=>[u,await fetch(u).then(R=>R.arrayBuffer())]))))}let g=s.render(d,t);n.enqueue(g),n.close()}catch(r){n.error(r)}}})}var T={png:"image/png",jpeg:"image/jpeg",webp:"image/webp"},p=class extends Response{constructor(t,n){let r=B(t,n),s=new Headers(n?.headers);s.get("content-type")||s.set("content-type",T[n?.format??"webp"]),super(r,{status:n?.status,statusText:n?.statusText,headers:s})}},N=p;0&&(module.exports={ImageResponse});

package/dist/wasm.d.cts

@@ -1,4 +1,4 @@
-import { RenderOptions, Renderer, Font, ByteBuf, InitInput, SyncInitInput } from '@takumi-rs/wasm';
+import { RenderOptions, InitInput, Renderer, Font, ByteBuf } from '@takumi-rs/wasm';
 import { ReactNode } from 'react';
 
 type PersistentImage = {
@@ -10,18 +10,47 @@ declare module "react" {
         tw?: string;
     }
 }
-type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
+type ModuleOptions = {
+    /**
+     * @description The WebAssembly module to use for the renderer.
+     *
+     * @example
+     * For Cloudflare Workers, you can use the bundled WASM file.
+     * ```ts
+     * {
+     *   module: import("@takumi-rs/wasm/takumi_wasm_bg.wasm"),
+     * }
+     * ```
+     *
+     * For Next.js Turbopack, you can use the nextjs helper.
+     * ```ts
+     * {
+     *   module: import("@takumi-rs/wasm/next"),
+     * }
+     * ```
+     *
+     * For Vite, use `?url` suffix to get the URL of the WASM file.
+     *
+     * ```ts
+     * {
+     *   module: import("@takumi-rs/wasm/takumi_wasm_bg.wasm?url"),
+     * }
+     * ```
+     */
+    module: InitInput | Promise<InitInput> | {
+        default: InitInput;
+    };
+};
+type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & ModuleOptions & {
     renderer: Renderer;
 };
-type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & {
+type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & ModuleOptions & {
     fonts?: Font[];
     persistentImages?: PersistentImage[];
 };
 type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;
 declare class ImageResponse extends Response {
-    constructor(component: ReactNode, options?: ImageResponseOptions);
+    constructor(component: ReactNode, options: ImageResponseOptions);
 }
-declare function initWasm(source: Promise<InitInput> | InitInput): Promise<void>;
-declare function initWasmSync(source: SyncInitInput): void;
 
-export { ImageResponse, type ImageResponseOptions, ImageResponse as default, initWasm, initWasmSync };
+export { ImageResponse, type ImageResponseOptions, ImageResponse as default };

package/dist/wasm.d.ts

@@ -1,4 +1,4 @@
-import { RenderOptions, Renderer, Font, ByteBuf, InitInput, SyncInitInput } from '@takumi-rs/wasm';
+import { RenderOptions, InitInput, Renderer, Font, ByteBuf } from '@takumi-rs/wasm';
 import { ReactNode } from 'react';
 
 type PersistentImage = {
@@ -10,18 +10,47 @@ declare module "react" {
         tw?: string;
     }
 }
-type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
+type ModuleOptions = {
+    /**
+     * @description The WebAssembly module to use for the renderer.
+     *
+     * @example
+     * For Cloudflare Workers, you can use the bundled WASM file.
+     * ```ts
+     * {
+     *   module: import("@takumi-rs/wasm/takumi_wasm_bg.wasm"),
+     * }
+     * ```
+     *
+     * For Next.js Turbopack, you can use the nextjs helper.
+     * ```ts
+     * {
+     *   module: import("@takumi-rs/wasm/next"),
+     * }
+     * ```
+     *
+     * For Vite, use `?url` suffix to get the URL of the WASM file.
+     *
+     * ```ts
+     * {
+     *   module: import("@takumi-rs/wasm/takumi_wasm_bg.wasm?url"),
+     * }
+     * ```
+     */
+    module: InitInput | Promise<InitInput> | {
+        default: InitInput;
+    };
+};
+type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & ModuleOptions & {
     renderer: Renderer;
 };
-type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & {
+type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & ModuleOptions & {
     fonts?: Font[];
     persistentImages?: PersistentImage[];
 };
 type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;
 declare class ImageResponse extends Response {
-    constructor(component: ReactNode, options?: ImageResponseOptions);
+    constructor(component: ReactNode, options: ImageResponseOptions);
 }
-declare function initWasm(source: Promise<InitInput> | InitInput): Promise<void>;
-declare function initWasmSync(source: SyncInitInput): void;
 
-export { ImageResponse, type ImageResponseOptions, ImageResponse as default, initWasm, initWasmSync };
+export { ImageResponse, type ImageResponseOptions, ImageResponse as default };

package/dist/wasm.js

@@ -1 +1 @@
-import{fromJsx as f}from"@takumi-rs/helpers/jsx";import u,{collectNodeFetchTasks as g,initSync as I,Renderer as R}from"@takumi-rs/wasm";var i,y=new WeakSet,l=new WeakSet;function w(e){if(e&&"renderer"in e)return e.renderer;if(i??=new R,e?.fonts)for(let t of e.fonts)h(t,i);if(e?.persistentImages)for(let t of e.persistentImages)O(t,i);return i}function h(e,t){y.has(e)||t.loadFont(e)}function O(e,t){l.has(e)||t.putPersistentImage(e.src,new Uint8Array(e.data))}var W={format:"webp"};function S(e,t={...W}){return new ReadableStream({async start(n){try{let s=w(t),r=await f(e);if(!t.fetchedResources){let p=g(r);p.length>0&&(t.fetchedResources=new Map(await Promise.all(p.map(async c=>[c,await fetch(c).then(m=>m.arrayBuffer())]))))}let d=s.render(r,t);n.enqueue(d),n.close()}catch(s){n.error(s)}}})}var x={png:"image/png",jpeg:"image/jpeg",webp:"image/webp"},a=!1,o=class extends Response{constructor(t,n){if(!a)throw new Error("WASM is not initialized, please call `initWasm` or `initWasmSync` first.");let s=S(t,n),r=new Headers(n?.headers);r.get("content-type")||r.set("content-type",x[n?.format??"webp"]),super(s,{status:n?.status,statusText:n?.statusText,headers:r})}};async function b(e){a||(a=!0,await u({module_or_path:e}))}function M(e){a||(I({module:e}),a=!0)}var k=o;export{o as ImageResponse,k as default,b as initWasm,M as initWasmSync};
+import{fromJsx as f}from"@takumi-rs/helpers/jsx";import m,{collectNodeFetchTasks as g,Renderer as R}from"@takumi-rs/wasm";var a,I=new WeakSet,l=new WeakSet;function y(e){if(e&&"renderer"in e)return e.renderer;if(a??=new R,e?.fonts)for(let t of e.fonts)w(t,a);if(e?.persistentImages)for(let t of e.persistentImages)h(t,a);return a}function w(e,t){I.has(e)||t.loadFont(e)}function h(e,t){l.has(e)||t.putPersistentImage(e.src,new Uint8Array(e.data))}function O(e,t){return t.format??="webp",new ReadableStream({async start(n){try{let r=await t.module;typeof r=="object"&&"default"in r&&(r=r.default),await m({module_or_path:r});let s=y(t),i=await f(e);if(!t.fetchedResources){let p=g(i);p.length>0&&(t.fetchedResources=new Map(await Promise.all(p.map(async d=>[d,await fetch(d).then(u=>u.arrayBuffer())]))))}let c=s.render(i,t);n.enqueue(c),n.close()}catch(r){n.error(r)}}})}var M={png:"image/png",jpeg:"image/jpeg",webp:"image/webp"},o=class extends Response{constructor(t,n){let r=O(t,n),s=new Headers(n?.headers);s.get("content-type")||s.set("content-type",M[n?.format??"webp"]),super(r,{status:n?.status,statusText:n?.statusText,headers:s})}},x=o;export{o as ImageResponse,x as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@takumi-rs/image-response",
   "type": "module",
-  "version": "0.49.1",
+  "version": "0.50.0",
   "author": {
     "email": "me@kane.tw",
     "name": "Kane Wang",
@@ -11,17 +11,17 @@
     "url": "git+https://github.com/kane50613/takumi.git"
   },
   "dependencies": {
-    "@takumi-rs/core": "0.49.1",
-    "@takumi-rs/helpers": "0.49.1",
-    "@takumi-rs/wasm": "0.49.1"
+    "@takumi-rs/core": "0.50.0",
+    "@takumi-rs/helpers": "0.50.0",
+    "@takumi-rs/wasm": "0.50.0"
   },
   "devDependencies": {
     "@types/bun": "catalog:",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
+    "@types/react": "catalog:",
+    "@types/react-dom": "^19.2.3",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "tsup": "^8.5.0",
+    "tsup": "^8.5.1",
     "type-fest": "^5.2.0",
     "typescript": "catalog:"
   },