@kubb/react-fabric 0.1.8 → 0.2.1

package/dist/plugins.cjs

@@ -1,42 +1,11 @@
-const require_react$1 = require('./react-Bq0UOw6S.cjs');
-const require_Runtime = require('./Runtime-JI640uK4.cjs');
-require('./jsx-runtime-d2dmYscH.cjs');
-let __kubb_fabric_core_plugins = require("@kubb/fabric-core/plugins");
-__kubb_fabric_core_plugins = require_react$1.__toESM(__kubb_fabric_core_plugins);
+require('./jsx-runtime-BOrVcbIT.cjs');
+const require_plugins = require('./plugins-CEGJdkpj.cjs');
 
-//#region src/plugins/reactPlugin.ts
-var import_react = /* @__PURE__ */ require_react$1.__toESM(require_react$1.require_react(), 1);
-const reactPlugin = (0, __kubb_fabric_core_plugins.createPlugin)({
-	name: "react",
-	install() {},
-	inject(app, options = {}) {
-		const runtime = new require_Runtime.Runtime({
-			fileManager: app.context.fileManager,
-			...options
-		});
-		return {
-			async render(App) {
-				runtime.render((0, import_react.createElement)(App));
-				await app.context.events.emit("start");
-			},
-			async renderToString(App) {
-				return runtime.renderToString((0, import_react.createElement)(App));
-			},
-			async waitUntilExit() {
-				await runtime.waitUntilExit();
-				await app.context.events.emit("end");
-			}
-		};
-	}
-});
-
-//#endregion
-exports.reactPlugin = reactPlugin;
+exports.reactPlugin = require_plugins.reactPlugin;
+var __kubb_fabric_core_plugins = require("@kubb/fabric-core/plugins");
 Object.keys(__kubb_fabric_core_plugins).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
     get: function () { return __kubb_fabric_core_plugins[k]; }
   });
 });
-
-//# sourceMappingURL=plugins.cjs.map

package/dist/plugins.d.cts

@@ -1,15 +1,15 @@
-import { r as Extname } from "./KubbFile-FGXV713i.cjs";
-import { o as Plugin, s as UserPlugin } from "./App-CbT7rbmH.cjs";
-import { ElementType } from "react";
+import { r as Extname } from "./KubbFile-DHCtBOpy.cjs";
+import { c as UserPlugin, s as Plugin } from "./Fabric-nxgJyzWH.cjs";
+import { n as reactPlugin } from "./reactPlugin-CLgWWifj.cjs";
 
 //#region ../fabric-core/src/plugins/createPlugin.d.ts
-declare function createPlugin<Options$4 = unknown, TAppExtension extends Record<string, any> = {}>(plugin: UserPlugin<Options$4, TAppExtension>): Plugin<Options$4, TAppExtension>;
+declare function createPlugin<Options$3 = unknown, TAppExtension extends Record<string, any> = {}>(plugin: UserPlugin<Options$3, TAppExtension>): Plugin<Options$3, TAppExtension>;
 //#endregion
 //#region ../fabric-core/src/plugins/fsPlugin.d.ts
 type WriteOptions = {
   extension?: Record<Extname, Extname | ''>;
 };
