takumi-js 1.0.13 → 1.0.15

package/dist/index.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_render = require("./render-_g6WzckI.cjs");
+const require_render = require("./render-GE_5ugLi.cjs");
 exports.render = require_render.render;

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { n as render, t as RenderOptions } from "./render-mfKqlvP8.cjs";
+import { n as RenderOptions, r as render } from "./render-8qtfnpqJ.cjs";
 import { ContainerNode, FetchResourcesOptions, ImageNode, Node, NodeAttributes, NodeMetadata, ReactElementLike, TextNode } from "@takumi-rs/helpers";
 import { AnimationFrameSource, AnimationOutputFormat, AnimationSceneSource, ConstructRendererOptions, DitheringAlgorithm, EncodeFramesOptions, Font, FontDetails, ImageSource, Keyframes, KeyframesMap, KeyframesRuleList, MeasuredNode, MeasuredTextRun, OutputFormat, RenderAnimationOptions } from "@takumi-rs/core";
 

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { n as render, t as RenderOptions } from "./render-D_xiyqZH.mjs";
+import { n as RenderOptions, r as render } from "./render-tDjGNf6b.mjs";
 import { ContainerNode, FetchResourcesOptions, ImageNode, Node, NodeAttributes, NodeMetadata, ReactElementLike, TextNode } from "@takumi-rs/helpers";
 import { AnimationFrameSource, AnimationOutputFormat, AnimationSceneSource, ConstructRendererOptions, DitheringAlgorithm, EncodeFramesOptions, Font, FontDetails, ImageSource, Keyframes, KeyframesMap, KeyframesRuleList, MeasuredNode, MeasuredTextRun, OutputFormat, RenderAnimationOptions } from "@takumi-rs/core";
 

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { t as render } from "./render-CdlW9EIh.mjs";
+import { t as render } from "./render-01YbRqd2.mjs";
 export { render };

package/dist/{render-CdlW9EIh.mjs → render-01YbRqd2.mjs}

