@takumi-rs/image-response 0.29.7 → 0.30.0

package/README.md

@@ -71,3 +71,15 @@ export function GET(request: Request) {
   return new ImageResponse(<OgImage />, { fonts });
 }
 ```
+
+### Bring-Your-Own-Renderer (BYOR)
+
+If you want to use your own renderer instance, you can pass it to the `ImageResponse` constructor.
+
+```tsx
+import { Renderer } from "@takumi-rs/core";
+
+const renderer = new Renderer();
+
+new ImageResponse(<OgImage />, { renderer });
+```

package/dist/index.cjs

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

package/dist/index.d.cts

@@ -1,17 +1,16 @@
-import { RenderOptions, Renderer } from '@takumi-rs/core';
-import { HeadersInit } from 'bun';
+import { RenderOptions, Renderer, ConstructRendererOptions } from '@takumi-rs/core';
 import { ReactNode } from 'react';
 
-declare const renderer: Renderer;
-type Font = Parameters<typeof renderer.loadFontAsync>[0];
-type ImageResponseOptions = RenderOptions & ResponseInit & {
-    headers?: HeadersInit;
+type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
+    renderer: Renderer;
     signal?: AbortSignal;
-    fonts?: Font[];
 };
-declare function loadFonts(fonts: Font[]): Promise<number>;
+type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & ConstructRendererOptions & {
+    signal?: AbortSignal;
+};
+type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;
 declare class ImageResponse extends Response {
     constructor(component: ReactNode, options?: ImageResponseOptions);
 }
 
-export { type Font, ImageResponse, type ImageResponseOptions, ImageResponse as default, loadFonts };
+export { ImageResponse, type ImageResponseOptions, ImageResponse as default };

package/dist/index.d.ts

@@ -1,17 +1,16 @@
-import { RenderOptions, Renderer } from '@takumi-rs/core';
-import { HeadersInit } from 'bun';
+import { RenderOptions, Renderer, ConstructRendererOptions } from '@takumi-rs/core';
 import { ReactNode } from 'react';
 
-declare const renderer: Renderer;
-type Font = Parameters<typeof renderer.loadFontAsync>[0];
-type ImageResponseOptions = RenderOptions & ResponseInit & {
-    headers?: HeadersInit;
+type ImageResponseOptionsWithRenderer = ResponseInit & RenderOptions & {
+    renderer: Renderer;
     signal?: AbortSignal;
-    fonts?: Font[];
 };
-declare function loadFonts(fonts: Font[]): Promise<number>;
+type ImageResponseOptionsWithoutRenderer = ResponseInit & RenderOptions & ConstructRendererOptions & {
+    signal?: AbortSignal;
+};
+type ImageResponseOptions = ImageResponseOptionsWithRenderer | ImageResponseOptionsWithoutRenderer;
 declare class ImageResponse extends Response {
     constructor(component: ReactNode, options?: ImageResponseOptions);
 }
 
-export { type Font, ImageResponse, type ImageResponseOptions, ImageResponse as default, loadFonts };
+export { ImageResponse, type ImageResponseOptions, ImageResponse as default };

package/dist/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@takumi-rs/image-response",
   "type": "module",
-  "version": "0.29.7",
+  "version": "0.30.0",
   "author": {
     "email": "me@kane.tw",
     "name": "Kane Wang",
@@ -39,5 +39,6 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     }
-  }
+  },
+  "license": "(MIT OR Apache-2.0)"
 }

package/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     // Environment setup & latest features
-    "lib": ["ESNext"],
+    "lib": ["ESNext", "DOM"],
     "target": "ESNext",
     "module": "Preserve",
     "moduleDetection": "force",