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

package/README.md

@@ -0,0 +1,124 @@
+<div align="center">
+  <h1>@kubb/renderer-jsx</h1>
+  <a href="https://kubb.dev" target="_blank" rel="noopener noreferrer">
+    <img width="180" src="https://raw.githubusercontent.com/kubb-labs/kubb/main/assets/logo.png" alt="Kubb logo">
+  </a>
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![Coverage][coverage-src]][coverage-href]
+[![License][license-src]][license-href]
+[![Sponsors][sponsors-src]][sponsors-href]
+
+<h4>
+<a href="https://kubb.dev/" target="_blank">Documentation</a>
+<span> · </span>
+<a href="https://github.com/kubb-labs/kubb/issues/" target="_blank">Report Bug</a>
+<span> · </span>
+<a href="https://github.com/kubb-labs/kubb/issues/" target="_blank">Request Feature</a>
+</h4>
+</div>
+
+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 inside Kubb plugins.
+
+## Installation
+
+```bash
+bun add @kubb/renderer-jsx
+# or
+pnpm add @kubb/renderer-jsx
+# or
+npm install @kubb/renderer-jsx
+```
+
+## Usage
+
+Use the built-in components inside a Kubb plugin to emit generated files:
+
+```tsx
+import { createRenderer } from '@kubb/renderer-jsx'
+import { File, Function, Type } from '@kubb/renderer-jsx'
+
+const renderer = createRenderer()
+
+await renderer.render(
+  <File baseName="petStore.ts" path="src/gen/petStore.ts">
+    <File.Source>
+      <Type name="Pet">{'{ id: number; name: string }'}</Type>
+      <Function name="getPet" async>
+        {"return fetch('/pets')"}
+      </Function>
+    </File.Source>
+  </File>,
+)
+
+const files = renderer.files
+renderer.unmount()
+```
+
+## Built-in Components
+
+| Component       | Description                                                                 |
+| --------------- | --------------------------------------------------------------------------- |
+| `<File>`        | Declares a generated output file with its path and optional imports/exports |
+| `<File.Source>` | The source content block inside a `<File>`                                  |
+| `<Function>`    | Generates a TypeScript function declaration                                 |
+| `<Type>`        | Generates a TypeScript type alias                                           |
+| `<Const>`       | Generates a `const` variable declaration                                    |
+| `<Jsx>`         | Renders JSX expressions inside generated output                             |
+| `<Root>`        | Root container for the renderer tree                                        |
+
+## API
+
+### `createRenderer(options?)`
+
+Creates a new renderer instance.
+
+```typescript
+const renderer = createRenderer({ debug: false })
+await renderer.render(<MyComponent />)
+const files = renderer.files  // FileNode[]
+renderer.unmount()
+```
+
+### `jsxRenderer`
+
+Pre-built renderer instance for use directly in Kubb plugins as the `jsxRenderer` plugin option.
+
+## JSX Runtime
+
+`@kubb/renderer-jsx` ships its own JSX runtime (`jsx-runtime` and `jsx-dev-runtime`). Configure your `tsconfig.json` to use it:
+
+```json
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "@kubb/renderer-jsx"
+  }
+}
+```
+
+## Supporting Kubb
+
+Kubb is an open source project with its ongoing development made possible entirely by the support of Sponsors. If you would like to become a sponsor, please consider:
+
+- [Become a Sponsor on GitHub](https://github.com/sponsors/stijnvanhulle)
+
+<p align="center">
+  <a href="https://github.com/sponsors/stijnvanhulle">
+    <img src="https://raw.githubusercontent.com/stijnvanhulle/sponsors/main/sponsors.svg" alt="My sponsors" />
+  </a>
+</p>
+
+<!-- Badges -->
+
+[npm-version-src]: https://img.shields.io/npm/v/@kubb/renderer-jsx?flat&colorA=18181B&colorB=f58517
+[npm-version-href]: https://npmjs.com/package/@kubb/renderer-jsx
+[npm-downloads-src]: https://img.shields.io/npm/dm/@kubb/renderer-jsx?flat&colorA=18181B&colorB=f58517
+[npm-downloads-href]: https://npmjs.com/package/@kubb/renderer-jsx
+[license-src]: https://img.shields.io/github/license/kubb-labs/kubb.svg?flat&colorA=18181B&colorB=f58517
+[license-href]: https://github.com/kubb-labs/kubb/blob/main/LICENSE
+[coverage-src]: https://img.shields.io/codecov/c/github/kubb-labs/kubb?style=flat&colorA=18181B&colorB=f58517
+[coverage-href]: https://www.npmjs.com/package/@kubb/renderer-jsx
+[sponsors-src]: https://img.shields.io/github/sponsors/stijnvanhulle?style=flat&colorA=18181B&colorB=f58517
+[sponsors-href]: https://github.com/sponsors/stijnvanhulle/

package/dist/index.cjs

@@ -18149,13 +18149,6 @@ var Runtime = class {
 		}
 		this.resolveExitPromise();
 	}
-	async waitUntilExit() {
-		if (!this.exitPromise) this.exitPromise = new Promise((resolve, reject) => {
-			this.resolveExitPromise = resolve;
-			this.rejectExitPromise = reject;
-		});
-		return this.exitPromise;
-	}
 };
 //#endregion
 //#region src/createRenderer.tsx

package/dist/index.js

@@ -18146,13 +18146,6 @@ var Runtime = class {
 		}
 		this.resolveExitPromise();
 	}
-	async waitUntilExit() {
-		if (!this.exitPromise) this.exitPromise = new Promise((resolve, reject) => {
-			this.resolveExitPromise = resolve;
-			this.rejectExitPromise = reject;
-		});
-		return this.exitPromise;
-	}
 };
 //#endregion
 //#region src/createRenderer.tsx

package/package.json

@@ -1,19 +1,13 @@
 {
   "name": "@kubb/renderer-jsx",
-  "version": "5.0.0-beta.5",
-  "description": "React integration for Kubb - JSX runtime and component-based code generation with React reconciler for building type-safe generators",
+  "version": "5.0.0-beta.7",
+  "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": [
-    "code-generator",
     "codegen",
-    "component-generation",
-    "file-generation",
     "jsx",
     "jsx-runtime",
     "kubb",
-    "plugin-system",
-    "plugins",
     "react",
-    "react-reconciler",
     "typescript"
   ],
   "license": "MIT",
@@ -81,7 +75,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@kubb/ast": "5.0.0-beta.5"
+    "@kubb/ast": "5.0.0-beta.7"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",

package/src/Renderer.ts

@@ -155,9 +155,7 @@ export const Renderer = Reconciler({
   maySuspendCommit() {
     return false
   },
-  // eslint-disable-next-line @typescript-eslint/naming-convention
   NotPendingTransition: undefined,
-  // eslint-disable-next-line @typescript-eslint/naming-convention
   HostTransitionContext: createContext(null) as unknown as ReactContext<unknown>,
   resetFormInstance() {},
   requestPostPaintCallback() {},

package/src/Runtime.tsx

@@ -156,15 +156,4 @@ export class Runtime {
 
     this.resolveExitPromise()
   }
-
-  async waitUntilExit(): Promise<void> {
-    if (!this.exitPromise) {
-      this.exitPromise = new Promise((resolve, reject) => {
-        this.resolveExitPromise = resolve
-        this.rejectExitPromise = reject
-      })
-    }
-
-    return this.exitPromise
-  }
 }