@takumi-rs/image-response 0.43.1 → 0.45.0

package/README.md

@@ -84,20 +84,6 @@ const renderer = new Renderer();
 new ImageResponse(<OgImage />, { renderer });
 ```
 
-### Tailwind
-
-Takumi supports Tailwind classes as an optional feature.
-
-```tsx
-import { createTailwindFn } from "@takumi-rs/helpers/jsx/create-tailwind-fn";
-
-new ImageResponse(<div tw="text-2xl">Hello</div>, {
-  jsx: {
-    tailwindFn: createTailwindFn(),
-  }
-});
-```
-
 ---
 
 ## WASM Usage

package/dist/node.cjs

@@ -1 +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})},O=(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 w=t=>O(i({},"__esModule",{value:!0}),t);var j={};I(j,{ImageResponse:()=>o,default:()=>P});module.exports=w(j);var g=require("@takumi-rs/core"),m=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 x(a,t),a}async function x(t,e){if(await l(t,e?.fonts??[]),e?.persistentImages)for(let n of e.persistentImages)await b(t,n)}function l(t,e){let n=e.filter(r=>!p.has(r));for(let r of n)p.add(r);return t.loadFonts(n)}function b(t,e){if(!d.has(e))return d.add(e),t.putPersistentImage(e.src,e.data)}function F(t,e){return new ReadableStream({async start(n){try{let r=await h(e),s=await(0,m.fromJsx)(t,e?.jsx),f=await r.render(s,e??y,e?.signal);n.enqueue(f),n.close()}catch(r){n.error(r)}}})}var W={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=F(e,n),s=new Headers(n?.headers);s.get("content-type")||s.set("content-type",W[n?.format??"webp"]),super(r,{status:n?.status,statusText:n?.statusText,headers:s})}},P=o;0&&(module.exports={ImageResponse});
+"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,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=m(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"),c=require("@takumi-rs/helpers/jsx"),a,p=new WeakSet,d=new WeakSet,y={width:1200,height:630,format:"webp"};async function l(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 h(a,t),a}async function h(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 l(e),s=await(0,c.fromJsx)(t),f=await r.render(s,e??y,e?.signal);n.enqueue(f),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.d.cts

@@ -1,14 +1,16 @@
 import { RenderOptions, Renderer, ConstructRendererOptions } from '@takumi-rs/core';
-import { FromJsxOptions } from '@takumi-rs/helpers/jsx';
 import { ReactNode } from 'react';
 
+declare module "react" {
+    interface DOMAttributes<T> {
+        tw?: string;
+    }
+}
 type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
-    jsx?: FromJsxOptions;
     renderer: Renderer;
     signal?: AbortSignal;
 };
 type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & ConstructRendererOptions & {
-    jsx?: FromJsxOptions;
     signal?: AbortSignal;
 };
 type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;

package/dist/node.d.ts

@@ -1,14 +1,16 @@
 import { RenderOptions, Renderer, ConstructRendererOptions } from '@takumi-rs/core';
-import { FromJsxOptions } from '@takumi-rs/helpers/jsx';
 import { ReactNode } from 'react';
 
+declare module "react" {
+    interface DOMAttributes<T> {
+        tw?: string;
+    }
+}
 type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
-    jsx?: FromJsxOptions;
     renderer: Renderer;
     signal?: AbortSignal;
 };
 type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & ConstructRendererOptions & {
-    jsx?: FromJsxOptions;
     signal?: AbortSignal;
 };
 type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;

package/dist/node.js

@@ -1 +1 @@
-import{Renderer as g}from"@takumi-rs/core";import{fromJsx as m}from"@takumi-rs/helpers/jsx";var a,o=new WeakSet,i=new WeakSet,f={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 O(t,e){return new ReadableStream({async start(n){try{let r=await c(e),s=await m(t,e?.jsx),d=await r.render(s,e??f,e?.signal);n.enqueue(d),n.close()}catch(r){n.error(r)}}})}var w={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=O(e,n),s=new Headers(n?.headers);s.get("content-type")||s.set("content-type",w[n?.format??"webp"]),super(r,{status:n?.status,statusText:n?.statusText,headers:s})}},x=p;export{p as ImageResponse,x as default};
+import{Renderer as g}from"@takumi-rs/core";import{fromJsx as c}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 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 m(e),s=await c(t),d=await r.render(s,e??f,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})}},h=p;export{p as ImageResponse,h as default};

package/dist/wasm.cjs

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

package/dist/wasm.d.cts

@@ -1,4 +1,3 @@
-import { FromJsxOptions } from '@takumi-rs/helpers/jsx';
 import { RenderOptions, Renderer, Font, ByteBuf } from '@takumi-rs/wasm';
 import { ReactNode } from 'react';
 
@@ -6,14 +5,17 @@ type PersistentImage = {
     src: string;
     data: ByteBuf;
 };
+declare module "react" {
+    interface DOMAttributes<T> {
+        tw?: string;
+    }
+}
 type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
     renderer: Renderer;
-    jsx?: FromJsxOptions;
 };
 type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & {
     fonts?: Font[];
     persistentImages?: PersistentImage[];
-    jsx?: FromJsxOptions;
 };
 type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;
 declare class ImageResponse extends Response {

package/dist/wasm.d.ts

@@ -1,4 +1,3 @@
-import { FromJsxOptions } from '@takumi-rs/helpers/jsx';
 import { RenderOptions, Renderer, Font, ByteBuf } from '@takumi-rs/wasm';
 import { ReactNode } from 'react';
 
@@ -6,14 +5,17 @@ type PersistentImage = {
     src: string;
     data: ByteBuf;
 };
+declare module "react" {
+    interface DOMAttributes<T> {
+        tw?: string;
+    }
+}
 type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
     renderer: Renderer;
-    jsx?: FromJsxOptions;
 };
 type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & {
     fonts?: Font[];
     persistentImages?: PersistentImage[];
-    jsx?: FromJsxOptions;
 };
 type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;
 declare class ImageResponse extends Response {

package/dist/wasm.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@takumi-rs/image-response",
   "type": "module",
-  "version": "0.43.1",
+  "version": "0.45.0",
   "author": {
     "email": "me@kane.tw",
     "name": "Kane Wang",
@@ -11,9 +11,9 @@
     "url": "git+https://github.com/kane50613/takumi.git"
   },
   "peerDependencies": {
-    "@takumi-rs/core": "0.43.1",
-    "@takumi-rs/wasm": "0.43.1",
-    "@takumi-rs/helpers": "0.43.1"
+    "@takumi-rs/core": "0.45.0",
+    "@takumi-rs/wasm": "0.45.0",
+    "@takumi-rs/helpers": "0.45.0"
   },
   "devDependencies": {
     "@takumi-rs/core": "workspace:*",
@@ -25,12 +25,12 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tsup": "^8.5.0",
-    "type-fest": "^5.1.0",
+    "type-fest": "^5.2.0",
     "typescript": "catalog:"
   },
   "scripts": {
     "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"
+    "build": "tsup-node src/backends/*.ts --clean --minify --dts --format esm,cjs --no-splitting"
   },
   "files": [
     "dist",