@kubb/react-fabric 0.12.11 → 0.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubb/react-fabric",
-  "version": "0.12.11",
+  "version": "0.13.0",
   "description": "React integration for Kubb's fabric - JSX runtime and component-based code generation with React reconciler for building type-safe generators",
   "keywords": [
     "react",
@@ -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.0"
   },
   "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",
@@ -127,7 +124,7 @@
   "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",

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 {