@takumi-rs/image-response 0.40.1 → 0.41.0

package/README.md

@@ -83,3 +83,31 @@ const renderer = new Renderer();
 
 new ImageResponse(<OgImage />, { renderer });
 ```
+
+---
+
+## WASM Usage
+
+If you want to use this package in browser environment/cloudflare, you can import from the wasm entry point.
+
+Make sure you have the `@takumi-rs/wasm` package installed as well.
+
+```tsx
+import { describe, expect, test } from "bun:test";
+import init from "@takumi-rs/wasm";
+import ImageResponse from "@takumi-rs/image-response/wasm";
+
+// Or with bundler specific WASM resolution process,
+// like cloudflare workers can be configured with wrangler.toml.
+await init({
+  module_or_path: fetch(
+    import.meta.resolve("@takumi-rs/wasm/takumi_wasm_bg.wasm"),
+  ),
+});
+
+export default {
+  fetch() {
+    return new ImageResponse(<div>Hello</div>);
+  }
+}
+```

package/dist/node.cjs

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var I=(t,e)=>{for(var n in e)i(t,n,{get:e[n],enumerable:!0})},w=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of R(e))!u.call(t,s)&&s!==n&&i(t,s,{get:()=>e[s],enumerable:!(r=c(e,s))||r.enumerable});return t};var O=t=>w(i({},"__esModule",{value:!0}),t);var F={};I(F,{ImageResponse:()=>o,default:()=>S});module.exports=O(F);var g=require("@takumi-rs/core"),f=require("@takumi-rs/helpers/jsx"),a,p=new WeakSet,d=new WeakSet,y={width:1200,height:630,format:"webp"};async function h(t){if(t&&"renderer"in t)return t.renderer;if(!a){if(a=new g.Renderer(t),t?.fonts)for(let e of t.fonts)p.add(e);if(t?.persistentImages)for(let e of t.persistentImages)d.add(e);return a}return await l(a,t),a}async function l(t,e){if(await b(t,e?.fonts??[]),e?.persistentImages)for(let n of e.persistentImages)await W(t,n)}function b(t,e){let n=e.filter(r=>!p.has(r));for(let r of n)p.add(r);return t.loadFonts(n)}function W(t,e){if(!d.has(e))return d.add(e),t.putPersistentImage(e.src,e.data)}function x(t,e){return new ReadableStream({async start(n){try{let r=await h(e),s=await(0,f.fromJsx)(t),m=await r.render(s,e??y,e?.signal);n.enqueue(m),n.close()}catch(r){n.error(r)}}})}var P={webp:"image/webp",avif:"image/avif",png:"image/png",jpeg:"image/jpeg",WebP:"image/webp",Jpeg:"image/jpeg",Png:"image/png",Avif:"image/avif",raw:"application/octet-stream"},o=class extends Response{constructor(e,n){let r=x(e,n),s=new Headers(n?.headers);s.get("content-type")||s.set("content-type",P[n?.format??"webp"]),super(r,{status:n?.status,statusText:n?.statusText,headers:s})}},S=o;0&&(module.exports={ImageResponse});

package/dist/node.js

@@ -0,0 +1 @@
+import{Renderer as g}from"@takumi-rs/core";import{fromJsx as f}from"@takumi-rs/helpers/jsx";var a,o=new WeakSet,i=new WeakSet,m={width:1200,height:630,format:"webp"};async function c(t){if(t&&"renderer"in t)return t.renderer;if(!a){if(a=new g(t),t?.fonts)for(let e of t.fonts)o.add(e);if(t?.persistentImages)for(let e of t.persistentImages)i.add(e);return a}return await R(a,t),a}async function R(t,e){if(await u(t,e?.fonts??[]),e?.persistentImages)for(let n of e.persistentImages)await I(t,n)}function u(t,e){let n=e.filter(r=>!o.has(r));for(let r of n)o.add(r);return t.loadFonts(n)}function I(t,e){if(!i.has(e))return i.add(e),t.putPersistentImage(e.src,e.data)}function w(t,e){return new ReadableStream({async start(n){try{let r=await c(e),s=await f(t),d=await r.render(s,e??m,e?.signal);n.enqueue(d),n.close()}catch(r){n.error(r)}}})}var O={webp:"image/webp",avif:"image/avif",png:"image/png",jpeg:"image/jpeg",WebP:"image/webp",Jpeg:"image/jpeg",Png:"image/png",Avif:"image/avif",raw:"application/octet-stream"},p=class extends Response{constructor(e,n){let r=w(e,n),s=new Headers(n?.headers);s.get("content-type")||s.set("content-type",O[n?.format??"webp"]),super(r,{status:n?.status,statusText:n?.statusText,headers:s})}},l=p;export{p as ImageResponse,l as default};

package/dist/wasm.cjs

@@ -0,0 +1 @@
+"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var n in t)p(e,n,{get:t[n],enumerable:!0})},u=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of g(t))!f.call(e,r)&&r!==n&&p(e,r,{get:()=>t[r],enumerable:!(s=c(t,r))||s.enumerable});return e};var I=e=>u(p({},"__esModule",{value:!0}),e);var k={};R(k,{ImageResponse:()=>o,default:()=>b});module.exports=I(k);var i=require("@takumi-rs/helpers/jsx"),d=require("@takumi-rs/wasm"),a,y=new WeakSet,O=new WeakSet;function h(e){if(e&&"renderer"in e)return e.renderer;if(a??=new d.Renderer,e?.fonts)for(let t of e.fonts)w(t,a);if(e?.persistentImages)for(let t of e.persistentImages)x(t,a);return a}function w(e,t){y.has(e)||t.loadFont(e)}function x(e,t){O.has(e)||t.putPersistentImage(e.src,new Uint8Array(e.data))}var F={width:1200,height:630,format:"webp"};function P(e,t){return new ReadableStream({async start(n){try{let s=h(t),r=await(0,i.fromJsx)(e),m=s.render(r,t??F);n.enqueue(m),n.close()}catch(s){n.error(s)}}})}var W={png:"image/png",jpeg:"image/jpeg",webp:"image/webp"},o=class extends Response{constructor(t,n){let s=P(t,n),r=new Headers(n?.headers);r.get("content-type")||r.set("content-type",W[n?.format??"webp"]),super(s,{status:n?.status,statusText:n?.statusText,headers:r})}},b=o;0&&(module.exports={ImageResponse});

package/dist/wasm.d.cts

@@ -0,0 +1,20 @@
+import { RenderOptions, Renderer, Font, ByteBuf } from '@takumi-rs/wasm';
+import { ReactNode } from 'react';
+
+type PersistentImage = {
+    src: string;
+    data: ByteBuf;
+};
+type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
+    renderer: Renderer;
+};
+type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & {
+    fonts?: Font[];
+    persistentImages?: PersistentImage[];
+};
+type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;
+declare class ImageResponse extends Response {
+    constructor(component: ReactNode, options?: ImageResponseOptions);
+}
+
+export { ImageResponse, type ImageResponseOptions, ImageResponse as default };

package/dist/wasm.d.ts

@@ -0,0 +1,20 @@
+import { RenderOptions, Renderer, Font, ByteBuf } from '@takumi-rs/wasm';
+import { ReactNode } from 'react';
+
+type PersistentImage = {
+    src: string;
+    data: ByteBuf;
+};
+type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
+    renderer: Renderer;
+};
+type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & {
+    fonts?: Font[];
+    persistentImages?: PersistentImage[];
+};
+type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;
+declare class ImageResponse extends Response {
+    constructor(component: ReactNode, options?: ImageResponseOptions);
+}
+
+export { ImageResponse, type ImageResponseOptions, ImageResponse as default };

package/dist/wasm.js

@@ -0,0 +1 @@
+import{fromJsx as i}from"@takumi-rs/helpers/jsx";import{Renderer as d}from"@takumi-rs/wasm";var a,m=new WeakSet,c=new WeakSet;function g(e){if(e&&"renderer"in e)return e.renderer;if(a??=new d,e?.fonts)for(let t of e.fonts)f(t,a);if(e?.persistentImages)for(let t of e.persistentImages)R(t,a);return a}function f(e,t){m.has(e)||t.loadFont(e)}function R(e,t){c.has(e)||t.putPersistentImage(e.src,new Uint8Array(e.data))}var u={width:1200,height:630,format:"webp"};function I(e,t){return new ReadableStream({async start(n){try{let r=g(t),s=await i(e),p=r.render(s,t??u);n.enqueue(p),n.close()}catch(r){n.error(r)}}})}var y={png:"image/png",jpeg:"image/jpeg",webp:"image/webp"},o=class extends Response{constructor(t,n){let r=I(t,n),s=new Headers(n?.headers);s.get("content-type")||s.set("content-type",y[n?.format??"webp"]),super(r,{status:n?.status,statusText:n?.statusText,headers:s})}},w=o;export{o as ImageResponse,w as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@takumi-rs/image-response",
   "type": "module",
-  "version": "0.40.1",
+  "version": "0.41.0",
   "author": {
     "email": "me@kane.tw",
     "name": "Kane Wang",
@@ -11,23 +11,26 @@
     "url": "git+https://github.com/kane50613/takumi.git"
   },
   "peerDependencies": {
-    "@takumi-rs/core": "0.40.1",
-    "@takumi-rs/helpers": "0.40.1"
+    "@takumi-rs/core": "0.41.0",
+    "@takumi-rs/wasm": "0.41.0",
+    "@takumi-rs/helpers": "0.41.0"
   },
   "devDependencies": {
     "@takumi-rs/core": "workspace:*",
     "@takumi-rs/helpers": "workspace:*",
+    "@takumi-rs/wasm": "workspace:*",
     "@types/bun": "catalog:",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tsup": "^8.5.0",
+    "type-fest": "^5.1.0",
     "typescript": "catalog:"
   },
   "scripts": {
-    "version": "jq '.peerDependencies[\"@takumi-rs/core\"] = .version | .peerDependencies[\"@takumi-rs/helpers\"] = .version' package.json > tmp.json && mv tmp.json package.json",
-    "build": "tsup-node src/index.ts --minify --dts --format esm,cjs --no-splitting"
+    "version": "jq '.peerDependencies[\"@takumi-rs/core\"] = .version | .peerDependencies[\"@takumi-rs/helpers\"] = .version | .peerDependencies[\"@takumi-rs/wasm\"] = .version' package.json > tmp.json && mv tmp.json package.json",
+    "build": "tsup-node src/backends/*.ts --minify --dts --format esm,cjs --no-splitting"
   },
   "files": [
     "dist",
@@ -37,10 +40,16 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      "types": "./dist/node.d.ts",
+      "import": "./dist/node.js",
+      "require": "./dist/node.cjs",
+      "default": "./dist/node.js"
+    },
+    "./wasm": {
+      "types": "./dist/wasm.d.ts",
+      "import": "./dist/wasm.js",
+      "require": "./dist/wasm.cjs",
+      "default": "./dist/wasm.js"
     }
   },
   "license": "(MIT OR Apache-2.0)"

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var I=(t,e)=>{for(var n in e)i(t,n,{get:e[n],enumerable:!0})},w=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of R(e))!u.call(t,r)&&r!==n&&i(t,r,{get:()=>e[r],enumerable:!(s=m(e,r))||s.enumerable});return t};var y=t=>w(i({},"__esModule",{value:!0}),t);var v={};I(v,{ImageResponse:()=>o,default:()=>S});module.exports=y(v);var c=require("@takumi-rs/core"),g=require("@takumi-rs/helpers/jsx"),a,p=new WeakSet,d=new WeakSet,O={width:1200,height:630,format:"webp"};async function l(t){if(t&&"renderer"in t)return t.renderer;if(!a){if(a=new c.Renderer(t),t?.fonts)for(let e of t.fonts)p.add(e);if(t?.persistentImages)for(let e of t.persistentImages)d.add(e);return a}return await h(a,t),a}async function h(t,e){if(await b(t,e?.fonts??[]),e?.persistentImages)for(let n of e.persistentImages)await x(t,n)}function b(t,e){let n=e.filter(s=>!p.has(s));for(let s of n)p.add(s);return t.loadFontsAsync(n)}function x(t,e){if(!d.has(e))return d.add(e),t.putPersistentImageAsync(e.src,e.data)}function W(t,e){return new ReadableStream({async start(n){try{let s=await l(e),r=await(0,g.fromJsx)(t),f=await s.render(r,e??O,e?.signal);n.enqueue(f),n.close()}catch(s){n.error(s)}}})}var P={webp:"image/webp",avif:"image/avif",png:"image/png",jpeg:"image/jpeg",WebP:"image/webp",Jpeg:"image/jpeg",Png:"image/png",Avif:"image/avif",raw:"application/octet-stream"},o=class extends Response{constructor(e,n){let s=W(e,n),r=new Headers(n?.headers);r.get("content-type")||r.set("content-type",P[n?.format??"webp"]),r.get("cache-control")||r.set("cache-control","public, max-age=0, must-revalidate"),super(s,{status:n?.status,statusText:n?.statusText,headers:r})}},S=o;0&&(module.exports={ImageResponse});

package/dist/index.js

@@ -1 +0,0 @@
-import{Renderer as c}from"@takumi-rs/core";import{fromJsx as g}from"@takumi-rs/helpers/jsx";var a,o=new WeakSet,i=new WeakSet,f={width:1200,height:630,format:"webp"};async function m(t){if(t&&"renderer"in t)return t.renderer;if(!a){if(a=new c(t),t?.fonts)for(let e of t.fonts)o.add(e);if(t?.persistentImages)for(let e of t.persistentImages)i.add(e);return a}return await R(a,t),a}async function R(t,e){if(await u(t,e?.fonts??[]),e?.persistentImages)for(let n of e.persistentImages)await I(t,n)}function u(t,e){let n=e.filter(r=>!o.has(r));for(let r of n)o.add(r);return t.loadFontsAsync(n)}function I(t,e){if(!i.has(e))return i.add(e),t.putPersistentImageAsync(e.src,e.data)}function w(t,e){return new ReadableStream({async start(n){try{let r=await m(e),s=await g(t),d=await r.render(s,e??f,e?.signal);n.enqueue(d),n.close()}catch(r){n.error(r)}}})}var y={webp:"image/webp",avif:"image/avif",png:"image/png",jpeg:"image/jpeg",WebP:"image/webp",Jpeg:"image/jpeg",Png:"image/png",Avif:"image/avif",raw:"application/octet-stream"},p=class extends Response{constructor(e,n){let r=w(e,n),s=new Headers(n?.headers);s.get("content-type")||s.set("content-type",y[n?.format??"webp"]),s.get("cache-control")||s.set("cache-control","public, max-age=0, must-revalidate"),super(r,{status:n?.status,statusText:n?.statusText,headers:s})}},h=p;export{p as ImageResponse,h as default};