@kubb/react-fabric 0.1.7 → 0.2.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 const require_react$1 = require('./react-Bq0UOw6S.cjs');
 require('./globals-8sJ940pg.cjs');
-const require_Runtime = require('./Runtime-JI640uK4.cjs');
+const require_Runtime = require('./Runtime-DJ4dWT9w.cjs');
 const require_jsx_runtime$1 = require('./jsx-runtime-d2dmYscH.cjs');
 let dedent = require("dedent");
 dedent = require_react$1.__toESM(dedent);

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import { a as Import, c as Source, n as Export, o as Path, t as BaseName } from "./KubbFile-FGXV713i.cjs";
-import { n as AppOptions, r as FileManager, t as App$1 } from "./App-sZvw_4U6.cjs";
+import { n as AppOptions, r as FileManager, t as App$1 } from "./App-CbT7rbmH.cjs";
 import { a as JSDoc, f as createFunctionParams, l as FunctionParams, o as Key, s as KubbNode } from "./types-C3p0Ljxf.cjs";
 import "./globals-BRG2DOJd.cjs";
 import * as react1 from "react";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { a as Import, c as Source, n as Export, o as Path, t as BaseName } from "./KubbFile-D4gyyfL-.js";
-import { n as AppOptions, r as FileManager, t as App$1 } from "./App-CFyJOzZ_.js";
+import { n as AppOptions, r as FileManager, t as App$1 } from "./App-D7ehObix.js";
 import { a as JSDoc, f as createFunctionParams, l as FunctionParams, o as Key, s as KubbNode } from "./types-Brnyan9B.js";
 import "./globals-D_1Lfe9-.js";
 import * as react1 from "react";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { r as __toESM, t as require_react } from "./react-BBkwFtZV.js";
 import "./globals-Df5klKjG.js";
-import { a as Root, i as _classPrivateFieldInitSpec, n as _classPrivateFieldGet2, o as RootContext, r as _classPrivateFieldSet2, t as Runtime } from "./Runtime-DWlDUeLZ.js";
+import { a as Root, i as _classPrivateFieldInitSpec, n as _classPrivateFieldGet2, o as RootContext, r as _classPrivateFieldSet2, t as Runtime } from "./Runtime-CatKeybQ.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-Dg-pJBHd.js";
 import dedent from "dedent";
 import { createApp } from "@kubb/fabric-core";

package/dist/parsers.d.cts

@@ -1,5 +1,5 @@
 import "./KubbFile-FGXV713i.cjs";
-import { a as UserParser, i as Parser } from "./App-sZvw_4U6.cjs";
+import { a as UserParser, i as Parser } from "./App-CbT7rbmH.cjs";
 
 //#region ../fabric-core/src/parsers/createParser.d.ts
 declare function createParser<TOptions = unknown, TMeta extends object = any>(parser: UserParser<TOptions, TMeta>): Parser<TOptions, TMeta>;

package/dist/parsers.d.ts

@@ -1,5 +1,5 @@
 import "./KubbFile-D4gyyfL-.js";
-import { a as UserParser, i as Parser } from "./App-CFyJOzZ_.js";
+import { a as UserParser, i as Parser } from "./App-D7ehObix.js";
 
 //#region ../fabric-core/src/parsers/createParser.d.ts
 declare function createParser<TOptions = unknown, TMeta extends object = any>(parser: UserParser<TOptions, TMeta>): Parser<TOptions, TMeta>;

package/dist/plugins.cjs

@@ -1,5 +1,5 @@
 const require_react$1 = require('./react-Bq0UOw6S.cjs');
