@kubb/react-fabric 0.12.11 → 0.13.1

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import { i as __reExport, n as __exportAll, r as __name } from "./chunk-DbZtQ4qb.js";
-import { n as Param, r as Params } from "./getFunctionParams-CINBJQGH.js";
+import { n as __exportAll, r as __reExport } from "./chunk-Cnw5r_-A.js";
+import { n as Param, r as Params } from "./getFunctionParams-ClT1iMr_.js";
 import { KubbFile } from "@kubb/fabric-core/types";
 import React, { JSX, ReactNode } from "react";
 export * from "@kubb/fabric-core/types";
@@ -59,4 +59,5 @@ type FabricImportProps = KubbFile.Import;
 type FabricExportProps = KubbFile.Export;
 type LineBreakProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>;
 //#endregion
-export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, FabricExportProps, FabricFileProps, FabricImportProps, FabricReactElement, FabricReactNode, FabricSourceProps, FabricTextProps, Key, LineBreakProps, type Param, type Params, TextNode, types_d_exports as t };
+export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, FabricExportProps, FabricFileProps, FabricImportProps, FabricReactElement, FabricReactNode, FabricSourceProps, FabricTextProps, Key, LineBreakProps, type Param, type Params, TextNode, types_d_exports as t };
+//# sourceMappingURL=types.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubb/react-fabric",
-  "version": "0.12.11",
+  "version": "0.13.1",
   "description": "React integration for Kubb's fabric - JSX runtime and component-based code generation with React reconciler for building type-safe generators",
   "keywords": [
     "react",
@@ -19,7 +19,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/kubb-labs/fabric.git",
+    "url": "git+https://github.com/kubb-labs/fabric.git",
     "directory": "packages/react-fabric"
   },
   "license": "MIT",
@@ -62,7 +62,7 @@
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.cts",
+  "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
       "globals": [
@@ -102,16 +102,13 @@
     }
   ],
   "dependencies": {
-    "execa": "^9.6.1",
-    "natural-orderby": "^5.0.0",
     "react-devtools-core": "6.1.5",
-    "remeda": "^2.33.5",
-    "signal-exit": "^4.1.0",
+    "remeda": "^2.33.6",
     "ws": "8.18.0",
-    "@kubb/fabric-core": "0.12.11"
+    "@kubb/fabric-core": "0.13.1"
   },
   "devDependencies": {
-    "@types/react": "^19.2.13",
+    "@types/react": "^19.2.14",
     "@types/react-reconciler": "0.32.0",
     "@types/ws": "^8.18.1",
     "react": "19.2.3",
@@ -126,12 +123,12 @@
   },
   "scripts": {
     "build": "tsdown && size-limit",
-    "start": "tsdown --watch ./src",
-    "clean": "npx rimraf ./dist",
+    "clean": "node -e \"require('fs').rmSync('./dist', {recursive:true,force:true})\"",
     "lint": "pnpm biome lint .",
     "lint:fix": "pnpm biome lint --fix --unsafe .",
     "release": "pnpm publish --no-git-check",
     "release:canary": "bash ../../.github/canary.sh && node ../../scripts/build.js canary && pnpm publish --no-git-check -tag canary",
+    "start": "tsdown --watch ./src",
     "start:devtools": "npx react-devtools",
     "test": "vitest --passWithNoTests",
     "test:devtools": "node ./dist/runner.cjs",

package/src/Runtime.tsx

@@ -1,8 +1,8 @@
 import process from 'node:process'
-import { type FileManager, TreeNode } from '@kubb/fabric-core'
+import { type FileManager, onProcessExit, TreeNode } from '@kubb/fabric-core'
 import { ConcurrentRoot } from 'react-reconciler/constants.js'
-import { onExit } from 'signal-exit'
 import { Root } from './components/Root.tsx'
+
 import { createNode } from './dom.ts'
 import type { FiberRoot } from './Renderer.ts'
 import { Renderer } from './Renderer.ts'
@@ -71,12 +71,10 @@ export class Runtime {
     )
 
     // Unmount when process exits
-    this.unsubscribeExit = onExit(
-      (code) => {
-        this.unmount(code)
-      },
-      { alwaysLast: false },
-    ).bind(this)
+    // Unmount when process exits
+    this.unsubscribeExit = onProcessExit((code) => {
+      this.unmount(code)
+    })
   }
 
   get fileManager() {

package/src/devtools.ts

@@ -1,7 +1,6 @@
-import { execa } from 'execa'
-import { onExit } from 'signal-exit'
+import { spawn } from 'node:child_process'
+import { onProcessExit } from '@kubb/fabric-core'
 import ws from 'ws'
-
 import { Renderer } from './Renderer.ts'
 
 declare global {
@@ -92,12 +91,12 @@ export function openDevtools() {
     console.info('Opening devtools')
     const controller = new AbortController()
     if (!isOpen) {
-      execa({
+      const child = spawn('npx', ['react-devtools@6.1.5'], {
+        signal: controller.signal,
         stdio: 'pipe',
-        preferLocal: true,
-        cancelSignal: controller.signal,
-        gracefulCancel: true,
-      })`npx react-devtools@6.1.5`
+        detached: true,
+      })
+      child.unref()
     }
 
     isOpen = true
@@ -133,12 +132,9 @@ export function openDevtools() {
       console.info('Error when connecting the devtools')
     }
 
-    onExit(
-      () => {
-        console.info('Disconnecting devtools')
-        controller.abort()
-      },
-      { alwaysLast: false },
-    )
+    onProcessExit(() => {
+      console.info('Disconnecting devtools')
+      controller.abort()
+    })
   })
 }

