@kubb/renderer-jsx 5.0.0-beta.7 → 5.0.0-beta.8

package/dist/index.cjs

@@ -18078,7 +18078,7 @@ var Runtime = class {
 	nodes = [];
 	#container;
 	#rootNode;
-	constructor(options) {
+	constructor(options = {}) {
 		this.#options = options;
 		this.#rootNode = createNode("kubb-root");
 		this.#rootNode.onRender = this.onRender;
@@ -18153,42 +18153,6 @@ var Runtime = class {
 //#endregion
 //#region src/createRenderer.tsx
 /**
-* Create a Kubb JSX renderer.
-*
-* The renderer converts a React JSX element tree — built from the components in this
-* package — into an array of {@link FileNode} entries representing the generated files.
-*
-* @example Basic usage
-* ```ts
-* import { createRenderer, File } from '@kubb/renderer-jsx'
-*
-* const renderer = createRenderer()
-* await renderer.render(
-*   <File baseName="pet.ts" path="src/models/pet.ts">
-*     <File.Source name="Pet" isExportable isIndexable>
-*       {`export type Pet = { id: number; name: string }`}
-*     </File.Source>
-*   </File>
-* )
-* console.log(renderer.files) // [FileNode]
-* renderer.unmount()
-* ```
-*/
-function createRenderer(options = {}) {
-	const runtime = new Runtime(options);
-	return {
-		async render(Element) {
-			await runtime.render(Element);
-		},
-		get files() {
-			return runtime.nodes;
-		},
-		unmount(error) {
-			runtime.unmount(error);
-		}
-	};
-}
-/**
 * A renderer factory for generators that produce JSX output.
 *
 * Pass this as the `renderer` property of a `defineGenerator` call so that
@@ -18209,7 +18173,20 @@ function createRenderer(options = {}) {
 * })
 * ```
 */
-const jsxRenderer = () => createRenderer();
+const jsxRenderer = () => {
+	const runtime = new Runtime();
+	return {
+		async render(element) {
+			await runtime.render(element);
+		},
+		get files() {
+			return runtime.nodes;
+		},
+		unmount(error) {
+			runtime.unmount(error);
+		}
+	};
+};
 //#endregion
 exports.Const = Const;
 exports.File = File;
@@ -18218,7 +18195,6 @@ exports.Jsx = Jsx;
 exports.Root = Root;
 exports.Type = Type;
 exports.createContext = createContext;
-exports.createRenderer = createRenderer;
 exports.inject = inject;
 exports.jsxRenderer = jsxRenderer;
 exports.provide = provide;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { n as __name } from "./chunk-Bb7HlUDG.js";
 import { a as JSDoc, h as KubbReactNode, m as KubbReactElement, o as Key } from "./types-nAFMiWFw.js";
-import { ExportNode, FileNode, ImportNode, SourceNode } from "@kubb/ast";
+import * as _$_kubb_ast0 from "@kubb/ast";
+import { ExportNode, ImportNode, SourceNode } from "@kubb/ast";
 import * as _$react from "react";
 
 //#region ../../internals/utils/src/context.d.ts
@@ -519,56 +520,6 @@ declare namespace Type {
 }
 //#endregion
 //#region src/createRenderer.d.ts
-type Options = {
-  /**
-   * Print each render result to the console for debugging.
-   * Useful when diagnosing output differences between renders.
-   * @default false
-   */
-  debug?: boolean;
-};
-/**
- * The renderer instance returned by {@link createRenderer}.
- */
-type Renderer = {
-  /**
-   * Render a JSX element tree and collect the resulting {@link FileNode} entries.
-   * Resolves once all synchronous render work (including React's flush) is done.
-   */
-  render(Element: KubbReactElement): Promise<void>;
-  /**
-   * Tear down the renderer and release all React resources.
-   * Pass an `Error` to signal an abnormal shutdown.
-   */
-  unmount(error?: Error | number | null): void;
-  /**
-   * The {@link FileNode} entries collected from the most recent `render` call.
-   */
-  files: Array<FileNode>;
-};
-/**
- * Create a Kubb JSX renderer.
- *
- * The renderer converts a React JSX element tree — built from the components in this
- * package — into an array of {@link FileNode} entries representing the generated files.
- *
- * @example Basic usage
- * ```ts
- * import { createRenderer, File } from '@kubb/renderer-jsx'
- *
- * const renderer = createRenderer()
- * await renderer.render(
- *   <File baseName="pet.ts" path="src/models/pet.ts">
- *     <File.Source name="Pet" isExportable isIndexable>
- *       {`export type Pet = { id: number; name: string }`}
- *     </File.Source>
- *   </File>
- * )
- * console.log(renderer.files) // [FileNode]
- * renderer.unmount()
- * ```
- */
-declare function createRenderer(options?: Options): Renderer;
 /**
  * A renderer factory for generators that produce JSX output.
  *
@@ -590,7 +541,11 @@ declare function createRenderer(options?: Options): Renderer;
  * })
  * ```
  */
-declare const jsxRenderer: () => Renderer;
+declare const jsxRenderer: () => {
+  render(element: KubbReactElement): Promise<void>;
+  readonly files: _$_kubb_ast0.FileNode[];
+  unmount(error?: Error | number | null): void;
+};
 //#endregion
-export { Const, File, Function, Jsx, Root, Type, createContext, createRenderer, inject, jsxRenderer, provide, unprovide };
+export { Const, File, Function, Jsx, Root, Type, createContext, inject, jsxRenderer, provide, unprovide };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -18075,7 +18075,7 @@ var Runtime = class {
 	nodes = [];
 	#container;
 	#rootNode;
-	constructor(options) {
+	constructor(options = {}) {
 		this.#options = options;
 		this.#rootNode = createNode("kubb-root");
 		this.#rootNode.onRender = this.onRender;
@@ -18150,42 +18150,6 @@ var Runtime = class {
 //#endregion
 //#region src/createRenderer.tsx
 /**
-* Create a Kubb JSX renderer.
-*
-* The renderer converts a React JSX element tree — built from the components in this
-* package — into an array of {@link FileNode} entries representing the generated files.
-*
-* @example Basic usage
-* ```ts
-* import { createRenderer, File } from '@kubb/renderer-jsx'
-*
-* const renderer = createRenderer()
-* await renderer.render(
-*   <File baseName="pet.ts" path="src/models/pet.ts">
-*     <File.Source name="Pet" isExportable isIndexable>
-*       {`export type Pet = { id: number; name: string }`}
-*     </File.Source>
-*   </File>
-* )
-* console.log(renderer.files) // [FileNode]
-* renderer.unmount()
-* ```
-*/
-function createRenderer(options = {}) {
-	const runtime = new Runtime(options);
-	return {
-		async render(Element) {
-			await runtime.render(Element);
-		},
-		get files() {
-			return runtime.nodes;
-		},
-		unmount(error) {
-			runtime.unmount(error);
-		}
-	};
-}
-/**
 * A renderer factory for generators that produce JSX output.
 *
 * Pass this as the `renderer` property of a `defineGenerator` call so that
@@ -18206,8 +18170,21 @@ function createRenderer(options = {}) {
 * })
 * ```
 */
-const jsxRenderer = () => createRenderer();
+const jsxRenderer = () => {
+	const runtime = new Runtime();
+	return {
+		async render(element) {
+			await runtime.render(element);
+		},
+		get files() {
+			return runtime.nodes;
+		},
+		unmount(error) {
+			runtime.unmount(error);
+		}
+	};
+};
 //#endregion
-export { Const, File, Function$1 as Function, Jsx, Root, Type, createContext, createRenderer, inject, jsxRenderer, provide, unprovide };
+export { Const, File, Function$1 as Function, Jsx, Root, Type, createContext, inject, jsxRenderer, provide, unprovide };
 
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubb/renderer-jsx",
-  "version": "5.0.0-beta.7",
+  "version": "5.0.0-beta.8",
   "description": "JSX-based renderer for Kubb. Provides a custom React runtime, reconciler, and built-in components (File, Function, Type, Const) for component-based, type-safe code generation.",
   "keywords": [
     "codegen",
@@ -75,7 +75,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@kubb/ast": "5.0.0-beta.7"
+    "@kubb/ast": "5.0.0-beta.8"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",

package/src/Renderer.ts

@@ -178,5 +178,3 @@ export const Renderer = Reconciler({
     return null
   },
 })
-
-export type { FiberRoot } from 'react-reconciler'

package/src/Runtime.tsx

@@ -3,7 +3,7 @@ import type { FileNode } from '@kubb/ast'
 import { ConcurrentRoot } from 'react-reconciler/constants.js'
 import { Root } from './components/Root.tsx'
 import { createNode } from './dom.ts'
-import type { FiberRoot } from './Renderer.ts'
+import type { FiberRoot } from 'react-reconciler'
 import { Renderer } from './Renderer.ts'
 import type { DOMElement, KubbReactElement } from './types.ts'
 import { processFiles } from './utils.ts'
@@ -26,7 +26,7 @@ export class Runtime {
   readonly #container: FiberRoot
   readonly #rootNode: DOMElement
 
-  constructor(options: Options) {
+  constructor(options: Options = {}) {
     this.#options = options
     this.#rootNode = createNode('kubb-root')
     this.#rootNode.onRender = this.onRender

package/src/createRenderer.tsx

@@ -1,74 +1,6 @@
-import type { FileNode } from '@kubb/ast'
 import { Runtime } from './Runtime.tsx'
 import type { KubbReactElement } from './types.ts'
 
-type Options = {
-  /**
-   * Print each render result to the console for debugging.
-   * Useful when diagnosing output differences between renders.
-   * @default false
-   */
-  debug?: boolean
-}
-
-/**
- * The renderer instance returned by {@link createRenderer}.
- */
-type Renderer = {
-  /**
-   * Render a JSX element tree and collect the resulting {@link FileNode} entries.
-   * Resolves once all synchronous render work (including React's flush) is done.
-   */
-  render(Element: KubbReactElement): Promise<void>
-  /**
-   * Tear down the renderer and release all React resources.
-   * Pass an `Error` to signal an abnormal shutdown.
-   */
-  unmount(error?: Error | number | null): void
-  /**
-   * The {@link FileNode} entries collected from the most recent `render` call.
-   */
-  files: Array<FileNode>
-}
-
-/**
- * Create a Kubb JSX renderer.
- *
- * The renderer converts a React JSX element tree — built from the components in this
- * package — into an array of {@link FileNode} entries representing the generated files.
- *
- * @example Basic usage
- * ```ts
- * import { createRenderer, File } from '@kubb/renderer-jsx'
- *
- * const renderer = createRenderer()
- * await renderer.render(
- *   <File baseName="pet.ts" path="src/models/pet.ts">
- *     <File.Source name="Pet" isExportable isIndexable>
- *       {`export type Pet = { id: number; name: string }`}
- *     </File.Source>
- *   </File>
- * )
- * console.log(renderer.files) // [FileNode]
- * renderer.unmount()
- * ```
- */
-export function createRenderer(options: Options = {}): Renderer {
-  const runtime = new Runtime(options)
-
-  return {
-    async render(Element) {
-      await runtime.render(Element)
-    },
-    get files() {
-      return runtime.nodes
-    },
-    unmount(error) {
-      runtime.unmount(error)
-    },
-  }
-}
-
 /**
  * A renderer factory for generators that produce JSX output.
  *
@@ -90,4 +22,17 @@ export function createRenderer(options: Options = {}): Renderer {
  * })
  * ```
  */
-export const jsxRenderer: () => Renderer = () => createRenderer()
+export const jsxRenderer = () => {
+  const runtime = new Runtime()
+  return {
+    async render(element: KubbReactElement) {
+      await runtime.render(element)
+    },
+    get files() {
+      return runtime.nodes
+    },
+    unmount(error?: Error | number | null) {
+      runtime.unmount(error)
+    },
+  }
+}

package/src/dom.ts

@@ -6,14 +6,12 @@ import type { DOMElement, DOMNode, DOMNodeAttribute, TextNode } from './types.ts
  * The element has no attributes, no children, and no parent.
  */
 export const createNode = (nodeName: string): DOMElement => {
-  const node: DOMElement = {
+  return {
     nodeName: nodeName as DOMElement['nodeName'],
     attributes: new Map(),
     childNodes: [],
     parentNode: undefined,
   }
-
-  return node
 }
 
 /**

package/src/index.ts

@@ -5,4 +5,4 @@ export { Function } from './components/Function.tsx'
 export { Jsx } from './components/Jsx.tsx'
 export { Root } from './components/Root.tsx'
 export { Type } from './components/Type.tsx'
-export { createRenderer, jsxRenderer } from './createRenderer.tsx'
+export { jsxRenderer } from './createRenderer.tsx'