@kubb/renderer-jsx 5.5.5 → 5.6.0

package/dist/index.cjs

@@ -37,7 +37,6 @@ function Callout({ type, title, children }) {
 		children: `${header}\n${quoted}`
 	});
 }
-Callout.displayName = "Callout";
 //#endregion
 //#region src/components/js/Const.tsx
 /**
@@ -58,8 +57,7 @@ Callout.displayName = "Callout";
 * </Const>
 * ```
 */
-function Const({ children, ...props }) {
-	const { name, export: canExport, type, JSDoc, asConst } = props;
+function Const({ children, name, export: canExport, type, JSDoc, asConst }) {
 	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-const", {
 		name,
 		type,
@@ -69,7 +67,6 @@ function Const({ children, ...props }) {
 		children
 	});
 }
-Const.displayName = "Const";
 //#endregion
 //#region src/components/File.tsx
 /**
@@ -89,14 +86,12 @@ Const.displayName = "Const";
 * ```
 */
 function File({ children, ...props }) {
-	const { baseName, path } = props;
-	if (!baseName || !path) return /* @__PURE__ */ require_jsx_runtime.jsx(require_jsx_runtime.Fragment, { children });
+	if (!props.baseName || !props.path) return /* @__PURE__ */ require_jsx_runtime.jsx(require_jsx_runtime.Fragment, { children });
 	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-file", {
 		...props,
 		children
 	});
 }
-File.displayName = "File";
 /**
 * Marks a block of source text to be associated with the enclosing {@link File}.
 *
@@ -118,16 +113,11 @@ File.displayName = "File";
 * ```
 */
 function FileSource({ children, ...props }) {
-	const { name, isExportable, isIndexable, isTypeOnly } = props;
 	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-source", {
-		name,
-		isTypeOnly,
-		isExportable,
-		isIndexable,
+		...props,
 		children
 	});
 }
-FileSource.displayName = "FileSource";
 /**
 * Declares an export entry for the enclosing {@link File}.
 *
@@ -146,15 +136,8 @@ FileSource.displayName = "FileSource";
 * ```
 */
 function FileExport(props) {
-	const { name, path, isTypeOnly, asAlias } = props;
-	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-export", {
-		name,
-		path,
-		isTypeOnly,
-		asAlias
-	});
+	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-export", { ...props });
 }
-FileExport.displayName = "FileExport";
 /**
 * Declares an import entry for the enclosing {@link File}.
 *
@@ -179,16 +162,8 @@ FileExport.displayName = "FileExport";
 * ```
 */
 function FileImport(props) {
-	const { name, root, path, isTypeOnly, isNameSpace } = props;
-	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-import", {
-		name,
-		root,
-		path,
-		isNameSpace,
-		isTypeOnly
-	});
+	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-import", { ...props });
 }
-FileImport.displayName = "FileImport";
 File.Export = FileExport;
 File.Import = FileImport;
 File.Source = FileSource;
@@ -218,7 +193,6 @@ function Frontmatter({ data }) {
 		children: envelope
 	});
 }
-Frontmatter.displayName = "Frontmatter";
 //#endregion
 //#region src/components/js/Function.tsx
 /**
@@ -234,8 +208,7 @@ Frontmatter.displayName = "Frontmatter";
 * // }
 * ```
 */
-function Function({ children, ...props }) {
-	const { name, default: isDefault, export: canExport, async: isAsync, generics, params, returnType, JSDoc } = props;
+function Function({ children, name, default: isDefault, export: canExport, async: isAsync, generics, params, returnType, JSDoc }) {
 	const genericsString = Array.isArray(generics) ? generics.join(", ").trim() : generics;
 	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-function", {
 		name,
@@ -249,7 +222,6 @@ function Function({ children, ...props }) {
 		children
 	});
 }
-Function.displayName = "Function";
 /**
 * Generates an arrow function expression assigned to a `const`.
 * Supports the same flags as {@link Function}.
@@ -263,8 +235,7 @@ Function.displayName = "Function";
 * // export const double = (n: number): number => n * 2
 * ```
 */
