@takumi-rs/image-response 0.29.2 → 0.29.4

package/dist/index.cjs

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

package/dist/index.d.cts

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

package/dist/index.d.ts

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

package/dist/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@takumi-rs/image-response",
   "type": "module",
-  "version": "0.29.2",
+  "version": "0.29.4",
   "author": {
     "email": "me@kane.tw",
     "name": "Kane Wang",
@@ -26,6 +26,12 @@
   "scripts": {
     "build": "tsup-node src/index.ts --minify --dts --format esm,cjs --no-splitting"
   },
+  "files": [
+    "dist",
+    "package.json",
+    "README.md",
+    "tsconfig.json"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/src/index.ts

@@ -1,74 +0,0 @@
-import { Renderer, type RenderOptions } from "@takumi-rs/core";
-import { fromJsx } from "@takumi-rs/helpers/jsx";
-import type { HeadersInit } from "bun";
-import type { ReactNode } from "react";
-
-const renderer = new Renderer();
-
-const fontLoadMarker = new WeakSet<Font>();
-
-export type Font = Parameters<typeof renderer.loadFontAsync>[0];
-
-export type ImageResponseOptions = RenderOptions &
-  ResponseInit & {
-    headers?: HeadersInit;
-    signal?: AbortSignal;
-    fonts?: Font[];
-  };
-
-const defaultOptions: ImageResponseOptions = {
-  width: 1200,
-  height: 630,
-  format: "webp",
-};
-
-export function loadFonts(fonts: Font[]) {
-  const fontsToLoad = fonts.filter((font) => !fontLoadMarker.has(font));
-
-  for (const font of fontsToLoad) {
-    fontLoadMarker.add(font);
-  }
-
-  return renderer.loadFontsAsync(fontsToLoad);
-}
-
-function createStream(component: ReactNode, options?: ImageResponseOptions) {
-  return new ReadableStream({
-    async start(controller) {
-      try {
-        if (options?.fonts) await loadFonts(options.fonts);
-
-        const node = await fromJsx(component);
-        const image = await renderer.renderAsync(
-          node,
-          options ?? defaultOptions,
-          options?.signal,
-        );
-
-        controller.enqueue(image);
-        controller.close();
-      } catch (error) {
-        controller.error(error);
-      }
-    },
-  });
-}
-
-export default class ImageResponse extends Response {
-  constructor(component: ReactNode, options?: ImageResponseOptions) {
-    const stream = createStream(component, options);
-    const headers = new Headers(options?.headers);
-
-    headers.set("Content-Type", "image/webp");
-
-    if (!headers.get("cache-control")) {
-      headers.set("cache-control", "public, max-age=0, must-revalidate");
-    }
-
-    super(stream, {
-      status: options?.status,
-      statusText: options?.statusText,
-      headers,
-    });
-  }
-}

package/tests/image-response.test.tsx

@@ -1,13 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import ImageResponse from "../src";
-
-describe("ImageResponse", () => {
-  test("should not crash", async () => {
-    const response = new ImageResponse(<div>Hello</div>);
-
-    expect(response.status).toBe(200);
-    expect(response.headers.get("content-type")).toBe("image/webp");
-
-    expect(await response.arrayBuffer()).toBeDefined();
-  });
-});