@kubb/renderer-jsx 5.0.0-beta.42 → 5.0.0-beta.44

package/src/jsx-dev-runtime.ts

@@ -1,8 +1,6 @@
-import * as React from 'react/jsx-runtime'
 import type { KubbReactElement, KubbReactNode } from './types.ts'
 
-export const Fragment = React.Fragment
-export const jsxDEV = React.jsx
+export { Fragment, jsxDEV } from './jsx-runtime.ts'
 
 export type * from './jsx-namespace.d.ts'
 

package/src/jsx-namespace.d.ts

@@ -1,5 +1,3 @@
-import type React from 'react'
-
 import type {
   KubbArrowFunctionProps,
   KubbConstProps,
@@ -11,29 +9,42 @@ import type {
   KubbReactElement,
   KubbReactNode,
   KubbSourceProps,
-  KubbTextProps,
   KubbTypeProps,
+  Key,
   LineBreakProps,
 } from './types'
 
+/**
+ * JSX contract for `@kubb/renderer-jsx`, resolved through `jsxImportSource`.
+ *
+ * It is self-contained and does not extend `React.JSX`: the renderer only emits
+ * the custom `kubb-*` hosts plus `br`, `indent`, and `dedent`, and supports
+ * pure function components, so the HTML element and class-component machinery
+ * from `@types/react` is not needed.
+ */
 export namespace JSX {
-  type ElementType = React.JSX.ElementType
+  type ElementType = string | ((props: any) => KubbReactNode)
   type Element = KubbReactElement
 
-  interface ElementClass extends React.JSX.ElementClass {
+  interface ElementClass {
     render(): KubbReactNode
   }
   interface ElementAttributesProperty {
     props: {}
   }
-
   interface ElementChildrenAttribute {
     children: {}
   }
 
-  interface IntrinsicElements extends React.JSX.IntrinsicElements {
+  interface IntrinsicAttributes {
+    key?: Key | null
+  }
+  interface IntrinsicClassAttributes<T> {
+    key?: Key | null
+  }
+
+  interface IntrinsicElements {
     'kubb-jsx': KubbJsxProps
-    'kubb-text': KubbTextProps
     'kubb-file': KubbFileProps
     'kubb-source': KubbSourceProps
     'kubb-import': KubbImportProps
@@ -43,10 +54,7 @@ export namespace JSX {
     'kubb-const': KubbConstProps
     'kubb-type': KubbTypeProps
     br: LineBreakProps
-    indent: {}
-    dedent: {}
   }
-  type LibraryManagedAttributes<C, P> = React.JSX.LibraryManagedAttributes<C, P>
-  interface IntrinsicClassAttributes<T> extends React.JSX.IntrinsicClassAttributes<T> {}
-  interface IntrinsicElements extends React.JSX.IntrinsicElements {}
+
+  type LibraryManagedAttributes<C, P> = P
 }

package/src/jsx-runtime.ts

@@ -1,10 +1,26 @@
-import * as React from 'react/jsx-runtime'
-import type { KubbReactElement, KubbReactNode } from './types.ts'
+import type { Key, KubbReactElement, KubbReactNode } from './types.ts'
 
-export const Fragment = React.Fragment
-export const jsx = React.jsx
-export const jsxDEV = React.jsx
-export const jsxs = React.jsxs
+const KUBB_ELEMENT = Symbol.for('kubb.element')
+
+/**
+ * Fragment marker. A `<>…</>` compiles to `jsx(Fragment, …)`, and the renderer
+ * unwraps it while walking the tree.
+ */
+export const Fragment = Symbol.for('kubb.fragment')
+
+/**
+ * Create a Kubb JSX element. The automatic JSX runtime calls this for every tag,
+ * so the renderer never depends on React at runtime. The element carries a
+ * `$$typeof` marker, its `type` (a host string, a function component, or
+ * `Fragment`), and its `props`, with children included.
+ */
+function createElement(type: unknown, props: Record<string, unknown> | null, key?: Key | null): KubbReactElement {
+  return { $$typeof: KUBB_ELEMENT, type, key: key ?? null, props: props ?? {} } as unknown as KubbReactElement
+}
+
+export const jsx = createElement
+export const jsxs = createElement
+export const jsxDEV = createElement
 
 export type * from './jsx-namespace.d.ts'
 

package/src/types.ts

@@ -1,103 +1,26 @@
 import type { ArrowFunctionNode, ConstNode, ExportNode, FileNode, FunctionNode, ImportNode, SourceNode, TypeNode } from '@kubb/ast'
-import type React from 'react'
-import type { JSX, ReactNode } from 'react'
 
 /**
- * Unique identifier for a React element in lists or conditional renders.
+ * Unique key for a Kubb JSX element in lists or conditional renders.
  */
 export type Key = string | number | bigint
 
 /**
- * Custom element names recognized by the Kubb JSX renderer.
- * Each name maps to a corresponding AST node type in the generated code.
+ * Element produced by a Kubb JSX component. It carries the host or component
+ * `type`, its `props`, and an optional list `key`. The renderer walks these at
+ * runtime, so the fields stay opaque to type-checking.
  */
-export type ElementNames =
-  | 'br'
-  | 'div'
-  | 'indent'
-  | 'dedent'
-  | 'kubb-jsx'
-  | 'kubb-text'
-  | 'kubb-file'
-  | 'kubb-source'
-  | 'kubb-import'
-  | 'kubb-export'
-  | 'kubb-function'
-  | 'kubb-arrow-function'
-  | 'kubb-const'
-  | 'kubb-type'
-  | 'kubb-root'
-  | 'kubb-app'
-
-type Node = {
-  parentNode: DOMElement | null
-  internal_static?: boolean
+export type KubbReactElement = {
+  type: unknown
+  props: unknown
+  key: Key | null
 }
 
 /**
- * Allowed attribute value types for DOM elements.
- * `null` signals intentionally empty, the prop was explicitly cleared.
- */
-export type DOMNodeAttribute = boolean | string | number | null | Record<string, unknown> | Array<unknown>
-
-type TextName = '#text'
-
-/**
- * Leaf DOM node containing raw text.
- */
-export type TextNode = {
-  nodeName: TextName
-  nodeValue: string
-} & Node
-
-/**
- * Virtual DOM node, either a text node or a named element.
- */
-export type DOMNode<T = { nodeName: NodeNames }> = T extends {
-  nodeName: infer U
-}
-  ? U extends '#text'
-    ? TextNode
-    : DOMElement
-  : never
-
-type OutputTransformer = (s: string, index: number) => string
-
-/**
- * Named element in the Kubb virtual DOM tree.
- * Stores attributes, child nodes, and lifecycle callbacks for rendering.
- */
-export type DOMElement = {
-  nodeName: ElementNames
-  /**
-   * Key/value attributes passed as JSX props to this element.
-   */
-  attributes: Record<string, DOMNodeAttribute>
-  /**
-   * Ordered list of child nodes attached to this element.
-   */
-  childNodes: Array<DOMNode>
-  internal_transform?: OutputTransformer
-
-  // Internal properties
-  isStaticDirty?: boolean
-  staticNode?: DOMElement
-  onComputeLayout?: () => void
-  onRender?: () => void
-  onImmediateRender?: () => void
-} & Node
-
-type NodeNames = ElementNames | TextName
-
-/**
- * React node type for Kubb JSX components.
+ * Anything a Kubb JSX component accepts as children: an element, a primitive
+ * rendered as text, a nullish value that is skipped, or an iterable of nodes.
  */
-export type KubbReactNode = ReactNode
-
-/**
- * React element type returned by Kubb JSX components.
- */
-export type KubbReactElement = JSX.Element
+export type KubbReactNode = KubbReactElement | string | number | bigint | boolean | null | undefined | Iterable<KubbReactNode>
 
 /**
  * Props for the `<kubb-jsx>` element.
@@ -107,14 +30,6 @@ export type KubbJsxProps = {
   children?: string
 }
 
-/**
- * Props for the `<kubb-text>` element.
- * Wraps React children as plain text in the output.
- */
-export type KubbTextProps = {
-  children?: KubbReactNode
-}
-
 /**
  * Props for the `<kubb-file>` element.
  * Represents a generated file.
@@ -181,9 +96,10 @@ export type KubbTypeProps = Omit<TypeNode, 'kind'> & {
 }
 
 /**
- * Props for the HTML `<br>` element.
+ * Props for the `<br>` element. It emits a single line break and takes no
+ * attributes of its own.
  */
-export type LineBreakProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>
+export type LineBreakProps = {}
 
 /**
  * JSDoc comment block to attach to a generated declaration.

package/dist/chunk-DoukXa0m.js

@@ -1,28 +0,0 @@
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", {
-	value,
-	configurable: true
-});
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-//#endregion
-export { __name as n, __toESM as r, __commonJSMin as t };

package/dist/jsx-namespace-dmStM1a2.d.ts

@@ -1,39 +0,0 @@
-import { n as __name } from "./chunk-DoukXa0m.js";
-import { _ as KubbTextProps, c as KubbConstProps, d as KubbFunctionProps, f as KubbImportProps, g as KubbSourceProps, h as KubbReactNode, l as KubbExportProps, m as KubbReactElement, p as KubbJsxProps, s as KubbArrowFunctionProps, u as KubbFileProps, v as KubbTypeProps, y as LineBreakProps } from "./types-B5VGpHs0.js";
-import React from "react";
-
-//#region src/jsx-namespace.d.ts
-declare namespace JSX$1 {
-  type ElementType = React.JSX.ElementType;
-  type Element = KubbReactElement;
-  interface ElementClass extends React.JSX.ElementClass {
-    render(): KubbReactNode;
-  }
-  interface ElementAttributesProperty {
-    props: {};
-  }
-  interface ElementChildrenAttribute {
-    children: {};
-  }
-  interface IntrinsicElements extends React.JSX.IntrinsicElements {
-    'kubb-jsx': KubbJsxProps;
-    'kubb-text': KubbTextProps;
-    'kubb-file': KubbFileProps;
-    'kubb-source': KubbSourceProps;
-    'kubb-import': KubbImportProps;
-    'kubb-export': KubbExportProps;
-    'kubb-function': KubbFunctionProps;
-    'kubb-arrow-function': KubbArrowFunctionProps;
-    'kubb-const': KubbConstProps;
-    'kubb-type': KubbTypeProps;
-    br: LineBreakProps;
-    indent: {};
-    dedent: {};
-  }
-  type LibraryManagedAttributes<C, P> = React.JSX.LibraryManagedAttributes<C, P>;
-  interface IntrinsicClassAttributes<T> extends React.JSX.IntrinsicClassAttributes<T> {}
-  interface IntrinsicElements extends React.JSX.IntrinsicElements {}
-}
-//#endregion
-export { JSX$1 as t };
-//# sourceMappingURL=jsx-namespace-dmStM1a2.d.ts.map