takumi-js 2.0.0-rc.8 → 2.0.0

package/README.md

@@ -3,8 +3,8 @@
 
 # takumi-js
 
-**All-in-one Takumi package for Node.js and WebAssembly runtimes.**  
-OG cards, banners, and lightweight animations from one Rust engine — no headless browser required.
+**Render JSX to SVG or images. Drop-in next/og replacement.**
+OG cards, banners, and lightweight animations from one Rust engine, no headless browser required.
 
 [Documentation](https://takumi.kane.tw/docs/) · [Playground](https://takumi.kane.tw/playground)
 
@@ -34,23 +34,11 @@ const image = await render(
 await writeFile("./output.png", image);
 ```
 
-## Entry points
-
-| Import                    | Description                                                             |
-| :------------------------ | :---------------------------------------------------------------------- |
-| `takumi-js`               | `render()` + all shared types                                           |
-| `takumi-js/response`      | `ImageResponse` class — drop-in compatible with `next/og`               |
-| `takumi-js/node`          | Re-exports `@takumi-rs/core` (native napi-rs bindings)                  |
-| `takumi-js/wasm`          | Re-exports `@takumi-rs/wasm` + `init()` for manual WASM initialization  |
-| `takumi-js/helpers`       | Node tree utilities (`fromJsx`, `fromHtml`, `extractEmojis`, …)         |
-| `takumi-js/helpers/jsx`   | `fromJsx` — convert a React element to a Takumi node tree + stylesheets |
-| `takumi-js/helpers/emoji` | `extractEmojis` — replace emoji characters with image nodes             |
-
 ## Runtime detection
 
 `takumi-js` selects the backend for the runtime:
 
-- **Node.js** → native `@takumi-rs/core` (napi-rs)
+- **Node.js / Bun** → native `@takumi-rs/core` (napi-rs)
 - **Next.js Edge / Cloudflare Workers / browsers** → `@takumi-rs/wasm`
 
 Override it with a `module` option on `render()`, or import `takumi-js/wasm` directly.
@@ -72,28 +60,43 @@ export function GET() {
 }
 ```
 
-### Animated WebP
+### Render SVG
 
 ```tsx
-import { Renderer } from "takumi-js/node";
-import { fromJsx } from "takumi-js/helpers/jsx";
+import { renderSvg } from "takumi-js";
 import { writeFile } from "node:fs/promises";
 
-const renderer = new Renderer();
-
-const { node, stylesheets } = await fromJsx(
-  <div tw="w-full h-full flex items-center justify-center">
-    <div tw="w-32 h-32 bg-blue-500 animate-spin rounded-lg" />
+const svg = await renderSvg(
+  <div tw="w-full h-full flex items-center justify-center bg-gradient-to-b from-blue-100 to-red-50">
+    <h1 tw="text-6xl font-bold">Hello from Takumi</h1>
   </div>,
+  { width: 1200, height: 630 },
 );
 
-const animation = await renderer.renderAnimation({
+await writeFile("./output.svg", svg);
+```
+
+### Animated WebP
+
+```tsx
+import { renderAnimation } from "takumi-js";
+import { writeFile } from "node:fs/promises";
+
+const animation = await renderAnimation({
   width: 400,
   height: 400,
   fps: 30,
   format: "webp",
-  stylesheets,
-  scenes: [{ durationMs: 1000, node }],
+  scenes: [
+    {
+      durationMs: 1000,
+      node: (
+        <div tw="w-full h-full flex items-center justify-center">
+          <div tw="w-32 h-32 bg-blue-500 animate-spin rounded-lg" />
+        </div>
+      ),
+    },
+  ],
 });
 
 await writeFile("./output.webp", animation);

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_render = require("./render-DROrjWYa.cjs");
+const require_render = require("./render-B-wtWqlt.cjs");
 exports.render = require_render.render;
 exports.renderAnimation = require_render.renderAnimation;
 exports.renderSvg = require_render.renderSvg;

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { n as renderAnimation, r as renderSvg, t as render } from "./render-DHSfgkWg.mjs";
+import { n as renderAnimation, r as renderSvg, t as render } from "./render-dwxU78no.mjs";
 export { render, renderAnimation, renderSvg };

package/dist/{render-DROrjWYa.cjs → render-B-wtWqlt.cjs}

@@ -51,13 +51,15 @@ async function resolveContent(element, options) {
 /** Resolves the render's `images` option into concrete entries via {@link prepareImages}. */
 async function collectImages(node, options) {
 	const images = options?.images;
-	const { sources, fetchCache, fetch, timeout, cache } = Array.isArray(images) ? { sources: images } : images ?? {};
+	const { sources, fetchCache, fetch, timeout, maxBytes, allowUrl, cache } = Array.isArray(images) ? { sources: images } : images ?? {};
 	const prepared = await (0, _takumi_rs_helpers.prepareImages)({
 		node,
 		sources,
 		fetchCache,
 		fetch,
 		timeout,
+		maxBytes,
+		allowUrl,
 		signal: options?.signal
 	});
 	return cache ? prepared.map((image) => ({

package/dist/{render-DHSfgkWg.mjs → render-dwxU78no.mjs}

@@ -51,13 +51,15 @@ async function resolveContent(element, options) {
 /** Resolves the render's `images` option into concrete entries via {@link prepareImages}. */
 async function collectImages(node, options) {
 	const images = options?.images;
-	const { sources, fetchCache, fetch, timeout, cache } = Array.isArray(images) ? { sources: images } : images ?? {};
+	const { sources, fetchCache, fetch, timeout, maxBytes, allowUrl, cache } = Array.isArray(images) ? { sources: images } : images ?? {};
 	const prepared = await prepareImages({
 		node,
 		sources,
 		fetchCache,
 		fetch,
 		timeout,
+		maxBytes,
+		allowUrl,
 		signal: options?.signal
 	});
 	return cache ? prepared.map((image) => ({

package/dist/response.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_render = require("./render-DROrjWYa.cjs");
+const require_render = require("./render-B-wtWqlt.cjs");
 //#region src/response/index.ts
 const contentTypeMap = {
 	png: "image/png",
@@ -22,6 +22,7 @@ function buildImageResponse(element, options) {
 		resolveReady = resolve;
 		rejectReady = reject;
 	});
+	ready.catch(() => {});
 	const stream = new ReadableStream({ async start(controller) {
 		try {
 			const image = await require_render.render(element, options);

package/dist/response.mjs

@@ -1,4 +1,4 @@
-import { t as render } from "./render-DHSfgkWg.mjs";
+import { t as render } from "./render-dwxU78no.mjs";
 //#region src/response/index.ts
 const contentTypeMap = {
 	png: "image/png",
@@ -18,6 +18,7 @@ function buildImageResponse(element, options) {
 		resolveReady = resolve;
 		rejectReady = reject;
 	});
+	ready.catch(() => {});
 	const stream = new ReadableStream({ async start(controller) {
 		try {
 			const image = await render(element, options);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "takumi-js",
-  "version": "2.0.0-rc.8",
+  "version": "2.0.0",
   "description": "All-in-one Takumi package for Node.js and WebAssembly runtimes.",
   "keywords": [
     "css",
@@ -202,9 +202,9 @@
     "publish-lint": "attw --pack . && publint --strict ."
   },
   "dependencies": {
-    "@takumi-rs/core": "2.0.0-rc.8",
-    "@takumi-rs/helpers": "2.0.0-rc.8",
-    "@takumi-rs/wasm": "2.0.0-rc.8"
+    "@takumi-rs/core": "2.0.0",
+    "@takumi-rs/helpers": "2.0.0",
+    "@takumi-rs/wasm": "2.0.0"
   },
   "devDependencies": {
     "@types/bun": "^1.3.14",