@@ -82,7 +82,15 @@ function isNodeEnvironment() {
 //#endregion
 //#region src/render.ts
 let globalRenderer;
-function transformElement(element, options) {
+function isTakumiNode(element) {
+	if (typeof element !== "object" || element === null || !("type" in element)) return false;
+	return element.type === "container" || element.type === "text" || element.type === "image";
+}
+async function transformElement(element, options) {
+	if (isTakumiNode(element)) return {
+		node: element,
+		stylesheets: []
+	};
 	if (typeof element === "string") return fromHtml(element);
 	return fromJsx(element, options?.jsx);
 }

package/dist/{render-D_xiyqZH.d.mts → render-8qtfnpqJ.d.cts}

@@ -1,5 +1,5 @@
 import { EmojiType } from "@takumi-rs/helpers/emoji";
-import { FetchResourcesOptions, ReactElementLike } from "@takumi-rs/helpers";
+import { FetchResourcesOptions, Node, ReactElementLike } from "@takumi-rs/helpers";
 import { FromJsxOptions } from "@takumi-rs/helpers/jsx";
 import * as napi from "@takumi-rs/core";
 import * as wasm from "@takumi-rs/wasm";
@@ -37,6 +37,7 @@ type RenderOptionsWithRenderer = InnerRenderOptions & {
 };
 type RenderOptionsWithoutRenderer = Omit<RenderOptionsWithRenderer, "renderer"> & ManagedRendererOptions;
 type RenderOptions = RenderOptionsWithRenderer | RenderOptionsWithoutRenderer;
+type RenderInput = ReactNode | ReactElementLike | Node | string;
 /**
  * Renders a React element, HTML string, or Takumi node tree into an image.
  *
@@ -57,6 +58,6 @@ type RenderOptions = RenderOptionsWithRenderer | RenderOptionsWithoutRenderer;
  * @param options - Configuration for rendering, including dimensions, format, fonts, and more.
  * @returns A promise that resolves to the rendered image data (Buffer/Uint8Array).
  */
-declare function render(element: ReactNode | ReactElementLike | string, options?: RenderOptions): Promise<Uint8Array<ArrayBufferLike> | Buffer<ArrayBufferLike>>;
+declare function render(element: RenderInput, options?: RenderOptions): Promise<Uint8Array<ArrayBufferLike> | Buffer<ArrayBufferLike>>;
 //#endregion
-export { render as n, RenderOptions as t };
+export { RenderOptions as n, render as r, RenderInput as t };

package/dist/{render-_g6WzckI.cjs → render-GE_5ugLi.cjs}

@@ -83,7 +83,15 @@ function isNodeEnvironment() {
 //#endregion
 //#region src/render.ts
 let globalRenderer;
-function transformElement(element, options) {
+function isTakumiNode(element) {
+	if (typeof element !== "object" || element === null || !("type" in element)) return false;
+	return element.type === "container" || element.type === "text" || element.type === "image";
+}
+async function transformElement(element, options) {
+	if (isTakumiNode(element)) return {
+		node: element,
+		stylesheets: []
+	};
 	if (typeof element === "string") return (0, _takumi_rs_helpers_html.fromHtml)(element);
 	return (0, _takumi_rs_helpers_jsx.fromJsx)(element, options?.jsx);
 }

package/dist/{render-mfKqlvP8.d.cts → render-tDjGNf6b.d.mts}

@@ -1,5 +1,5 @@
 import { EmojiType } from "@takumi-rs/helpers/emoji";
-import { FetchResourcesOptions, ReactElementLike } from "@takumi-rs/helpers";
+import { FetchResourcesOptions, Node, ReactElementLike } from "@takumi-rs/helpers";
 import { FromJsxOptions } from "@takumi-rs/helpers/jsx";
 import * as napi from "@takumi-rs/core";
 import * as wasm from "@takumi-rs/wasm";
@@ -37,6 +37,7 @@ type RenderOptionsWithRenderer = InnerRenderOptions & {
 };
 type RenderOptionsWithoutRenderer = Omit<RenderOptionsWithRenderer, "renderer"> & ManagedRendererOptions;
 type RenderOptions = RenderOptionsWithRenderer | RenderOptionsWithoutRenderer;
+type RenderInput = ReactNode | ReactElementLike | Node | string;
 /**
  * Renders a React element, HTML string, or Takumi node tree into an image.
  *
@@ -57,6 +58,6 @@ type RenderOptions = RenderOptionsWithRenderer | RenderOptionsWithoutRenderer;
  * @param options - Configuration for rendering, including dimensions, format, fonts, and more.
  * @returns A promise that resolves to the rendered image data (Buffer/Uint8Array).
  */
-declare function render(element: ReactNode | ReactElementLike | string, options?: RenderOptions): Promise<Uint8Array<ArrayBufferLike> | Buffer<ArrayBufferLike>>;
+declare function render(element: RenderInput, options?: RenderOptions): Promise<Uint8Array<ArrayBufferLike> | Buffer<ArrayBufferLike>>;
 //#endregion
-export { render as n, RenderOptions as t };
+export { RenderOptions as n, render as r, RenderInput as t };

package/dist/response.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_render = require("./render-_g6WzckI.cjs");
+const require_render = require("./render-GE_5ugLi.cjs");
 //#region src/response/index.ts
 function mergeOptions(defaultOptions, options) {
 	if (!defaultOptions) return options;
@@ -58,21 +58,18 @@ function createImageResponse(defaultOptions) {
 			resolveReady = resolve;
 			rejectReady = reject;
 		});
-		const stream = new ReadableStream({
-			type: "bytes",
-			async start(controller) {
-				try {
-					const image = await require_render.render(element, mergedOptions);
-					controller.enqueue(image);
-					controller.close();
-					resolveReady();
-				} catch (error) {
-					controller.error(error);
-					rejectReady(error);
-					await (mergedOptions?.onError ?? defaultErrorHandler)(error);
-				}
+		const stream = new ReadableStream({ async start(controller) {
+			try {
+				const image = await require_render.render(element, mergedOptions);
+				controller.enqueue(image);
+				controller.close();
+				resolveReady();
+			} catch (error) {
+				controller.error(error);
+				rejectReady(error);
+				await (mergedOptions?.onError ?? defaultErrorHandler)(error);
 			}
-		});
+		} });
 		const headers = new Headers(mergedOptions?.headers);
 		if (!headers.get("content-type")) headers.set("content-type", contentTypeMap[mergedOptions?.format ?? "png"]);
 		const response = new Response(stream, {

package/dist/response.d.cts

@@ -1,5 +1,4 @@
-import { t as RenderOptions } from "./render-mfKqlvP8.cjs";
-import { ReactNode } from "react";
+import { n as RenderOptions, t as RenderInput } from "./render-8qtfnpqJ.cjs";
 
 //#region src/response/index.d.ts
 type ImageResponseResult = Response & {
@@ -8,7 +7,7 @@ type ImageResponseResult = Response & {
 type ImageResponseOptions = RenderOptions & ResponseInit & {
   onError?: (error: unknown) => void | Promise<void>;
 };
-type ImageResponseFactory = (component: ReactNode, options?: ImageResponseOptions) => ImageResponseResult;
+type ImageResponseFactory = (component: RenderInput, options?: ImageResponseOptions) => ImageResponseResult;
 /**
  * Creates a reusable ImageResponse factory with shared configuration.
  *
@@ -55,7 +54,7 @@ declare function createImageResponse(defaultOptions?: ImageResponseOptions): Ima
  */
 declare class ImageResponse extends Response {
   readonly ready: Promise<void>;
-  constructor(component: ReactNode, options?: ImageResponseOptions);
+  constructor(component: RenderInput, options?: ImageResponseOptions);
 }
 //#endregion
 export { ImageResponse, ImageResponse as default, ImageResponseFactory, ImageResponseOptions, ImageResponseResult, createImageResponse };

package/dist/response.d.mts

@@ -1,5 +1,4 @@
-import { t as RenderOptions } from "./render-D_xiyqZH.mjs";
-import { ReactNode } from "react";
+import { n as RenderOptions, t as RenderInput } from "./render-tDjGNf6b.mjs";
 
 //#region src/response/index.d.ts
 type ImageResponseResult = Response & {
@@ -8,7 +7,7 @@ type ImageResponseResult = Response & {
 type ImageResponseOptions = RenderOptions & ResponseInit & {
   onError?: (error: unknown) => void | Promise<void>;
 };
-type ImageResponseFactory = (component: ReactNode, options?: ImageResponseOptions) => ImageResponseResult;
+type ImageResponseFactory = (component: RenderInput, options?: ImageResponseOptions) => ImageResponseResult;
 /**
  * Creates a reusable ImageResponse factory with shared configuration.
  *
@@ -55,7 +54,7 @@ declare function createImageResponse(defaultOptions?: ImageResponseOptions): Ima
  */
 declare class ImageResponse extends Response {
   readonly ready: Promise<void>;
-  constructor(component: ReactNode, options?: ImageResponseOptions);
+  constructor(component: RenderInput, options?: ImageResponseOptions);
 }
 //#endregion
 export { ImageResponse, ImageResponse as default, ImageResponseFactory, ImageResponseOptions, ImageResponseResult, createImageResponse };

package/dist/response.mjs

@@ -1,4 +1,4 @@
-import { t as render } from "./render-CdlW9EIh.mjs";
+import { t as render } from "./render-01YbRqd2.mjs";
 //#region src/response/index.ts
 function mergeOptions(defaultOptions, options) {
 	if (!defaultOptions) return options;
@@ -54,21 +54,18 @@ function createImageResponse(defaultOptions) {
 			resolveReady = resolve;
 			rejectReady = reject;
 		});
-		const stream = new ReadableStream({
-			type: "bytes",
-			async start(controller) {
-				try {
-					const image = await render(element, mergedOptions);
-					controller.enqueue(image);
-					controller.close();
-					resolveReady();
-				} catch (error) {
-					controller.error(error);
-					rejectReady(error);
-					await (mergedOptions?.onError ?? defaultErrorHandler)(error);
-				}
+		const stream = new ReadableStream({ async start(controller) {
+			try {
+				const image = await render(element, mergedOptions);
+				controller.enqueue(image);
+				controller.close();
+				resolveReady();
+			} catch (error) {
+				controller.error(error);
+				rejectReady(error);
+				await (mergedOptions?.onError ?? defaultErrorHandler)(error);
 			}
-		});
+		} });
 		const headers = new Headers(mergedOptions?.headers);
 		if (!headers.get("content-type")) headers.set("content-type", contentTypeMap[mergedOptions?.format ?? "png"]);
 		const response = new Response(stream, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "takumi-js",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "All-in-one Takumi package for Node.js and WebAssembly runtimes.",
   "keywords": [
     "css",
@@ -90,9 +90,9 @@
     "test:bundlers": "bun test tests/bundlers.test.ts"
   },
   "dependencies": {
-    "@takumi-rs/core": "1.0.13",
-    "@takumi-rs/helpers": "1.0.13",
-    "@takumi-rs/wasm": "1.0.13"
+    "@takumi-rs/core": "1.0.15",
+    "@takumi-rs/helpers": "1.0.15",
+    "@takumi-rs/wasm": "1.0.15"
   },
   "devDependencies": {
     "@types/bun": "catalog:",