-type Options$3 = {
+type Options$2 = {
   dryRun?: boolean;
   /**
    * Optional callback that is invoked whenever a file is written by the plugin.
@@ -20,26 +20,26 @@ type Options$3 = {
     path: string;
   };
 };
-type ExtendOptions$2 = {
+type ExtendOptions$1 = {
   write(options?: WriteOptions): Promise<void>;
 };
 declare module '@kubb/fabric-core' {
-  interface App {
+  interface Fabric {
     write(options?: WriteOptions): Promise<void>;
   }
 }
 declare global {
   namespace Kubb {
-    interface App {
+    interface Fabric {
       write(options?: WriteOptions): Promise<void>;
     }
   }
 }
-declare const fsPlugin: Plugin<Options$3, ExtendOptions$2>;
+declare const fsPlugin: Plugin<Options$2, ExtendOptions$1>;
 //#endregion
 //#region ../fabric-core/src/plugins/barrelPlugin.d.ts
 type Mode = 'all' | 'named' | 'propagate' | false;
-type Options$2 = {
+type Options$1 = {
   root: string;
   mode: Mode;
   dryRun?: boolean;
@@ -48,68 +48,35 @@ type WriteEntryOptions = {
   root: string;
   mode: Mode;
 };
-type ExtendOptions$1 = {
+type ExtendOptions = {
   writeEntry(options: WriteEntryOptions): Promise<void>;
 };
 declare module '@kubb/fabric-core' {
-  interface App {
+  interface Fabric {
     writeEntry(options: WriteEntryOptions): Promise<void>;
   }
 }
 declare global {
   namespace Kubb {
-    interface App {
+    interface Fabric {
       writeEntry(options: WriteEntryOptions): Promise<void>;
     }
   }
 }
-declare const barrelPlugin: Plugin<Options$2, ExtendOptions$1>;
+declare const barrelPlugin: Plugin<Options$1, ExtendOptions>;
 //#endregion
 //#region ../fabric-core/src/plugins/progressPlugin.d.ts
 declare const progressPlugin: Plugin<[], {}>;
 //#endregion
 //#region ../fabric-core/src/plugins/graphPlugin.d.ts
-type Options$1 = {
+type Options = {
   root: string;
   /**
    * @default false
    */
   open?: boolean;
 };
-declare const graphPlugin: Plugin<Options$1, {}>;
-//#endregion
-//#region src/plugins/reactPlugin.d.ts
-type Options = {
-  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;
-};
-type ExtendOptions = {
-  render(App: ElementType): Promise<void> | void;
-  renderToString(App: ElementType): Promise<string> | string;
-  waitUntilExit(): Promise<void>;
-};
-declare module '@kubb/fabric-core' {
-  interface App {
-    render(App: ElementType): Promise<void> | void;
-    renderToString(App: ElementType): Promise<string> | string;
-    waitUntilExit(): Promise<void>;
-  }
-}
-declare global {
-  namespace Kubb {
-    interface App {
-      render(App: ElementType): Promise<void> | void;
-      renderToString(App: ElementType): Promise<string> | string;
-      waitUntilExit(): Promise<void>;
-    }
-  }
-}
-declare const reactPlugin: Plugin<Options, ExtendOptions>;
+declare const graphPlugin: Plugin<Options, {}>;
 //#endregion
 export { barrelPlugin, createPlugin, fsPlugin, graphPlugin, progressPlugin, reactPlugin };
 //# sourceMappingURL=plugins.d.cts.map

package/dist/plugins.d.ts

@@ -1,15 +1,15 @@
-import { r as Extname } from "./KubbFile-D4gyyfL-.js";
-import { o as Plugin, s as UserPlugin } from "./App-D7ehObix.js";
-import { ElementType } from "react";
+import { r as Extname } from "./KubbFile-DFnA3mmn.js";
+import { c as UserPlugin, s as Plugin } from "./Fabric-tVWTpMR5.js";
+import { n as reactPlugin } from "./reactPlugin-B47Guoya.js";
 
 //#region ../fabric-core/src/plugins/createPlugin.d.ts
-declare function createPlugin<Options$4 = unknown, TAppExtension extends Record<string, any> = {}>(plugin: UserPlugin<Options$4, TAppExtension>): Plugin<Options$4, TAppExtension>;
+declare function createPlugin<Options$3 = unknown, TAppExtension extends Record<string, any> = {}>(plugin: UserPlugin<Options$3, TAppExtension>): Plugin<Options$3, TAppExtension>;
 //#endregion
 //#region ../fabric-core/src/plugins/fsPlugin.d.ts
 type WriteOptions = {
   extension?: Record<Extname, Extname | ''>;
 };
-type Options$3 = {
+type Options$2 = {
   dryRun?: boolean;
   /**
    * Optional callback that is invoked whenever a file is written by the plugin.
@@ -20,26 +20,26 @@ type Options$3 = {
     path: string;
   };
 };
-type ExtendOptions$2 = {
+type ExtendOptions$1 = {
   write(options?: WriteOptions): Promise<void>;
 };
 declare module '@kubb/fabric-core' {
-  interface App {
+  interface Fabric {
     write(options?: WriteOptions): Promise<void>;
   }
 }
 declare global {
   namespace Kubb {
-    interface App {
+    interface Fabric {
       write(options?: WriteOptions): Promise<void>;
     }
   }
 }
-declare const fsPlugin: Plugin<Options$3, ExtendOptions$2>;
+declare const fsPlugin: Plugin<Options$2, ExtendOptions$1>;
 //#endregion
 //#region ../fabric-core/src/plugins/barrelPlugin.d.ts
 type Mode = 'all' | 'named' | 'propagate' | false;
-type Options$2 = {
+type Options$1 = {
   root: string;
   mode: Mode;
   dryRun?: boolean;
@@ -48,68 +48,35 @@ type WriteEntryOptions = {
   root: string;
   mode: Mode;
 };
-type ExtendOptions$1 = {
+type ExtendOptions = {
   writeEntry(options: WriteEntryOptions): Promise<void>;
 };
 declare module '@kubb/fabric-core' {
-  interface App {
+  interface Fabric {
     writeEntry(options: WriteEntryOptions): Promise<void>;
   }
 }
 declare global {
   namespace Kubb {
-    interface App {
+    interface Fabric {
       writeEntry(options: WriteEntryOptions): Promise<void>;
     }
   }
 }
-declare const barrelPlugin: Plugin<Options$2, ExtendOptions$1>;
+declare const barrelPlugin: Plugin<Options$1, ExtendOptions>;
 //#endregion
 //#region ../fabric-core/src/plugins/progressPlugin.d.ts
 declare const progressPlugin: Plugin<[], {}>;
 //#endregion
 //#region ../fabric-core/src/plugins/graphPlugin.d.ts
-type Options$1 = {
+type Options = {
   root: string;
   /**
    * @default false
    */
   open?: boolean;
 };
-declare const graphPlugin: Plugin<Options$1, {}>;
-//#endregion
-//#region src/plugins/reactPlugin.d.ts
-type Options = {
-  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;
-};
-type ExtendOptions = {
-  render(App: ElementType): Promise<void> | void;
-  renderToString(App: ElementType): Promise<string> | string;
-  waitUntilExit(): Promise<void>;
-};
-declare module '@kubb/fabric-core' {
-  interface App {
-    render(App: ElementType): Promise<void> | void;
-    renderToString(App: ElementType): Promise<string> | string;
-    waitUntilExit(): Promise<void>;
-  }
-}
-declare global {
-  namespace Kubb {
-    interface App {
-      render(App: ElementType): Promise<void> | void;
-      renderToString(App: ElementType): Promise<string> | string;
-      waitUntilExit(): Promise<void>;
-    }
-  }
-}
-declare const reactPlugin: Plugin<Options, ExtendOptions>;
+declare const graphPlugin: Plugin<Options, {}>;
 //#endregion
 export { barrelPlugin, createPlugin, fsPlugin, graphPlugin, progressPlugin, reactPlugin };
 //# sourceMappingURL=plugins.d.ts.map

package/dist/plugins.js

@@ -1,36 +1,6 @@
-import { r as __toESM, t as require_react } from "./react-BBkwFtZV.js";
-import { t as Runtime } from "./Runtime-DWlDUeLZ.js";
-import "./jsx-runtime-Dg-pJBHd.js";
-import { createPlugin } from "@kubb/fabric-core/plugins";
+import "./jsx-runtime-CFd_ktZn.js";
+import { t as reactPlugin } from "./plugins-aZCNhIC8.js";
 
 export * from "@kubb/fabric-core/plugins"
 
-//#region src/plugins/reactPlugin.ts
-var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
-const reactPlugin = createPlugin({
-	name: "react",
-	install() {},
-	inject(app, options = {}) {
-		const runtime = new Runtime({
-			fileManager: app.context.fileManager,
-			...options
-		});
-		return {
-			async render(App) {
-				runtime.render((0, import_react.createElement)(App));
-				await app.context.events.emit("start");
-			},
-			async renderToString(App) {
-				return runtime.renderToString((0, import_react.createElement)(App));
-			},
-			async waitUntilExit() {
-				await runtime.waitUntilExit();
-				await app.context.events.emit("end");
-			}
-		};
-	}
-});
-
-//#endregion
-export { reactPlugin };
-//# sourceMappingURL=plugins.js.map
+export { reactPlugin };

package/dist/reactPlugin-B47Guoya.d.ts

@@ -0,0 +1,38 @@
+import { s as Plugin } from "./Fabric-tVWTpMR5.js";
+import { ElementType } from "react";
+
+//#region src/plugins/reactPlugin.d.ts
+type Options = {
+  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;
+};
+type ExtendOptions = {
+  render(App: ElementType): Promise<void> | void;
+  renderToString(App: ElementType): Promise<string> | string;
+  waitUntilExit(): Promise<void>;
+};
+declare module '@kubb/fabric-core' {
+  interface Fabric {
+    render(App: ElementType): Promise<void> | void;
+    renderToString(App: ElementType): Promise<string> | string;
+    waitUntilExit(): Promise<void>;
+  }
+}
+declare global {
+  namespace Kubb {
+    interface Fabric {
+      render(App: ElementType): Promise<void> | void;
+      renderToString(App: ElementType): Promise<string> | string;
+      waitUntilExit(): Promise<void>;
+    }
+  }
+}
+declare const reactPlugin: Plugin<Options, ExtendOptions>;
+//#endregion
+export { reactPlugin as n, Options as t };
+//# sourceMappingURL=reactPlugin-B47Guoya.d.ts.map

package/dist/reactPlugin-CLgWWifj.d.cts

@@ -0,0 +1,38 @@
+import { s as Plugin } from "./Fabric-nxgJyzWH.cjs";
+import { ElementType } from "react";
+
+//#region src/plugins/reactPlugin.d.ts
+type Options = {
+  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;
+};
+type ExtendOptions = {
+  render(App: ElementType): Promise<void> | void;
+  renderToString(App: ElementType): Promise<string> | string;
+  waitUntilExit(): Promise<void>;
+};
+declare module '@kubb/fabric-core' {
+  interface Fabric {
+    render(App: ElementType): Promise<void> | void;
+    renderToString(App: ElementType): Promise<string> | string;
+    waitUntilExit(): Promise<void>;
+  }
+}
+declare global {
+  namespace Kubb {
+    interface Fabric {
+      render(App: ElementType): Promise<void> | void;
+      renderToString(App: ElementType): Promise<string> | string;
+      waitUntilExit(): Promise<void>;
+    }
+  }
+}
+declare const reactPlugin: Plugin<Options, ExtendOptions>;
+//#endregion
+export { reactPlugin as n, Options as t };
+//# sourceMappingURL=reactPlugin-CLgWWifj.d.cts.map

package/dist/{types-C3p0Ljxf.d.cts → types-DoYRYV1C.d.cts}

@@ -82,4 +82,4 @@ type JSDoc = {
 };
 //#endregion
 export { JSDoc as a, TextNode as c, Params as d, createFunctionParams as f, ElementNames as i, FunctionParams as l, DOMNode as n, Key as o, DOMNodeAttribute as r, KubbNode as s, DOMElement as t, Param as u };
-//# sourceMappingURL=types-C3p0Ljxf.d.cts.map
+//# sourceMappingURL=types-DoYRYV1C.d.cts.map

package/dist/{types-Brnyan9B.d.ts → types-u_NEi07i.d.ts}

@@ -82,4 +82,4 @@ type JSDoc = {
 };
 //#endregion
 export { JSDoc as a, TextNode as c, Params as d, createFunctionParams as f, ElementNames as i, FunctionParams as l, DOMNode as n, Key as o, DOMNodeAttribute as r, KubbNode as s, DOMElement as t, Param as u };
-//# sourceMappingURL=types-Brnyan9B.d.ts.map
+//# sourceMappingURL=types-u_NEi07i.d.ts.map

package/dist/types.d.cts

@@ -1,2 +1,2 @@
-import { a as JSDoc, c as TextNode, d as Params, i as ElementNames, n as DOMNode, o as Key, r as DOMNodeAttribute, s as KubbNode, t as DOMElement, u as Param } from "./types-C3p0Ljxf.cjs";
+import { a as JSDoc, c as TextNode, d as Params, i as ElementNames, n as DOMNode, o as Key, r as DOMNodeAttribute, s as KubbNode, t as DOMElement, u as Param } from "./types-DoYRYV1C.cjs";
 export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, JSDoc, Key, KubbNode, Param, Params, TextNode };

package/dist/types.d.ts

@@ -1,2 +1,2 @@
-import { a as JSDoc, c as TextNode, d as Params, i as ElementNames, n as DOMNode, o as Key, r as DOMNodeAttribute, s as KubbNode, t as DOMElement, u as Param } from "./types-Brnyan9B.js";
+import { a as JSDoc, c as TextNode, d as Params, i as ElementNames, n as DOMNode, o as Key, r as DOMNodeAttribute, s as KubbNode, t as DOMElement, u as Param } from "./types-u_NEi07i.js";
 export { DOMElement, DOMNode, DOMNodeAttribute, ElementNames, JSDoc, Key, KubbNode, Param, Params, TextNode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubb/react-fabric",
-  "version": "0.1.8",
+  "version": "0.2.1",
   "description": "React integration for Kubb, providing JSX runtime support and React component generation capabilities for code generation plugins.",
   "keywords": [
     "react",
@@ -37,6 +37,10 @@
       "import": "./dist/globals.js",
       "require": "./dist/globals.cjs"
     },
+    "./jsx-dev-runtime": {
+      "import": "./dist/jsx-dev-runtime.js",
+      "require": "./dist/jsx-dev-runtime.cjs"
+    },
     "./jsx-runtime": {
       "import": "./dist/jsx-runtime.js",
       "require": "./dist/jsx-runtime.cjs"
@@ -94,18 +98,18 @@
     "execa": "^9.6.0",
     "indent-string": "^5.0.0",
     "natural-orderby": "^5.0.0",
-    "react": "^19.2.0",
-    "react-devtools-inline": "^7.0.1",
+    "react-devtools-core": "6.1.2",
     "react-reconciler": "0.32.0",
     "signal-exit": "^4.1.0",
-    "ws": "^8.18.3",
-    "@kubb/fabric-core": "0.1.8"
+    "ws": "8.18.0",
+    "@kubb/fabric-core": "0.2.1"
   },
   "devDependencies": {
+    "react": "^19.2.0",
     "@types/react": "^19.2.2",
     "@types/react-reconciler": "0.32.0",
     "@types/ws": "^8.18.1",
-    "tsdown": "^0.15.9",
+    "tsdown": "^0.15.10",
     "typescript": "^5.9.3"
   },
   "engines": {
@@ -117,12 +121,12 @@
   },
   "scripts": {
     "build": "tsdown",
+    "start": "tsdown --watch ./src",
     "clean": "npx rimraf ./dist",
     "lint": "bun biome lint .",
     "lint:fix": "bun 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",
     "start:devtools": "npx react-devtools",
     "test": "vitest --passWithNoTests",
     "test:devtools": "node ./dist/runner.cjs",

package/src/Renderer.ts

@@ -1,9 +1,10 @@
-import Reconciler from 'react-reconciler'
+import Reconciler, { type ReactContext } from 'react-reconciler'
 import { DefaultEventPriority, NoEventPriority } from 'react-reconciler/constants'
 
 import { appendChildNode, createNode, createTextNode, insertBeforeNode, removeChildNode, setAttribute, setTextNodeValue } from './dom.ts'
 import type { KubbNode } from './types'
 import type { DOMElement, DOMNodeAttribute, ElementNames, TextNode } from './types.ts'
+import { createContext } from 'react'
 
 declare module 'react-reconciler' {
   // @ts-expect-error custom override
@@ -119,7 +120,6 @@ export const Renderer = Reconciler({
   removeChildFromContainer(node: DOMElement, removeNode: TextNode) {
     removeChildNode(node, removeNode)
   },
-  resetFormInstance() {},
   commitMount() {},
   commitUpdate(node: DOMElement, _payload, _type, _oldProps: Props, newProps: Props) {
     const { props } = newProps
@@ -140,36 +140,40 @@ export const Renderer = Reconciler({
     currentUpdatePriority = newPriority
   },
   getCurrentUpdatePriority: () => currentUpdatePriority,
-  resolveUpdatePriority: () => currentUpdatePriority || DefaultEventPriority,
+  resolveUpdatePriority() {
+    if (currentUpdatePriority !== NoEventPriority) {
+      return currentUpdatePriority
+    }
+
+    return DefaultEventPriority
+  },
   maySuspendCommit() {
     return false
   },
-  startSuspendingCommit() {},
-  waitForCommitToBeReady() {
-    return null
-  },
-  preloadInstance() {
-    // Return true to indicate it's already loaded
-    return true
-  },
-  suspendInstance() {},
+  // 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() {},
   shouldAttemptEagerTransition() {
     return false
   },
-  NotPendingTransition: undefined,
-  requestPostPaintCallback: function (_callback: (time: number) => void): void {
-    throw new Error('Function not implemented.')
+  trackSchedulerEvent() {},
+  resolveEventType() {
+    return null
   },
-  trackSchedulerEvent: function (): void {
-    throw new Error('Function not implemented.')
+  resolveEventTimeStamp() {
+    return -1.1
   },
-  resolveEventType: function (): null | string {
-    throw new Error('Function not implemented.')
+  preloadInstance() {
+    return true
   },
-  resolveEventTimeStamp: function (): number {
-    throw new Error('Function not implemented.')
+  startSuspendingCommit() {},
+  suspendInstance() {},
+  waitForCommitToBeReady() {
+    return null
   },
-  HostTransitionContext: undefined as any,
 })
 
 export type { FiberRoot } from 'react-reconciler'

package/src/Runtime.tsx

@@ -46,20 +46,20 @@ export class Runtime {
     console.error = (data: string | Error) => {
       const message = typeof data === 'string' ? data : data?.message
 
-      if (message.match(/Encountered two children with the same key/gi)) {
+      if (message?.match(/Encountered two children with the same key/gi)) {
         return
       }
-      if (message.match(/React will try to recreat/gi)) {
+      if (message?.match(/React will try to recreat/gi)) {
         return
       }
-      if (message.match(/Each child in a list should have a unique/gi)) {
+      if (message?.match(/Each child in a list should have a unique/gi)) {
         return
       }
-      if (message.match(/The above error occurred in the <KubbErrorBoundary/gi)) {
+      if (message?.match(/The above error occurred in the <KubbErrorBoundary/gi)) {
         return
       }
 
-      if (message.match(/A React Element from an older version of React was render/gi)) {
+      if (message?.match(/A React Element from an older version of React was render/gi)) {
         return
       }
 
@@ -108,8 +108,8 @@ export class Runtime {
     ).bind(this)
 
     Renderer.injectIntoDevTools({
-      bundleType: 0, // 0 for PROD, 1 for DEV
-      version: '19.1.1', // should be React version and not Kubb's custom version
+      bundleType: 1, // 0 for PROD, 1 for DEV
+      version: '19.1.0', // should be React version and not Kubb's custom version
       rendererPackageName: 'kubb', // package name
     })
   }
@@ -126,6 +126,7 @@ export class Runtime {
       return
     }
 
+    // TODO remove to allow multiple renders
     this.fileManager.clear()
 
     processFiles(this.#rootNode, this.fileManager)

package/src/createReactFabric.ts

@@ -0,0 +1,17 @@
+import { createFabric } from '@kubb/fabric-core'
+import { reactPlugin } from '@kubb/react-fabric/plugins'
+import type { Options } from './plugins/reactPlugin.ts'
+import type { FabricMode } from '@kubb/fabric-core/types'
+import { open } from './devtools.ts'
+
+export function createReactFabric(options?: Options & { mode?: FabricMode; devtools?: boolean }) {
+  const fabric = createFabric({ mode: options?.mode })
+
+  if (options?.devtools) {
+    open()
+  }
+
+  fabric.use(reactPlugin, options)
+
+  return fabric
+}