-function ArrowFunction({ children, ...props }) {
-	const { name, default: isDefault, export: canExport, async, generics, params, returnType, JSDoc, singleLine } = props;
+function ArrowFunction({ children, name, default: isDefault, export: canExport, async, generics, params, returnType, JSDoc, singleLine }) {
 	const genericsString = Array.isArray(generics) ? generics.join(", ").trim() : generics;
 	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-arrow-function", {
 		name,
@@ -279,7 +250,6 @@ function ArrowFunction({ children, ...props }) {
 		children
 	});
 }
-ArrowFunction.displayName = "ArrowFunction";
 Function.Arrow = ArrowFunction;
 //#endregion
 //#region src/components/md/Heading.tsx
@@ -301,7 +271,6 @@ function Heading({ level, children }) {
 		children: `${"#".repeat(level)} ${children}`
 	});
 }
-Heading.displayName = "Heading";
 //#endregion
 //#region src/components/jsx/Jsx.tsx
 /**
@@ -322,7 +291,6 @@ Heading.displayName = "Heading";
 function Jsx({ children }) {
 	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-jsx", { children });
 }
-Jsx.displayName = "Jsx";
 //#endregion
 //#region src/components/md/List.tsx
 /**
@@ -349,7 +317,6 @@ function List({ ordered, items }) {
 		children: body
 	});
 }
-List.displayName = "List";
 //#endregion
 //#region src/components/md/Paragraph.tsx
 /**
@@ -370,7 +337,6 @@ function Paragraph({ children }) {
 		children
 	});
 }
-Paragraph.displayName = "Paragraph";
 //#endregion
 //#region src/components/js/Type.tsx
 /**
@@ -394,8 +360,7 @@ Paragraph.displayName = "Paragraph";
 * </Type>
 * ```
 */