package/src/utils/getFunctionParams.ts

@@ -1,4 +1,4 @@
-import { orderBy } from 'natural-orderby'
+import { sortBy } from 'remeda'
 
 export type Param = {
   /**
@@ -44,28 +44,22 @@ type Options = {
 }
 
 function order(items: Array<[key: string, item?: ParamItem]>) {
-  return orderBy(
-    items.filter(Boolean),
-    [
-      ([_key, item]) => {
-        if (item?.children) {
-          return 0 // Treat items with children as required (they'll get = {} if all children are optional)
-        }
-        // Priority order: required (0) → optional (1) → default-only (2)
-        if (item?.optional) {
-          return 1 // Optional parameters (with or without default)
-        }
-        if (item?.default) {
-          // Parameters with default only (not marked as optional)
-          // Note: While the ParamItem type suggests optional and default are mutually exclusive,
-          // this handles the case where a parameter has a default value but isn't explicitly marked as optional
-          return 2
-        }
-        return 0 // Required parameters
-      },
-    ],
-    ['asc'],
-  )
+  return sortBy(items.filter(Boolean) as Array<[key: string, item?: ParamItem]>, ([_key, item]) => {
+    if (item?.children) {
+      return 0 // Treat items with children as required (they'll get = {} if all children are optional)
+    }
+    // Priority order: required (0) → optional (1) → default-only (2)
+    if (item?.optional) {
+      return 1 // Optional parameters (with or without default)
+    }
+    if (item?.default) {
+      // Parameters with default only (not marked as optional)
+      // Note: While the ParamItem type suggests optional and default are mutually exclusive,
+      // this handles the case where a parameter has a default value but isn't explicitly marked as optional
+      return 2
+    }
+    return 0 // Required parameters
+  })
 }
 
 function parseChild(key: string, item: ParamItem, options: Options): string | null {

package/dist/globals.d.cts

@@ -1,23 +0,0 @@
-import { o as __name } from "./getFunctionParams-BaDz1zZu.cjs";
-import { FabricExportProps, FabricFileProps, FabricImportProps, FabricReactElement, FabricReactNode, FabricSourceProps, FabricTextProps, LineBreakProps } from "./types.cjs";
-import React from "react";
-
-//#region src/globals.d.ts
-declare global {
-  namespace JSX {
-    type Element = FabricReactElement;
-    interface ElementClass extends React.ComponentClass<any> {
-      render(): FabricReactNode;
-    }
-    interface IntrinsicElements {
-      'kubb-text': FabricTextProps;
-      'kubb-file': FabricFileProps;
-      'kubb-source': FabricSourceProps;
-      'kubb-import': FabricImportProps;
-      'kubb-export': FabricExportProps;
-      br: LineBreakProps;
-      indent: {};
-      dedent: {};
-    }
-  }
-}

package/dist/index.d.cts

@@ -1,346 +0,0 @@
-import { i as createFunctionParams, o as __name, t as FunctionParams } from "./getFunctionParams-BaDz1zZu.cjs";
-import { FabricReactElement, FabricReactNode, Key, t as types_d_exports } from "./types.cjs";
-import { t as Options$1 } from "./reactPlugin-CfilrfRJ.cjs";
-import * as react from "react";
-import { Fabric as Fabric$1, FabricConfig, FabricMode, KubbFile } from "@kubb/fabric-core/types";
-import { Fabric, FileManager, FileManager as FileManager$1, FileProcessor, TreeNode, TreeNode as TreeNode$1, createContext, createFabric, createFile, useApp, useContext, useFile, useLifecycle } from "@kubb/fabric-core";
-
-//#region src/components/App.d.ts
-type AppProps<TMeta extends object = object> = {
-  /**
-   * Metadata associated with the App.
-   */
-  meta?: TMeta;
-  /**
-   * Children nodes.
-   */
-  children?: FabricReactNode;
-};
-/**
- * App container containing the AppContext carrying `meta` and an `exit` hook.
- */
-declare function App<TMeta extends object = object>({
-  children,
-  ...props
-}: AppProps<TMeta>): FabricReactElement;
-declare namespace App {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/Const.d.ts
-type ConstProps = {
-  key?: Key;
-  /**
-   * Name of the const
-   */
-  name: string;
-  /**
-   * Does this type need to be exported.
-   */
-  export?: boolean;
-  /**
-   * Type to make the const being typed
-   */
-  type?: string;
-  /**
-   * Options for JSdocs.
-   */
-  JSDoc?: types_d_exports.JSDoc;
-  /**
-   * Use of `const` assertions
-   */
-  asConst?: boolean;
-  /**
-   * Children nodes.
-   */
-  children?: FabricReactNode;
-};
-/**
- * Generates a TypeScript constant declaration.
- */
-declare function Const({
-  children,
-  ...props
-}: ConstProps): FabricReactElement;
-declare namespace Const {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/File.d.ts
-type BasePropsWithBaseName = {
-  /**
-   * Name to be used to dynamicly create the baseName(based on input.path).
-   * Based on UNIX basename
-   * @link https://nodejs.org/api/path.html#pathbasenamepath-suffix
-   */
-  baseName: KubbFile.BaseName;
-  /**
-   * Path will be full qualified path to a specified file.
-   */
-  path: KubbFile.Path;
-};
-type BasePropsWithoutBaseName = {
-  baseName?: never;
-  /**
-   * Path will be full qualified path to a specified file.
-   */
-  path?: KubbFile.Path;
-};
-type BaseProps = BasePropsWithBaseName | BasePropsWithoutBaseName;
-type Props$1<TMeta> = BaseProps & {
-  key?: Key;
-  meta?: TMeta;
-  banner?: string;
-  footer?: string;
-  children?: FabricReactNode;
-};
-/**
- * Adds files to the FileManager
- */
-declare function File<TMeta extends object = object>({
-  children,
-  ...props
-}: Props$1<TMeta>): FabricReactElement;
-declare namespace File {
-  var displayName: string;
-  var Export: typeof FileExport;
-  var Import: typeof FileImport;
-  var Source: typeof FileSource;
-}
-type FileSourceProps = Omit<KubbFile.Source, 'value'> & {
-  key?: Key;
-  children?: FabricReactNode;
-};
-/**
- * File.Source
- *
- * Marks a block of source text to be associated with the current file when
- * rendering with the FileCollector. Children are treated as the source string.
- */
-declare function FileSource({
-  children,
-  ...props
-}: FileSourceProps): FabricReactElement;
-declare namespace FileSource {
-  var displayName: string;
-}
-type FileExportProps = KubbFile.Export & {
-  key?: Key;
-};
-/**
- * File.Export
- *
- * Declares an export entry for the current file. This will be collected by
- * the FileCollector for later emission.
- */
-declare function FileExport(props: FileExportProps): FabricReactElement;
-declare namespace FileExport {
-  var displayName: string;
-}
-type FileImportProps = KubbFile.Import & {
-  key?: Key;
-};
-/**
- * File.Import
- *
- * Declares an import entry for the current file.
- */
-declare function FileImport(props: FileImportProps): FabricReactElement;
-declare namespace FileImport {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/Function.d.ts
-type Props = {
-  key?: Key;
-  /**
-   * Name of the function.
-   */
-  name: string;
-  /**
-   * Add default when export is being used
-   */
-  default?: boolean;
-  /**
-   * Parameters/options/props that need to be used.
-   */
-  params?: string;
-  /**
-   * Does this function need to be exported.
-   */
-  export?: boolean;
-  /**
-   * Does the function has async/promise behavior.
-   * This will also add `Promise<returnType>` as the returnType.
-   */
-  async?: boolean;
-  /**
-   * Generics that needs to be added for TypeScript.
-   */
-  generics?: string | string[];
-  /**
-   * ReturnType(see async for adding Promise type).
-   */
-  returnType?: string;
-  /**
-   * Options for JSdocs.
-   */
-  JSDoc?: types_d_exports.JSDoc;
-  /**
-   * Children nodes.
-   */
-  children?: FabricReactNode;
-};
-/**
- * Generates a TypeScript function declaration.
- */
-declare function Function({
-  children,
-  ...props
-}: Props): FabricReactElement;
-declare namespace Function {
-  var displayName: string;
-  var Arrow: typeof ArrowFunction;
-}
-type ArrowFunctionProps = Props & {
-  /**
-   * Create Arrow function in one line
-   */
-  singleLine?: boolean;
-};
-/**
- * ArrowFunction
- *
- * Renders an arrow function definition. Supports the same flags as `Function`.
- * Use `singleLine` to render the body as a single-line expression.
- */
-declare function ArrowFunction({
-  children,
-  ...props
-}: ArrowFunctionProps): react.JSX.Element;
-declare namespace ArrowFunction {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/Root.d.ts
-type RootProps = {
-  /**
-   * Exit (unmount) the whole app.
-   */
-  onExit: (error?: Error) => void;
-  /**
-   * Error hook receiving runtime exceptions.
-   */
-  onError: (error: Error) => void;
-  /**
-   * TreeNode representing the tree structure of the app.
-   */
-  treeNode: TreeNode$1<types_d_exports.ComponentNode>;
-  /**
-   * FileManager instance for managing files within the app.
-   */
-  fileManager: FileManager$1;
-  /**
-   * Children nodes.
-   */
-  children?: FabricReactNode;
-};
-/**
- * This component provides the root behavior for the Fabric runtime.
- */
-declare function Root({
-  onError,
-  onExit,
-  treeNode,
-  fileManager,
-  children
-}: RootProps): FabricReactElement;
-declare namespace Root {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/Type.d.ts
-type TypeProps = {
-  key?: Key;
-  /**
-   * Name of the type, this needs to start with a capital letter.
-   */
-  name: string;
-  /**
-   * Does this type need to be exported.
-   */
-  export?: boolean;
-  /**
-   * Options for JSdocs.
-   */
-  JSDoc?: types_d_exports.JSDoc;
-  /**
-   * Children nodes.
-   */
-  children?: FabricReactNode;
-};
-/**
- * Generates a TypeScript type declaration.
- */
-declare function Type({
-  children,
-  ...props
-}: TypeProps): FabricReactElement;
-declare namespace Type {
-  var displayName: string;
-}
-//#endregion
-//#region src/createReactFabric.d.ts
-declare function createReactFabric(config?: FabricConfig<Options$1 & {
-  mode?: FabricMode;
-  devtools?: boolean;
-}>): Fabric$1<Options$1 & {
-  mode?: FabricMode;
-  devtools?: boolean;
-}>;
-//#endregion
-//#region src/devtools.d.ts
-declare global {
-  var WebSocket: typeof WebSocket;
-  var self: any;
-  var window: any;
-  var isDevtoolsEnabled: any;
-}
-declare function openDevtools(): undefined;
-//#endregion
-//#region src/Runtime.d.ts
-type Options = {
-  fileManager: FileManager$1;
-  treeNode?: TreeNode$1<types_d_exports.ComponentNode>;
-  stdout?: NodeJS.WriteStream;
-  stdin?: NodeJS.ReadStream;
-  stderr?: NodeJS.WriteStream;
-  /**
-   * Set this to true to always see the result of the render in the console(line per render)
-   */
-  debug?: boolean;
-};
-declare class Runtime {
-  #private;
-  exitPromise?: Promise<void>;
-  constructor(options: Options);
-  get fileManager(): FileManager$1;
-  resolveExitPromise: () => void;
-  rejectExitPromise: (reason?: Error) => void;
-  unsubscribeExit: () => void;
-  onRender: () => Promise<void>;
-  onError(error: Error): void;
-  onExit(error?: Error): void;
-  render(node: FabricReactElement): Promise<void>;
-  renderToString(node: FabricReactElement): Promise<string>;
-  unmount(error?: Error | number | null): void;
-  waitUntilExit(): Promise<void>;
-}
-//#endregion
-//#region src/index.d.ts
-declare const useState: typeof react.useState;
-declare const useEffect: typeof react.useEffect;
-declare const useReducer: typeof react.useReducer;
-declare const useRef: typeof react.useRef;
-//#endregion
-export { App, Const, type Fabric, File, FileManager, FileProcessor, Function, FunctionParams, Root, Runtime, TreeNode, Type, createContext, createFabric, createFile, createFunctionParams, createReactFabric, openDevtools, useApp, useContext, useEffect, useFile, useLifecycle, useReducer, useRef, useState };

package/dist/jsx-dev-runtime.d.cts

@@ -1,13 +0,0 @@
-import { o as __name } from "./getFunctionParams-BaDz1zZu.cjs";
-import { FabricReactElement, FabricReactNode } from "./types.cjs";
-import { t as JSX } from "./jsx-namespace-zRAnd-2Y.cjs";
-import * as react from "react";
-import * as React$1 from "react/jsx-dev-runtime";
-
-//#region src/jsx-dev-runtime.d.ts
-declare const Fragment: react.ExoticComponent<react.FragmentProps>;
-declare const jsxDEV: typeof React$1.jsxDEV;
-type JSXElement = FabricReactElement;
-type ReactNode = FabricReactNode;
-//#endregion
-export { Fragment, JSX, JSXElement, ReactNode, jsxDEV };

package/dist/jsx-runtime.d.cts

@@ -1,15 +0,0 @@
-import { o as __name } from "./getFunctionParams-BaDz1zZu.cjs";
-import { FabricReactElement, FabricReactNode } from "./types.cjs";
-import { t as JSX } from "./jsx-namespace-zRAnd-2Y.cjs";
-import * as react from "react";
-import * as React$1 from "react/jsx-runtime";
-
-//#region src/jsx-runtime.d.ts
-declare const Fragment: react.ExoticComponent<react.FragmentProps>;
-declare const jsx: typeof React$1.jsx;
-declare const jsxDEV: typeof React$1.jsx;
-declare const jsxs: typeof React$1.jsxs;
-type JSXElement = FabricReactElement;
-type ReactNode = FabricReactNode;
-//#endregion
-export { Fragment, JSX, JSXElement, ReactNode, jsx, jsxDEV, jsxs };

package/dist/parsers.d.cts

@@ -1 +0,0 @@
-export * from "@kubb/fabric-core/parsers";

package/dist/plugins.d.cts

@@ -1,3 +0,0 @@
-import { n as reactPlugin } from "./reactPlugin-CfilrfRJ.cjs";
-export * from "@kubb/fabric-core/plugins";
-export { reactPlugin };