-const require_Runtime = require('./Runtime-JI640uK4.cjs');
+const require_Runtime = require('./Runtime-DJ4dWT9w.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);
@@ -20,6 +20,7 @@ const reactPlugin = (0, __kubb_fabric_core_plugins.createPlugin)({
 				await app.context.events.emit("start");
 			},
 			async renderToString(App) {
+				await app.context.events.emit("start");
 				return runtime.renderToString((0, import_react.createElement)(App));
 			},
 			async waitUntilExit() {

package/dist/plugins.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.cjs","names":["Runtime"],"sources":["../src/plugins/reactPlugin.ts"],"sourcesContent":["import { createPlugin } from '@kubb/fabric-core/plugins'\nimport { Runtime } from '../Runtime.tsx'\nimport { createElement, type ElementType } from 'react'\n\ntype Options = {\n  stdout?: NodeJS.WriteStream\n  stdin?: NodeJS.ReadStream\n  stderr?: NodeJS.WriteStream\n  /**\n   * Set this to true to always see the result of the render in the console(line per render)\n   */\n  debug?: boolean\n}\n\ntype ExtendOptions = {\n  render(App: ElementType): Promise<void> | void\n  renderToString(App: ElementType): Promise<string> | string\n  waitUntilExit(): Promise<void>\n}\n\n// biome-ignore lint/suspicious/noTsIgnore: production ready\n// @ts-ignore\ndeclare module '@kubb/fabric-core' {\n  interface App {\n    render(App: ElementType): Promise<void> | void\n    renderToString(App: ElementType): Promise<string> | string\n    waitUntilExit(): Promise<void>\n  }\n}\n\ndeclare global {\n  namespace Kubb {\n    interface App {\n      render(App: ElementType): Promise<void> | void\n      renderToString(App: ElementType): Promise<string> | string\n      waitUntilExit(): Promise<void>\n    }\n  }\n}\n\nexport const reactPlugin = createPlugin<Options, ExtendOptions>({\n  name: 'react',\n  install() {},\n  inject(app, options = {}) {\n    const runtime = new Runtime({ fileManager: app.context.fileManager, ...options })\n\n    return {\n      async render(App) {\n        runtime.render(createElement(App))\n        await app.context.events.emit('start')\n      },\n      async renderToString(App) {\n        return runtime.renderToString(createElement(App))\n      },\n      async waitUntilExit() {\n        await runtime.waitUntilExit()\n\n        await app.context.events.emit('end')\n      },\n    }\n  },\n})\n"],"mappings":";;;;;;;;AAwCA,MAAa,2DAAmD;CAC9D,MAAM;CACN,UAAU;CACV,OAAO,KAAK,UAAU,EAAE,EAAE;EACxB,MAAM,UAAU,IAAIA,wBAAQ;GAAE,aAAa,IAAI,QAAQ;GAAa,GAAG;GAAS,CAAC;AAEjF,SAAO;GACL,MAAM,OAAO,KAAK;AAChB,YAAQ,uCAAqB,IAAI,CAAC;AAClC,UAAM,IAAI,QAAQ,OAAO,KAAK,QAAQ;;GAExC,MAAM,eAAe,KAAK;AACxB,WAAO,QAAQ,+CAA6B,IAAI,CAAC;;GAEnD,MAAM,gBAAgB;AACpB,UAAM,QAAQ,eAAe;AAE7B,UAAM,IAAI,QAAQ,OAAO,KAAK,MAAM;;GAEvC;;CAEJ,CAAC"}
+{"version":3,"file":"plugins.cjs","names":["Runtime"],"sources":["../src/plugins/reactPlugin.ts"],"sourcesContent":["import { createPlugin } from '@kubb/fabric-core/plugins'\nimport { Runtime } from '../Runtime.tsx'\nimport { createElement, type ElementType } from 'react'\n\ntype Options = {\n  stdout?: NodeJS.WriteStream\n  stdin?: NodeJS.ReadStream\n  stderr?: NodeJS.WriteStream\n  /**\n   * Set this to true to always see the result of the render in the console(line per render)\n   */\n  debug?: boolean\n}\n\ntype ExtendOptions = {\n  render(App: ElementType): Promise<void> | void\n  renderToString(App: ElementType): Promise<string> | string\n  waitUntilExit(): Promise<void>\n}\n\n// biome-ignore lint/suspicious/noTsIgnore: production ready\n// @ts-ignore\ndeclare module '@kubb/fabric-core' {\n  interface App {\n    render(App: ElementType): Promise<void> | void\n    renderToString(App: ElementType): Promise<string> | string\n    waitUntilExit(): Promise<void>\n  }\n}\n\ndeclare global {\n  namespace Kubb {\n    interface App {\n      render(App: ElementType): Promise<void> | void\n      renderToString(App: ElementType): Promise<string> | string\n      waitUntilExit(): Promise<void>\n    }\n  }\n}\n\nexport const reactPlugin = createPlugin<Options, ExtendOptions>({\n  name: 'react',\n  install() {},\n  inject(app, options = {}) {\n    const runtime = new Runtime({ fileManager: app.context.fileManager, ...options })\n\n    return {\n      async render(App) {\n        runtime.render(createElement(App))\n        await app.context.events.emit('start')\n      },\n      async renderToString(App) {\n        await app.context.events.emit('start')\n        return runtime.renderToString(createElement(App))\n      },\n      async waitUntilExit() {\n        await runtime.waitUntilExit()\n\n        await app.context.events.emit('end')\n      },\n    }\n  },\n})\n"],"mappings":";;;;;;;;AAwCA,MAAa,2DAAmD;CAC9D,MAAM;CACN,UAAU;CACV,OAAO,KAAK,UAAU,EAAE,EAAE;EACxB,MAAM,UAAU,IAAIA,wBAAQ;GAAE,aAAa,IAAI,QAAQ;GAAa,GAAG;GAAS,CAAC;AAEjF,SAAO;GACL,MAAM,OAAO,KAAK;AAChB,YAAQ,uCAAqB,IAAI,CAAC;AAClC,UAAM,IAAI,QAAQ,OAAO,KAAK,QAAQ;;GAExC,MAAM,eAAe,KAAK;AACxB,UAAM,IAAI,QAAQ,OAAO,KAAK,QAAQ;AACtC,WAAO,QAAQ,+CAA6B,IAAI,CAAC;;GAEnD,MAAM,gBAAgB;AACpB,UAAM,QAAQ,eAAe;AAE7B,UAAM,IAAI,QAAQ,OAAO,KAAK,MAAM;;GAEvC;;CAEJ,CAAC"}

package/dist/plugins.d.cts

@@ -1,5 +1,5 @@
 import { r as Extname } from "./KubbFile-FGXV713i.cjs";
-import { o as Plugin, s as UserPlugin } from "./App-sZvw_4U6.cjs";
+import { o as Plugin, s as UserPlugin } from "./App-CbT7rbmH.cjs";
 import { ElementType } from "react";
 
 //#region ../fabric-core/src/plugins/createPlugin.d.ts
@@ -66,16 +66,17 @@ declare global {
 declare const barrelPlugin: Plugin<Options$2, ExtendOptions$1>;
 //#endregion
 //#region ../fabric-core/src/plugins/progressPlugin.d.ts
-type Options$1 = {};
-declare module '@kubb/fabric-core' {
-  interface App {}
-}
-declare global {
-  namespace Kubb {
-    interface App {}
-  }
-}
-declare const progressPlugin: Plugin<Options$1, {}>;
+declare const progressPlugin: Plugin<[], {}>;
+//#endregion
+//#region ../fabric-core/src/plugins/graphPlugin.d.ts
+type Options$1 = {
+  root: string;
+  /**
+   * @default false
+   */
+  open?: boolean;
+};
+declare const graphPlugin: Plugin<Options$1, {}>;
 //#endregion
 //#region src/plugins/reactPlugin.d.ts
 type Options = {
@@ -110,5 +111,5 @@ declare global {
 }
 declare const reactPlugin: Plugin<Options, ExtendOptions>;
 //#endregion
-export { barrelPlugin, createPlugin, fsPlugin, progressPlugin, reactPlugin };
+export { barrelPlugin, createPlugin, fsPlugin, graphPlugin, progressPlugin, reactPlugin };
 //# sourceMappingURL=plugins.d.cts.map

package/dist/plugins.d.ts

@@ -1,5 +1,5 @@
 import { r as Extname } from "./KubbFile-D4gyyfL-.js";
-import { o as Plugin, s as UserPlugin } from "./App-CFyJOzZ_.js";
+import { o as Plugin, s as UserPlugin } from "./App-D7ehObix.js";
 import { ElementType } from "react";
 
 //#region ../fabric-core/src/plugins/createPlugin.d.ts
@@ -66,16 +66,17 @@ declare global {
 declare const barrelPlugin: Plugin<Options$2, ExtendOptions$1>;
 //#endregion
 //#region ../fabric-core/src/plugins/progressPlugin.d.ts
-type Options$1 = {};
-declare module '@kubb/fabric-core' {
-  interface App {}
-}
-declare global {
-  namespace Kubb {
-    interface App {}
-  }
-}
-declare const progressPlugin: Plugin<Options$1, {}>;
+declare const progressPlugin: Plugin<[], {}>;
+//#endregion
+//#region ../fabric-core/src/plugins/graphPlugin.d.ts
+type Options$1 = {
+  root: string;
+  /**
+   * @default false
+   */
+  open?: boolean;
+};
+declare const graphPlugin: Plugin<Options$1, {}>;
 //#endregion
 //#region src/plugins/reactPlugin.d.ts
 type Options = {
@@ -110,5 +111,5 @@ declare global {
 }
 declare const reactPlugin: Plugin<Options, ExtendOptions>;
 //#endregion
-export { barrelPlugin, createPlugin, fsPlugin, progressPlugin, reactPlugin };
+export { barrelPlugin, createPlugin, fsPlugin, graphPlugin, progressPlugin, reactPlugin };
 //# sourceMappingURL=plugins.d.ts.map

package/dist/plugins.js

@@ -1,5 +1,5 @@
 import { r as __toESM, t as require_react } from "./react-BBkwFtZV.js";
-import { t as Runtime } from "./Runtime-DWlDUeLZ.js";
+import { t as Runtime } from "./Runtime-CatKeybQ.js";
 import "./jsx-runtime-Dg-pJBHd.js";
 import { createPlugin } from "@kubb/fabric-core/plugins";
 
@@ -21,6 +21,7 @@ const reactPlugin = createPlugin({
 				await app.context.events.emit("start");
 			},
 			async renderToString(App) {
+				await app.context.events.emit("start");
 				return runtime.renderToString((0, import_react.createElement)(App));
 			},
 			async waitUntilExit() {

package/dist/plugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.js","names":[],"sources":["../src/plugins/reactPlugin.ts"],"sourcesContent":["import { createPlugin } from '@kubb/fabric-core/plugins'\nimport { Runtime } from '../Runtime.tsx'\nimport { createElement, type ElementType } from 'react'\n\ntype Options = {\n  stdout?: NodeJS.WriteStream\n  stdin?: NodeJS.ReadStream\n  stderr?: NodeJS.WriteStream\n  /**\n   * Set this to true to always see the result of the render in the console(line per render)\n   */\n  debug?: boolean\n}\n\ntype ExtendOptions = {\n  render(App: ElementType): Promise<void> | void\n  renderToString(App: ElementType): Promise<string> | string\n  waitUntilExit(): Promise<void>\n}\n\n// biome-ignore lint/suspicious/noTsIgnore: production ready\n// @ts-ignore\ndeclare module '@kubb/fabric-core' {\n  interface App {\n    render(App: ElementType): Promise<void> | void\n    renderToString(App: ElementType): Promise<string> | string\n    waitUntilExit(): Promise<void>\n  }\n}\n\ndeclare global {\n  namespace Kubb {\n    interface App {\n      render(App: ElementType): Promise<void> | void\n      renderToString(App: ElementType): Promise<string> | string\n      waitUntilExit(): Promise<void>\n    }\n  }\n}\n\nexport const reactPlugin = createPlugin<Options, ExtendOptions>({\n  name: 'react',\n  install() {},\n  inject(app, options = {}) {\n    const runtime = new Runtime({ fileManager: app.context.fileManager, ...options })\n\n    return {\n      async render(App) {\n        runtime.render(createElement(App))\n        await app.context.events.emit('start')\n      },\n      async renderToString(App) {\n        return runtime.renderToString(createElement(App))\n      },\n      async waitUntilExit() {\n        await runtime.waitUntilExit()\n\n        await app.context.events.emit('end')\n      },\n    }\n  },\n})\n"],"mappings":";;;;;;;;;AAwCA,MAAa,cAAc,aAAqC;CAC9D,MAAM;CACN,UAAU;CACV,OAAO,KAAK,UAAU,EAAE,EAAE;EACxB,MAAM,UAAU,IAAI,QAAQ;GAAE,aAAa,IAAI,QAAQ;GAAa,GAAG;GAAS,CAAC;AAEjF,SAAO;GACL,MAAM,OAAO,KAAK;AAChB,YAAQ,uCAAqB,IAAI,CAAC;AAClC,UAAM,IAAI,QAAQ,OAAO,KAAK,QAAQ;;GAExC,MAAM,eAAe,KAAK;AACxB,WAAO,QAAQ,+CAA6B,IAAI,CAAC;;GAEnD,MAAM,gBAAgB;AACpB,UAAM,QAAQ,eAAe;AAE7B,UAAM,IAAI,QAAQ,OAAO,KAAK,MAAM;;GAEvC;;CAEJ,CAAC"}
+{"version":3,"file":"plugins.js","names":[],"sources":["../src/plugins/reactPlugin.ts"],"sourcesContent":["import { createPlugin } from '@kubb/fabric-core/plugins'\nimport { Runtime } from '../Runtime.tsx'\nimport { createElement, type ElementType } from 'react'\n\ntype Options = {\n  stdout?: NodeJS.WriteStream\n  stdin?: NodeJS.ReadStream\n  stderr?: NodeJS.WriteStream\n  /**\n   * Set this to true to always see the result of the render in the console(line per render)\n   */\n  debug?: boolean\n}\n\ntype ExtendOptions = {\n  render(App: ElementType): Promise<void> | void\n  renderToString(App: ElementType): Promise<string> | string\n  waitUntilExit(): Promise<void>\n}\n\n// biome-ignore lint/suspicious/noTsIgnore: production ready\n// @ts-ignore\ndeclare module '@kubb/fabric-core' {\n  interface App {\n    render(App: ElementType): Promise<void> | void\n    renderToString(App: ElementType): Promise<string> | string\n    waitUntilExit(): Promise<void>\n  }\n}\n\ndeclare global {\n  namespace Kubb {\n    interface App {\n      render(App: ElementType): Promise<void> | void\n      renderToString(App: ElementType): Promise<string> | string\n      waitUntilExit(): Promise<void>\n    }\n  }\n}\n\nexport const reactPlugin = createPlugin<Options, ExtendOptions>({\n  name: 'react',\n  install() {},\n  inject(app, options = {}) {\n    const runtime = new Runtime({ fileManager: app.context.fileManager, ...options })\n\n    return {\n      async render(App) {\n        runtime.render(createElement(App))\n        await app.context.events.emit('start')\n      },\n      async renderToString(App) {\n        await app.context.events.emit('start')\n        return runtime.renderToString(createElement(App))\n      },\n      async waitUntilExit() {\n        await runtime.waitUntilExit()\n\n        await app.context.events.emit('end')\n      },\n    }\n  },\n})\n"],"mappings":";;;;;;;;;AAwCA,MAAa,cAAc,aAAqC;CAC9D,MAAM;CACN,UAAU;CACV,OAAO,KAAK,UAAU,EAAE,EAAE;EACxB,MAAM,UAAU,IAAI,QAAQ;GAAE,aAAa,IAAI,QAAQ;GAAa,GAAG;GAAS,CAAC;AAEjF,SAAO;GACL,MAAM,OAAO,KAAK;AAChB,YAAQ,uCAAqB,IAAI,CAAC;AAClC,UAAM,IAAI,QAAQ,OAAO,KAAK,QAAQ;;GAExC,MAAM,eAAe,KAAK;AACxB,UAAM,IAAI,QAAQ,OAAO,KAAK,QAAQ;AACtC,WAAO,QAAQ,+CAA6B,IAAI,CAAC;;GAEnD,MAAM,gBAAgB;AACpB,UAAM,QAAQ,eAAe;AAE7B,UAAM,IAAI,QAAQ,OAAO,KAAK,MAAM;;GAEvC;;CAEJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubb/react-fabric",
-  "version": "0.1.7",
+  "version": "0.2.0",
   "description": "React integration for Kubb, providing JSX runtime support and React component generation capabilities for code generation plugins.",
   "keywords": [
     "react",
@@ -99,7 +99,7 @@
     "react-reconciler": "0.32.0",
     "signal-exit": "^4.1.0",
     "ws": "^8.18.3",
-    "@kubb/fabric-core": "0.1.7"
+    "@kubb/fabric-core": "0.2.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.2",
@@ -117,12 +117,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/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
       }
 
@@ -126,6 +126,7 @@ export class Runtime {
       return
     }
 
+    // TODO remove to allow multiple renders
     this.fileManager.clear()
 
     processFiles(this.#rootNode, this.fileManager)

package/src/plugins/reactPlugin.ts

@@ -50,6 +50,7 @@ export const reactPlugin = createPlugin<Options, ExtendOptions>({
         await app.context.events.emit('start')
       },
       async renderToString(App) {
+        await app.context.events.emit('start')
         return runtime.renderToString(createElement(App))
       },
       async waitUntilExit() {