-function Type({ children, ...props }) {
-	const { name, export: canExport, JSDoc } = props;
+function Type({ children, name, export: canExport, JSDoc }) {
 	if (name.charAt(0).toUpperCase() !== name.charAt(0)) throw new Error("Name should start with a capital letter(see TypeScript types)");
 	return /* @__PURE__ */ require_jsx_runtime.jsx("kubb-type", {
 		name,
@@ -404,15 +369,9 @@ function Type({ children, ...props }) {
 		children
 	});
 }
-Type.displayName = "Type";
 //#endregion
-//#region src/Runtime.tsx
-/**
-* Walks `element`, resolving arrays, Fragments, and function components, then
-* calls `onText` for primitive values and `onHost` for each host element.
-* Function components are called synchronously. Hooks and class components are
-* not supported.
-*/
+//#region src/jsxRenderer.ts
+/** Walks `element` through arrays, Fragments and function components, calling `onText` and `onHost`. */
 function walkElement(element, onText, onHost) {
 	if (element == null || typeof element === "boolean") return;
 	if (typeof element === "string" || typeof element === "number" || typeof element === "bigint") {
@@ -423,10 +382,9 @@ function walkElement(element, onText, onHost) {
 		for (const child of element) walkElement(child, onText, onHost);
 		return;
 	}
-	if (typeof element === "object" && "$$typeof" in element) {
-		const el = element;
-		const { type } = el;
-		const props = el.props;
+	if (require_jsx_runtime.isKubbElement(element)) {
+		const { type } = element;
+		const props = element.props;
 		if (type === require_jsx_runtime.Fragment) {
 			walkElement(props["children"], onText, onHost);
 			return;
@@ -435,81 +393,52 @@ function walkElement(element, onText, onHost) {
 			walkElement(type(props), onText, onHost);
 			return;
 		}
-		if (typeof type === "string") onHost(type, props);
+		if (typeof type === "string") onHost({
+			type,
+			props
+		});
 	}
 }
-function collectCodeNodes(props) {
-	const nodes = [];
-	collectCode(props["children"], nodes);
-	return nodes;
+/** Returns the `children` prop of a host element, or `undefined` for tags without one. */
+function childrenOf(host) {
+	return "children" in host.props ? host.props.children : void 0;
+}
+const codeFactories = {
+	"kubb-function": _kubb_kit.ast.factory.createFunction,
+	"kubb-arrow-function": _kubb_kit.ast.factory.createArrowFunction,
+	"kubb-const": _kubb_kit.ast.factory.createConst,
+	"kubb-type": _kubb_kit.ast.factory.createType
+};
+function isCodeHost(host) {
+	return host.type in codeFactories;
 }
-function collectCode(element, nodes) {
+function createCodeNode(type, props) {
+	const { children, ...rest } = props;
+	return codeFactories[type]({
+		...rest,
+		nodes: collectCodeNodes(children)
+	});
+}
+function collectCodeNodes(element) {
+	const nodes = [];
 	walkElement(element, (text) => {
 		if (text.trim()) nodes.push(_kubb_kit.ast.factory.createText(text));
-	}, (type, props) => resolveCodeNode(type, props, nodes));
-}
-function resolveCodeNode(type, props, nodes) {
-	if (type === "br") {
-		nodes.push(_kubb_kit.ast.factory.createBreak());
-		return;
-	}
-	if (type === "kubb-jsx") {
-		let value = "";
-		walkElement(props["children"], (t) => {
-			value += t;
-		}, () => {});
-		if (value) nodes.push(_kubb_kit.ast.factory.createJsx(value));
-		return;
-	}
-	if (type === "kubb-function") {
-		nodes.push(_kubb_kit.ast.factory.createFunction({
-			name: props["name"],
-			params: props["params"],
-			export: props["export"],
-			default: props["default"],
-			async: props["async"],
-			generics: props["generics"],
-			returnType: props["returnType"],
-			JSDoc: props["JSDoc"],
-			nodes: collectCodeNodes(props)
-		}));
-		return;
-	}
-	if (type === "kubb-arrow-function") {
-		nodes.push(_kubb_kit.ast.factory.createArrowFunction({
-			name: props["name"],
-			params: props["params"],
-			export: props["export"],
-			default: props["default"],
-			async: props["async"],
-			generics: props["generics"],
-			returnType: props["returnType"],
-			singleLine: props["singleLine"],
-			JSDoc: props["JSDoc"],
-			nodes: collectCodeNodes(props)
-		}));
-		return;
-	}
-	if (type === "kubb-const") {
-		nodes.push(_kubb_kit.ast.factory.createConst({
-			name: props["name"],
-			type: props["type"],
-			export: props["export"],
-			asConst: props["asConst"],
-			JSDoc: props["JSDoc"],
-			nodes: collectCodeNodes(props)
-		}));
-		return;
-	}
-	if (type === "kubb-type") {
-		nodes.push(_kubb_kit.ast.factory.createType({
-			name: props["name"],
-			export: props["export"],
-			JSDoc: props["JSDoc"],
-			nodes: collectCodeNodes(props)
-		}));
-		return;
-	}
+	}, (host) => {
+		if (host.type === "br") {
+			nodes.push(_kubb_kit.ast.factory.createBreak());
+			return;
+		}
+		if (host.type === "kubb-jsx") {
+			let value = "";
+			walkElement(host.props.children, (t) => {
+				value += t;
+			}, () => {});
+			if (value) nodes.push(_kubb_kit.ast.factory.createJsx(value));
+			return;
+		}
+		if (isCodeHost(host)) nodes.push(createCodeNode(host.type, host.props));
+	});
+	return nodes;
 }
 function collectFileChildren(element) {
 	const sources = [];
@@ -517,37 +446,40 @@ function collectFileChildren(element) {
 	const imports = [];
 	walkElement(element, (text) => {
 		if (text.trim()) throw new Error(`[jsx] '${text}' should be part of <File.Source> component when using the <File/> component`);
-	}, (type, props) => {
-		if (type === "kubb-source") {
+	}, (host) => {
+		if (host.type === "kubb-source") {
+			const { name, isTypeOnly, isExportable, isIndexable, children } = host.props;
 			sources.push(_kubb_kit.ast.factory.createSource({
-				name: props["name"]?.toString(),
-				isTypeOnly: !!props["isTypeOnly"],
-				isExportable: !!props["isExportable"],
-				isIndexable: !!props["isIndexable"],
-				nodes: collectCodeNodes(props)
+				name: name?.toString(),
+				isTypeOnly: !!isTypeOnly,
+				isExportable: !!isExportable,
+				isIndexable: !!isIndexable,
+				nodes: collectCodeNodes(children)
 			}));
 			return;
 		}
-		if (type === "kubb-export") {
+		if (host.type === "kubb-export") {
+			const { name, path, isTypeOnly, asAlias } = host.props;
 			exports.push(_kubb_kit.ast.factory.createExport({
-				name: props["name"],
-				path: props["path"],
-				isTypeOnly: !!props["isTypeOnly"],
-				asAlias: !!props["asAlias"]
+				name,
+				path,
+				isTypeOnly: !!isTypeOnly,
+				asAlias: !!asAlias
 			}));
 			return;
 		}
-		if (type === "kubb-import") {
+		if (host.type === "kubb-import") {
+			const { name, path, root, isTypeOnly, isNameSpace } = host.props;
 			imports.push(_kubb_kit.ast.factory.createImport({
-				name: props["name"],
-				path: props["path"],
-				root: props["root"],
-				isTypeOnly: !!props["isTypeOnly"],
-				isNameSpace: !!props["isNameSpace"]
+				name,
+				path,
+				root,
+				isTypeOnly: !!isTypeOnly,
+				isNameSpace: !!isNameSpace
 			}));
 			return;
 		}
-		const nested = collectFileChildren(props["children"]);
+		const nested = collectFileChildren(childrenOf(host));
 		sources.push(...nested.sources);
 		exports.push(...nested.exports);
 		imports.push(...nested.imports);
@@ -558,75 +490,26 @@ function collectFileChildren(element) {
 		imports
 	};
 }
-function* walkFiles(element) {
-	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 === require_jsx_runtime.Fragment) {
-			yield* walkFiles(props["children"]);
-			return;
-		}
-		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"],
-					copy: props["copy"],
-					sources,
-					exports,
-					imports
-				};
-			} else yield* walkFiles(props["children"]);
-		}
-	}
+function createFileNode(props) {
+	const { sources, exports, imports } = collectFileChildren(props.children);
+	return {
+		baseName: props.baseName,
+		path: props.path,
+		meta: props.meta || {},
+		footer: props.footer,
+		banner: props.banner,
+		copy: props.copy,
+		sources,
+		exports,
+		imports
+	};
 }
 /**
-* Synchronous JSX renderer that walks the element tree in a single pass,
-* producing {@link ast.FileNode} objects directly without an intermediate virtual
-* DOM. No React fiber, scheduler, or work loop is involved.
-*
-* All components must be pure functions. Hooks and class components are not
-* supported.
-*/
-var Runtime = class {
-	/**
-	* Accumulated {@link ast.FileNode} results from every {@link render} call.
-	*/
-	nodes = [];
-	/**
-	* Walks `element` synchronously, converts every `<kubb-file>` subtree into
-	* a {@link ast.FileNode} with no intermediate virtual DOM, and appends the results
-	* to {@link nodes}.
-	*/
-	render(element) {
-		for (const file of walkFiles(element)) this.nodes.push(file);
-	}
-};
-//#endregion
-//#region src/jsxRenderer.tsx
-/**
 * Factory for a renderer that walks the JSX tree in a single recursive pass,
 * with no React reconciler or scheduler. Pass it as the `renderer` property on
 * `defineGenerator`. Kubb core calls the factory once per render cycle and stays
-* generic, with no hard dependency on `@kubb/renderer-jsx`.
-*
-* Every component must be a pure function. Hooks, suspense, and class
-* components are not supported.
+* generic, with no hard dependency on `@kubb/renderer-jsx`. Every component must be a pure
+* function. Hooks, suspense and class components are not supported.
 *
 * @example Wire up a JSX generator
 * ```tsx
@@ -647,13 +530,22 @@ var Runtime = class {
 * ```
 */
 const jsxRenderer = () => {
-	const runtime = new Runtime();
+	const files = [];
+	function collectFiles(element) {
+		walkElement(element, () => {}, (host) => {
+			if (host.type === "kubb-file") {
+				files.push(createFileNode(host.props));
+				return;
+			}
+			collectFiles(childrenOf(host));
+		});
+	}
 	return {
 		async render(element) {
-			runtime.render(element);
+			collectFiles(element);
 		},
 		get files() {
-			return runtime.nodes;
+			return files;
 		},
 		[Symbol.dispose]() {}
 	};