@kubb/renderer-jsx 5.0.0-beta.19 → 5.0.0-beta.20

package/dist/index.cjs

@@ -454,29 +454,20 @@ var import_constants = (/* @__PURE__ */ require_jsx_runtime.__commonJSMin(((expo
 * Name used for text-node entries in the virtual DOM.
 */
 const TEXT_NODE_NAME = "#text";
-const KUBB_FILE = "kubb-file";
-const KUBB_SOURCE = "kubb-source";
-const KUBB_EXPORT = "kubb-export";
-const KUBB_IMPORT = "kubb-import";
-const KUBB_FUNCTION = "kubb-function";
-const KUBB_ARROW_FUNCTION = "kubb-arrow-function";
-const KUBB_CONST = "kubb-const";
-const KUBB_TYPE = "kubb-type";
-const KUBB_JSX = "kubb-jsx";
 /**
 * Set of all element names recognized by the Kubb renderer.
 * Used to distinguish Kubb-owned elements from unrecognized or text nodes during tree traversal.
 */
 const nodeNames = new Set([
-	KUBB_EXPORT,
-	KUBB_FILE,
-	KUBB_SOURCE,
-	KUBB_IMPORT,
-	KUBB_FUNCTION,
-	KUBB_ARROW_FUNCTION,
-	KUBB_CONST,
-	KUBB_TYPE,
-	KUBB_JSX,
+	"kubb-export",
+	"kubb-file",
+	"kubb-source",
+	"kubb-import",
+	"kubb-function",
+	"kubb-arrow-function",
+	"kubb-const",
+	"kubb-type",
+	"kubb-jsx",
 	"kubb-text",
 	"kubb-root",
 	"kubb-app",
@@ -17909,74 +17900,73 @@ function collectCodeNodes$1(element) {
 	const result = [];
 	for (const child of element.childNodes) {
 		if (!child) continue;
-		switch (child.nodeName) {
-			case TEXT_NODE_NAME: {
-				const text = child.nodeValue;
-				if (text && text.trim()) result.push((0, _kubb_ast.createText)(text));
-				break;
-			}
-			case "br":
-				result.push((0, _kubb_ast.createBreak)());
-				break;
-			case KUBB_FUNCTION: {
-				const attrs = child.attributes;
-				result.push((0, _kubb_ast.createFunction)({
-					name: attrs["name"],
-					params: attrs["params"],
-					export: attrs["export"],
-					default: attrs["default"],
-					async: attrs["async"],
-					generics: attrs["generics"],
-					returnType: attrs["returnType"],
-					JSDoc: attrs["JSDoc"],
-					nodes: collectCodeNodes$1(child)
-				}));
-				break;
-			}
-			case KUBB_ARROW_FUNCTION: {
-				const attrs = child.attributes;
-				result.push((0, _kubb_ast.createArrowFunction)({
-					name: attrs["name"],
-					params: attrs["params"],
-					export: attrs["export"],
-					default: attrs["default"],
-					async: attrs["async"],
-					generics: attrs["generics"],
-					returnType: attrs["returnType"],
-					singleLine: attrs["singleLine"],
-					JSDoc: attrs["JSDoc"],
-					nodes: collectCodeNodes$1(child)
-				}));
-				break;
-			}
-			case KUBB_CONST: {
-				const attrs = child.attributes;
-				result.push((0, _kubb_ast.createConst)({
-					name: attrs["name"],
-					type: attrs["type"],
-					export: attrs["export"],
-					asConst: attrs["asConst"],
-					JSDoc: attrs["JSDoc"],
-					nodes: collectCodeNodes$1(child)
-				}));
-				break;
-			}
-			case KUBB_TYPE: {
-				const attrs = child.attributes;
-				result.push((0, _kubb_ast.createType)({
-					name: attrs["name"],
-					export: attrs["export"],
-					JSDoc: attrs["JSDoc"],
-					nodes: collectCodeNodes$1(child)
-				}));
-				break;
-			}
-			case KUBB_JSX: {
-				const textChild = child.childNodes[0];
-				const value = textChild?.nodeName === "#text" ? textChild.nodeValue : "";
-				if (value) result.push((0, _kubb_ast.createJsx)(value));
-				break;
-			}
+		if (child.nodeName === "#text") {
+			const text = child.nodeValue;
+			if (text && text.trim()) result.push((0, _kubb_ast.createText)(text));
+			continue;
+		}
+		if (child.nodeName === "br") {
+			result.push((0, _kubb_ast.createBreak)());
+			continue;
+		}
+		if (child.nodeName === "kubb-function") {
+			const attrs = child.attributes;
+			result.push((0, _kubb_ast.createFunction)({
+				name: attrs["name"],
+				params: attrs["params"],
+				export: attrs["export"],
+				default: attrs["default"],
+				async: attrs["async"],
+				generics: attrs["generics"],
+				returnType: attrs["returnType"],
+				JSDoc: attrs["JSDoc"],
+				nodes: collectCodeNodes$1(child)
+			}));
+			continue;
+		}
+		if (child.nodeName === "kubb-arrow-function") {
+			const attrs = child.attributes;
+			result.push((0, _kubb_ast.createArrowFunction)({
+				name: attrs["name"],
+				params: attrs["params"],
+				export: attrs["export"],
+				default: attrs["default"],
+				async: attrs["async"],
+				generics: attrs["generics"],
+				returnType: attrs["returnType"],
+				singleLine: attrs["singleLine"],
+				JSDoc: attrs["JSDoc"],
+				nodes: collectCodeNodes$1(child)
+			}));
+			continue;
+		}
+		if (child.nodeName === "kubb-const") {
+			const attrs = child.attributes;
+			result.push((0, _kubb_ast.createConst)({
+				name: attrs["name"],
+				type: attrs["type"],
+				export: attrs["export"],
+				asConst: attrs["asConst"],
+				JSDoc: attrs["JSDoc"],
+				nodes: collectCodeNodes$1(child)
+			}));
+			continue;
+		}
+		if (child.nodeName === "kubb-type") {
+			const attrs = child.attributes;
+			result.push((0, _kubb_ast.createType)({
+				name: attrs["name"],
+				export: attrs["export"],
+				JSDoc: attrs["JSDoc"],
+				nodes: collectCodeNodes$1(child)
+			}));
+			continue;
+		}
+		if (child.nodeName === "kubb-jsx") {
+			const textChild = child.childNodes[0];
+			const value = textChild?.nodeName === "#text" ? textChild.nodeValue : "";
+			if (value) result.push((0, _kubb_ast.createJsx)(value));
+			continue;
 		}
 	}
 	return result;
@@ -18318,26 +18308,38 @@ function collectFileChildren(element) {
 	};
 }
 function* walkFiles(element) {
-	const files = [];
-	function onHost(type, props) {
-		if (!(type === "kubb-file" && props["baseName"] !== void 0 && props["path"] !== void 0)) {
-			walkElement(props["children"], () => {}, onHost);
+	if (element == null || typeof element === "boolean") return;
+	if (typeof element === "string" || typeof element === "number" || typeof element === "bigint") return;
+	if (Array.isArray(element)) {
+		for (const child of element) yield* walkFiles(child);
+		return;
+	}
+	if (typeof element === "object" && "$$typeof" in element) {
+		const el = element;
+		const { type } = el;
+		const props = el.props;
+		if (type === import_react.Fragment) {
+			yield* walkFiles(props["children"]);
 			return;
 		}
-		const { sources, exports, imports } = collectFileChildren(props["children"]);
-		files.push({
-			baseName: props["baseName"],
-			path: props["path"],
-			meta: props["meta"] || {},
-			footer: props["footer"],
-			banner: props["banner"],
-			sources,
-			exports,
-			imports
-		});
+		if (typeof type === "function") {
+			yield* walkFiles(type(props));
+			return;
+		}
+		if (typeof type === "string") if (type === "kubb-file" && props["baseName"] !== void 0 && props["path"] !== void 0) {
+			const { sources, exports, imports } = collectFileChildren(props["children"]);
+			yield {
+				baseName: props["baseName"],
+				path: props["path"],
+				meta: props["meta"] || {},
+				footer: props["footer"],
+				banner: props["banner"],
+				sources,
+				exports,
+				imports
+			};
+		} else yield* walkFiles(props["children"]);
 	}
-	walkElement(element, () => {}, onHost);
-	yield* files;
 }
 /**
 * Synchronous JSX renderer that walks the element tree in a single pass,

package/dist/index.js

@@ -454,29 +454,20 @@ var import_constants = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
 * Name used for text-node entries in the virtual DOM.
 */
 const TEXT_NODE_NAME = "#text";
-const KUBB_FILE = "kubb-file";
-const KUBB_SOURCE = "kubb-source";
-const KUBB_EXPORT = "kubb-export";
-const KUBB_IMPORT = "kubb-import";
-const KUBB_FUNCTION = "kubb-function";
-const KUBB_ARROW_FUNCTION = "kubb-arrow-function";
-const KUBB_CONST = "kubb-const";
-const KUBB_TYPE = "kubb-type";
-const KUBB_JSX = "kubb-jsx";
 /**
 * Set of all element names recognized by the Kubb renderer.
 * Used to distinguish Kubb-owned elements from unrecognized or text nodes during tree traversal.
 */
 const nodeNames = new Set([
-	KUBB_EXPORT,
-	KUBB_FILE,
-	KUBB_SOURCE,
-	KUBB_IMPORT,
-	KUBB_FUNCTION,
-	KUBB_ARROW_FUNCTION,
-	KUBB_CONST,
-	KUBB_TYPE,
-	KUBB_JSX,
+	"kubb-export",
+	"kubb-file",
+	"kubb-source",
+	"kubb-import",
+	"kubb-function",
+	"kubb-arrow-function",
+	"kubb-const",
+	"kubb-type",
+	"kubb-jsx",
 	"kubb-text",
 	"kubb-root",
 	"kubb-app",
@@ -17906,74 +17897,73 @@ function collectCodeNodes$1(element) {
 	const result = [];
 	for (const child of element.childNodes) {
 		if (!child) continue;
-		switch (child.nodeName) {
-			case TEXT_NODE_NAME: {
-				const text = child.nodeValue;
-				if (text && text.trim()) result.push(createText(text));
-				break;
-			}
-			case "br":
-				result.push(createBreak());
-				break;
-			case KUBB_FUNCTION: {
-				const attrs = child.attributes;
-				result.push(createFunction({
-					name: attrs["name"],
-					params: attrs["params"],
-					export: attrs["export"],
-					default: attrs["default"],
-					async: attrs["async"],
-					generics: attrs["generics"],
-					returnType: attrs["returnType"],
-					JSDoc: attrs["JSDoc"],
-					nodes: collectCodeNodes$1(child)
-				}));
-				break;
-			}
-			case KUBB_ARROW_FUNCTION: {
-				const attrs = child.attributes;
-				result.push(createArrowFunction({
-					name: attrs["name"],
-					params: attrs["params"],
-					export: attrs["export"],
-					default: attrs["default"],
-					async: attrs["async"],
-					generics: attrs["generics"],
-					returnType: attrs["returnType"],
-					singleLine: attrs["singleLine"],
-					JSDoc: attrs["JSDoc"],
-					nodes: collectCodeNodes$1(child)
-				}));
-				break;
-			}
-			case KUBB_CONST: {
-				const attrs = child.attributes;
-				result.push(createConst({
-					name: attrs["name"],
-					type: attrs["type"],
-					export: attrs["export"],
-					asConst: attrs["asConst"],
-					JSDoc: attrs["JSDoc"],
-					nodes: collectCodeNodes$1(child)
-				}));
-				break;
-			}
-			case KUBB_TYPE: {
-				const attrs = child.attributes;
-				result.push(createType({
-					name: attrs["name"],
-					export: attrs["export"],
-					JSDoc: attrs["JSDoc"],
-					nodes: collectCodeNodes$1(child)
-				}));
-				break;
-			}
-			case KUBB_JSX: {
-				const textChild = child.childNodes[0];
-				const value = textChild?.nodeName === "#text" ? textChild.nodeValue : "";
-				if (value) result.push(createJsx(value));
-				break;
-			}
+		if (child.nodeName === "#text") {
+			const text = child.nodeValue;
+			if (text && text.trim()) result.push(createText(text));
+			continue;
+		}
+		if (child.nodeName === "br") {
+			result.push(createBreak());
+			continue;
+		}
+		if (child.nodeName === "kubb-function") {
+			const attrs = child.attributes;
+			result.push(createFunction({
+				name: attrs["name"],
+				params: attrs["params"],
+				export: attrs["export"],
+				default: attrs["default"],
+				async: attrs["async"],
+				generics: attrs["generics"],
+				returnType: attrs["returnType"],
+				JSDoc: attrs["JSDoc"],
+				nodes: collectCodeNodes$1(child)
+			}));
+			continue;
+		}
+		if (child.nodeName === "kubb-arrow-function") {
+			const attrs = child.attributes;
+			result.push(createArrowFunction({
+				name: attrs["name"],
+				params: attrs["params"],
+				export: attrs["export"],
+				default: attrs["default"],
+				async: attrs["async"],
+				generics: attrs["generics"],
+				returnType: attrs["returnType"],
+				singleLine: attrs["singleLine"],
+				JSDoc: attrs["JSDoc"],
+				nodes: collectCodeNodes$1(child)
+			}));
+			continue;
+		}
+		if (child.nodeName === "kubb-const") {
+			const attrs = child.attributes;
+			result.push(createConst({
+				name: attrs["name"],
+				type: attrs["type"],
+				export: attrs["export"],
+				asConst: attrs["asConst"],
+				JSDoc: attrs["JSDoc"],
+				nodes: collectCodeNodes$1(child)
+			}));
+			continue;
+		}
+		if (child.nodeName === "kubb-type") {
+			const attrs = child.attributes;
+			result.push(createType({
+				name: attrs["name"],
+				export: attrs["export"],
+				JSDoc: attrs["JSDoc"],
+				nodes: collectCodeNodes$1(child)
+			}));
+			continue;
+		}
+		if (child.nodeName === "kubb-jsx") {
+			const textChild = child.childNodes[0];
+			const value = textChild?.nodeName === "#text" ? textChild.nodeValue : "";
+			if (value) result.push(createJsx(value));
+			continue;
 		}
 	}
 	return result;
@@ -18315,26 +18305,38 @@ function collectFileChildren(element) {
 	};
 }
 function* walkFiles(element) {
-	const files = [];
-	function onHost(type, props) {
-		if (!(type === "kubb-file" && props["baseName"] !== void 0 && props["path"] !== void 0)) {
-			walkElement(props["children"], () => {}, onHost);
+	if (element == null || typeof element === "boolean") return;
+	if (typeof element === "string" || typeof element === "number" || typeof element === "bigint") return;
+	if (Array.isArray(element)) {
+		for (const child of element) yield* walkFiles(child);
+		return;
+	}
+	if (typeof element === "object" && "$$typeof" in element) {
+		const el = element;
+		const { type } = el;
+		const props = el.props;
+		if (type === import_react.Fragment) {
+			yield* walkFiles(props["children"]);
 			return;
 		}
-		const { sources, exports, imports } = collectFileChildren(props["children"]);
-		files.push({
-			baseName: props["baseName"],
-			path: props["path"],
-			meta: props["meta"] || {},
-			footer: props["footer"],
-			banner: props["banner"],
-			sources,
-			exports,
-			imports
-		});
+		if (typeof type === "function") {
+			yield* walkFiles(type(props));
+			return;
+		}
+		if (typeof type === "string") if (type === "kubb-file" && props["baseName"] !== void 0 && props["path"] !== void 0) {
+			const { sources, exports, imports } = collectFileChildren(props["children"]);
+			yield {
+				baseName: props["baseName"],
+				path: props["path"],
+				meta: props["meta"] || {},
+				footer: props["footer"],
+				banner: props["banner"],
+				sources,
+				exports,
+				imports
+			};
+		} else yield* walkFiles(props["children"]);
 	}
-	walkElement(element, () => {}, onHost);
-	yield* files;
 }
 /**
 * Synchronous JSX renderer that walks the element tree in a single pass,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubb/renderer-jsx",
-  "version": "5.0.0-beta.19",
+  "version": "5.0.0-beta.20",
   "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.19"
+    "@kubb/ast": "5.0.0-beta.20"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",

package/src/SyncRuntime.tsx

@@ -221,28 +221,48 @@ function collectFileChildren(element: unknown): FileChildren {
 }
 
 function* walkFiles(element: unknown): Generator<FileNode> {
-  const files: FileNode[] = []
+  if (element == null || typeof element === 'boolean') return
+
+  if (typeof element === 'string' || typeof element === 'number' || typeof element === 'bigint') return
+
+  if (Array.isArray(element)) {
+    for (const child of element) yield* walkFiles(child)
+    return
+  }
+
+  if (typeof element === 'object' && '$$typeof' in element) {
+    const el = element as unknown as React.ReactElement
+    const { type } = el
+    const props = el.props as Record<string, unknown>
 
-  function onHost(type: string, props: Record<string, unknown>): void {
-    if (!(type === KUBB_FILE && props['baseName'] !== undefined && props['path'] !== undefined)) {
-      walkElement(props['children'], () => {}, onHost)
+    if (type === React.Fragment) {
+      yield* walkFiles(props['children'])
+      return
+    }
+
+    if (typeof type === 'function') {
+      yield* walkFiles((type as (p: unknown) => unknown)(props))
       return
     }
-    const { sources, exports, imports } = collectFileChildren(props['children'])
-    files.push({
-      baseName: props['baseName'],
-      path: props['path'],
-      meta: props['meta'] || {},
-      footer: props['footer'],
-      banner: props['banner'],
-      sources,
-      exports,
-      imports,
-    } as FileNode)
-  }
 
-  walkElement(element, () => {}, onHost)
-  yield* files
+    if (typeof type === 'string') {
+      if (type === KUBB_FILE && props['baseName'] !== undefined && props['path'] !== undefined) {
+        const { sources, exports, imports } = collectFileChildren(props['children'])
+        yield {
+          baseName: props['baseName'],
+          path: props['path'],
+          meta: props['meta'] || {},
+          footer: props['footer'],
+          banner: props['banner'],
+          sources,
+          exports,
+          imports,
+        } as FileNode
+      } else {
+        yield* walkFiles(props['children'])
+      }
+    }
+  }
 }
 
 /**

package/src/utils.ts

@@ -43,82 +43,87 @@ function collectCodeNodes(element: DOMElement): CodeNode[] {
   for (const child of element.childNodes) {
     if (!child) continue
 
-    switch (child.nodeName) {
-      case TEXT_NODE_NAME: {
-        const text = (child as DOMNode<{ nodeName: '#text' }>).nodeValue
-        if (text && text.trim()) result.push(createText(text))
-        break
-      }
-      case 'br':
-        result.push(createBreak())
-        break
-      case KUBB_FUNCTION: {
-        const attrs = child.attributes
-        result.push(
-          createFunction({
-            name: attrs['name'] as string,
-            params: attrs['params'] as string | undefined,
-            export: attrs['export'] as boolean | undefined,
-            default: attrs['default'] as boolean | undefined,
-            async: attrs['async'] as boolean | undefined,
-            generics: attrs['generics'] as string | undefined,
-            returnType: attrs['returnType'] as string | undefined,
-            JSDoc: attrs['JSDoc'] as JSDocNode | undefined,
-            nodes: collectCodeNodes(child),
-          }),
-        )
-        break
-      }
-      case KUBB_ARROW_FUNCTION: {
-        const attrs = child.attributes
-        result.push(
-          createArrowFunction({
-            name: attrs['name'] as string,
-            params: attrs['params'] as string | undefined,
-            export: attrs['export'] as boolean | undefined,
-            default: attrs['default'] as boolean | undefined,
-            async: attrs['async'] as boolean | undefined,
-            generics: attrs['generics'] as string | undefined,
-            returnType: attrs['returnType'] as string | undefined,
-            singleLine: attrs['singleLine'] as boolean | undefined,
-            JSDoc: attrs['JSDoc'] as JSDocNode | undefined,
-            nodes: collectCodeNodes(child),
-          } as Omit<ArrowFunctionNode, 'kind'>),
-        )
-        break
-      }
-      case KUBB_CONST: {
-        const attrs = child.attributes
-        result.push(
-          createConst({
-            name: attrs['name'] as string,
-            type: attrs['type'] as string | undefined,
-            export: attrs['export'] as boolean | undefined,
-            asConst: attrs['asConst'] as boolean | undefined,
-            JSDoc: attrs['JSDoc'] as JSDocNode | undefined,
-            nodes: collectCodeNodes(child),
-          }),
-        )
-        break
-      }
-      case KUBB_TYPE: {
-        const attrs = child.attributes
-        result.push(
-          createType({
-            name: attrs['name'] as string,
-            export: attrs['export'] as boolean | undefined,
-            JSDoc: attrs['JSDoc'] as JSDocNode | undefined,
-            nodes: collectCodeNodes(child),
-          }),
-        )
-        break
-      }
-      case KUBB_JSX: {
-        const textChild = child.childNodes[0]
-        const value = textChild?.nodeName === TEXT_NODE_NAME ? (textChild as DOMNode<{ nodeName: '#text' }>).nodeValue : ''
-        if (value) result.push(createJsx(value))
-        break
-      }
+    if (child.nodeName === TEXT_NODE_NAME) {
+      const text = (child as DOMNode<{ nodeName: '#text' }>).nodeValue
+      if (text && text.trim()) result.push(createText(text))
+      continue
+    }
+
+    if (child.nodeName === 'br') {
+      result.push(createBreak())
+      continue
+    }
+
+    if (child.nodeName === KUBB_FUNCTION) {
+      const attrs = child.attributes
+      result.push(
+        createFunction({
+          name: attrs['name'] as string,
+          params: attrs['params'] as string | undefined,
+          export: attrs['export'] as boolean | undefined,
+          default: attrs['default'] as boolean | undefined,
+          async: attrs['async'] as boolean | undefined,
+          generics: attrs['generics'] as string | undefined,
+          returnType: attrs['returnType'] as string | undefined,
+          JSDoc: attrs['JSDoc'] as JSDocNode | undefined,
+          nodes: collectCodeNodes(child),
+        }),
+      )
+      continue
+    }
+
+    if (child.nodeName === KUBB_ARROW_FUNCTION) {
+      const attrs = child.attributes
+      result.push(
+        createArrowFunction({
+          name: attrs['name'] as string,
+          params: attrs['params'] as string | undefined,
+          export: attrs['export'] as boolean | undefined,
+          default: attrs['default'] as boolean | undefined,
+          async: attrs['async'] as boolean | undefined,
+          generics: attrs['generics'] as string | undefined,
+          returnType: attrs['returnType'] as string | undefined,
+          singleLine: attrs['singleLine'] as boolean | undefined,
+          JSDoc: attrs['JSDoc'] as JSDocNode | undefined,
+          nodes: collectCodeNodes(child),
+        } as Omit<ArrowFunctionNode, 'kind'>),
+      )
+      continue
+    }
+
+    if (child.nodeName === KUBB_CONST) {
+      const attrs = child.attributes
+      result.push(
+        createConst({
+          name: attrs['name'] as string,
+          type: attrs['type'] as string | undefined,
+          export: attrs['export'] as boolean | undefined,
+          asConst: attrs['asConst'] as boolean | undefined,
+          JSDoc: attrs['JSDoc'] as JSDocNode | undefined,
+          nodes: collectCodeNodes(child),
+        }),
+      )
+      continue
+    }
+
+    if (child.nodeName === KUBB_TYPE) {
+      const attrs = child.attributes
+      result.push(
+        createType({
+          name: attrs['name'] as string,
+          export: attrs['export'] as boolean | undefined,
+          JSDoc: attrs['JSDoc'] as JSDocNode | undefined,
+          nodes: collectCodeNodes(child),
+        }),
+      )
+      continue
+    }
+
+    if (child.nodeName === KUBB_JSX) {
+      const textChild = child.childNodes[0]
+      const value = textChild?.nodeName === TEXT_NODE_NAME ? (textChild as DOMNode<{ nodeName: '#text' }>).nodeValue : ''
+      if (value) result.push(createJsx(value))
+      continue
     }
   }