@kubb/react-fabric 0.4.0 → 0.5.0

package/README.md

@@ -139,16 +139,20 @@ Injected `fabric.writeEntry` parameters (via `barrelPlugin`):
 | root | `string`                                   | Root directory where the entry `index.ts` should be created. |
 | mode | `'all' \| 'named' \| 'propagate' \| false` | Controls which export style to use for the entry barrel. |
 
-#### `progressPlugin`
-Shows a CLI progress bar by listening to core events.
+#### `loggerPlugin`
+Streams Fabric lifecycle activity as colourful consola logs, optional progress bars, and websocket messages that you can consume from custom tooling.
 
 ```
-import { progressPlugin } from '@kubb/fabric-core/plugins'
+import { loggerPlugin } from '@kubb/fabric-core/plugins'
 ```
 
-| Option | Type | Default | Description                                                                             |
-|---|---|---|-----------------------------------------------------------------------------------------|
-| — | — | — | This plugin has no options, it displays a CLI progress bar by listening to core events. |
+| Option | Type | Default | Description |
+|---|---|---|---|
+| level | `import('consola').LogLevel` | — | Optional explicit log level passed to `createConsola`. |
+| progress | `boolean` | `true` | Enable/disable the integrated CLI progress bar. |
+| websocket | `boolean \| { host?: string; port?: number }` | `true` | Toggle or configure the websocket server that broadcasts Fabric events for future GUIs. |
+
+By default the plugin displays a progress bar, starts a websocket server on an ephemeral port, and announces the URL. Every key lifecycle hook (`start`, `process:*`, `file:*`, `write:*`, `end`) is logged with a `Fabric` tag, animated in the progress bar, and broadcast to connected clients—perfect for building dashboards on top of Fabric.
 
 
 #### `graphPlugin`

package/dist/{chunk-OzOGZVnI.js → chunk-BHcwYQRN.js}

@@ -10,21 +10,30 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function() {
 	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __export = (all) => {
+var __export = (all, symbols) => {
 	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
 	return target;
 };
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };

package/dist/{chunk-DWy1uDak.cjs → chunk-DSlc6foC.cjs}

@@ -9,12 +9,16 @@ var __commonJS = (cb, mod) => function() {
 	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };

package/dist/{devtools-Bu3zlaPp.cjs → devtools-DRXCsX9I.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-DWy1uDak.cjs');
+const require_chunk = require('./chunk-DSlc6foC.cjs');
 let execa = require("execa");
 let signal_exit = require("signal-exit");
 let ws = require("ws");
@@ -97,4 +97,4 @@ Object.defineProperty(exports, 'open', {
     return open;
   }
 });
-//# sourceMappingURL=devtools-Bu3zlaPp.cjs.map
+//# sourceMappingURL=devtools-DRXCsX9I.cjs.map

package/dist/{devtools-Bu3zlaPp.cjs.map → devtools-DRXCsX9I.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"devtools-Bu3zlaPp.cjs","names":[],"sources":["../src/devtools.ts"],"sourcesContent":["import { execa } from 'execa'\nimport { onExit } from 'signal-exit'\nimport ws from 'ws'\n\ndeclare global {\n  var WebSocket: typeof WebSocket\n  var self: any\n  var window: any\n  var isDevtoolsEnabled: any\n}\n\nexport function open() {\n  // biome-ignore lint/suspicious/noTsIgnore: cannot find types\n  // @ts-ignore\n  import('react-devtools-core').then((devtools) => {\n    // Filter out Kubbs's internal components from devtools for a cleaner view.\n    // See https://github.com/facebook/react/blob/edf6eac8a181860fd8a2d076a43806f1237495a1/packages/react-devtools-shared/src/types.js#L24\n    const customGlobal = global as any\n    customGlobal.WebSocket ||= ws\n    customGlobal.window ||= global\n    customGlobal.self ||= global\n    customGlobal.isDevtoolsEnabled = true\n    customGlobal.window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = [\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'Context.Provider',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'KubbRoot',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'KubbErrorBoundary',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-file',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-text',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-import',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-export',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-source',\n        isEnabled: true,\n        isValid: true,\n      },\n    ]\n\n    console.info('Opening devtools')\n    const controller = new AbortController()\n    execa({\n      stdio: 'pipe',\n      preferLocal: true,\n      cancelSignal: controller.signal,\n      gracefulCancel: true,\n    })`npx react-devtools`\n\n    ;(devtools as any).initialize()\n    console.info('Connecting devtools')\n\n    try {\n      ;(devtools as any).connectToDevTools({\n        host: 'localhost',\n        port: 8097,\n        useHttps: false,\n        isAppActive: () => true,\n      })\n    } catch (e) {\n      console.error(e)\n      console.info('Error when connecting the devtools')\n    }\n\n    onExit(\n      () => {\n        console.info('Disconnecting devtools')\n        controller.abort()\n      },\n      { alwaysLast: false },\n    )\n  })\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,OAAO;AAGrB,QAAO,uBAAuB,MAAM,aAAa;EAG/C,MAAM,eAAe;AACrB,eAAa,cAAb,aAAa,YAAc;AAC3B,eAAa,WAAb,aAAa,SAAW;AACxB,eAAa,SAAb,aAAa,OAAS;AACtB,eAAa,oBAAoB;AACjC,eAAa,OAAO,uCAAuC;GACzD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACF;AAED,UAAQ,KAAK,mBAAmB;EAChC,MAAM,aAAa,IAAI,iBAAiB;AACxC,mBAAM;GACJ,OAAO;GACP,aAAa;GACb,cAAc,WAAW;GACzB,gBAAgB;GACjB,CAAC;AAED,EAAC,SAAiB,YAAY;AAC/B,UAAQ,KAAK,sBAAsB;AAEnC,MAAI;AACD,GAAC,SAAiB,kBAAkB;IACnC,MAAM;IACN,MAAM;IACN,UAAU;IACV,mBAAmB;IACpB,CAAC;WACK,GAAG;AACV,WAAQ,MAAM,EAAE;AAChB,WAAQ,KAAK,qCAAqC;;AAGpD,gCACQ;AACJ,WAAQ,KAAK,yBAAyB;AACtC,cAAW,OAAO;KAEpB,EAAE,YAAY,OAAO,CACtB;GACD"}
+{"version":3,"file":"devtools-DRXCsX9I.cjs","names":[],"sources":["../src/devtools.ts"],"sourcesContent":["import { execa } from 'execa'\nimport { onExit } from 'signal-exit'\nimport ws from 'ws'\n\ndeclare global {\n  var WebSocket: typeof WebSocket\n  var self: any\n  var window: any\n  var isDevtoolsEnabled: any\n}\n\nexport function open() {\n  // biome-ignore lint/suspicious/noTsIgnore: cannot find types\n  // @ts-ignore\n  import('react-devtools-core').then((devtools) => {\n    // Filter out Kubbs's internal components from devtools for a cleaner view.\n    // See https://github.com/facebook/react/blob/edf6eac8a181860fd8a2d076a43806f1237495a1/packages/react-devtools-shared/src/types.js#L24\n    const customGlobal = global as any\n    customGlobal.WebSocket ||= ws\n    customGlobal.window ||= global\n    customGlobal.self ||= global\n    customGlobal.isDevtoolsEnabled = true\n    customGlobal.window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = [\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'Context.Provider',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'KubbRoot',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'KubbErrorBoundary',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-file',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-text',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-import',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-export',\n        isEnabled: true,\n        isValid: true,\n      },\n      {\n        // ComponentFilterDisplayName\n        type: 2,\n        value: 'kubb-source',\n        isEnabled: true,\n        isValid: true,\n      },\n    ]\n\n    console.info('Opening devtools')\n    const controller = new AbortController()\n    execa({\n      stdio: 'pipe',\n      preferLocal: true,\n      cancelSignal: controller.signal,\n      gracefulCancel: true,\n    })`npx react-devtools`\n\n    ;(devtools as any).initialize()\n    console.info('Connecting devtools')\n\n    try {\n      ;(devtools as any).connectToDevTools({\n        host: 'localhost',\n        port: 8097,\n        useHttps: false,\n        isAppActive: () => true,\n      })\n    } catch (e) {\n      console.error(e)\n      console.info('Error when connecting the devtools')\n    }\n\n    onExit(\n      () => {\n        console.info('Disconnecting devtools')\n        controller.abort()\n      },\n      { alwaysLast: false },\n    )\n  })\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,OAAO;AAGrB,QAAO,uBAAuB,MAAM,aAAa;EAG/C,MAAM,eAAe;AACrB,eAAa,cAAb,aAAa,YAAc;AAC3B,eAAa,WAAb,aAAa,SAAW;AACxB,eAAa,SAAb,aAAa,OAAS;AACtB,eAAa,oBAAoB;AACjC,eAAa,OAAO,uCAAuC;GACzD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACD;IAEE,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACV;GACF;AAED,UAAQ,KAAK,mBAAmB;EAChC,MAAM,aAAa,IAAI,iBAAiB;AACxC,mBAAM;GACJ,OAAO;GACP,aAAa;GACb,cAAc,WAAW;GACzB,gBAAgB;GACjB,CAAC;AAED,EAAC,SAAiB,YAAY;AAC/B,UAAQ,KAAK,sBAAsB;AAEnC,MAAI;AACD,GAAC,SAAiB,kBAAkB;IACnC,MAAM;IACN,MAAM;IACN,UAAU;IACV,mBAAmB;IACpB,CAAC;WACK,GAAG;AACV,WAAQ,MAAM,EAAE;AAChB,WAAQ,KAAK,qCAAqC;;AAGpD,gCACQ;AACJ,WAAQ,KAAK,yBAAyB;AACtC,cAAW,OAAO;KAEpB,EAAE,YAAY,OAAO,CACtB;GACD"}

package/dist/devtools.cjs

@@ -1,3 +1,3 @@
-const require_devtools = require('./devtools-Bu3zlaPp.cjs');
+const require_devtools = require('./devtools-DRXCsX9I.cjs');
 
 exports.open = require_devtools.open;

package/dist/index.cjs

@@ -1,15 +1,15 @@
-const require_chunk = require('./chunk-DWy1uDak.cjs');
-const require_jsx_dev_runtime = require('./jsx-dev-runtime-CB3pf-1W.cjs');
-const require_reactPlugin = require('./reactPlugin-DCT6yE8D.cjs');
-const require_jsx_runtime = require('./jsx-runtime-cOHyKGzA.cjs');
-const require_devtools = require('./devtools-Bu3zlaPp.cjs');
+const require_chunk = require('./chunk-DSlc6foC.cjs');
+const require_jsx_dev_runtime = require('./jsx-dev-runtime-BiO7A4L5.cjs');
+const require_reactPlugin = require('./reactPlugin-B-vyv4g0.cjs');
+const require_jsx_runtime = require('./jsx-runtime-BnIQNoyE.cjs');
+const require_devtools = require('./devtools-DRXCsX9I.cjs');
 let __kubb_fabric_core = require("@kubb/fabric-core");
 let dedent = require("dedent");
 dedent = require_chunk.__toESM(dedent);
 let natural_orderby = require("natural-orderby");
 
 //#region src/components/App.tsx
-var import_react = require_jsx_dev_runtime.require_react();
+var import_react = /* @__PURE__ */ require_chunk.__toESM(require_jsx_dev_runtime.require_react());
 const AppContext = (0, import_react.createContext)(void 0);
 function App({ meta, children }) {
 	const { exit } = (0, import_react.useContext)(require_reactPlugin.RootContext);

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { a as FabricOptions, b as Source, c as FileManager, f as BaseName, g as Import, h as File$1, i as FabricMode, l as FileProcessor, n as FabricConfig, p as Export, t as Fabric, v as Path, y as ResolvedFile } from "./Fabric-DGhsnD3H.js";
 import { a as JSDoc, d as KubbNode, g as FunctionParams, o as Key, y as createFunctionParams } from "./types-rKVyNQC0.js";
 import { t as Options$1 } from "./reactPlugin-DAOLEVg9.js";
-import * as react4 from "react";
+import * as react1 from "react";
 import React, { ReactNode } from "react";
 
 //#region ../fabric-core/src/defineFabric.d.ts
@@ -50,9 +50,9 @@ type Props$4<TMeta = unknown> = {
 declare function App<TMeta = unknown>({
   meta,
   children
-}: Props$4<TMeta>): react4.JSX.Element;
+}: Props$4<TMeta>): react1.JSX.Element;
 declare namespace App {
-  var Context: react4.Context<AppContextProps<unknown> | undefined>;
+  var Context: react1.Context<AppContextProps<unknown> | undefined>;
   var displayName: string;
 }
 //#endregion
@@ -88,7 +88,7 @@ declare function Const({
   JSDoc,
   asConst,
   children
-}: Props$3): react4.JSX.Element;
+}: Props$3): react1.JSX.Element;
 declare namespace Const {
   var displayName: string;
 }
@@ -137,13 +137,13 @@ type Props$2<TMeta> = BaseProps & {
 declare function File<TMeta extends object = object>({
   children,
   ...rest
-}: Props$2<TMeta>): react4.JSX.Element;
+}: Props$2<TMeta>): react1.JSX.Element;
 declare namespace File {
   var displayName: string;
   var Export: typeof FileExport;
   var Import: typeof FileImport;
   var Source: typeof FileSource;
-  var Context: react4.Context<FileContextProps<object>>;
+  var Context: react1.Context<FileContextProps<object>>;
 }
 type FileSourceProps = Omit<Source, 'value'> & {
   key?: Key;
@@ -155,7 +155,7 @@ declare function FileSource({
   isExportable,
   isIndexable,
   children
-}: FileSourceProps): react4.JSX.Element;
+}: FileSourceProps): react1.JSX.Element;
 declare namespace FileSource {
   var displayName: string;
 }
@@ -167,7 +167,7 @@ declare function FileExport({
   path,
   isTypeOnly,
   asAlias
-}: FileExportProps): react4.JSX.Element;
+}: FileExportProps): react1.JSX.Element;
 declare namespace FileExport {
   var displayName: string;
 }
@@ -180,7 +180,7 @@ declare function FileImport({
   path,
   isTypeOnly,
   isNameSpace
-}: FileImportProps): react4.JSX.Element;
+}: FileImportProps): react1.JSX.Element;
 declare namespace FileImport {
   var displayName: string;
 }
@@ -233,7 +233,7 @@ declare function Function({
   returnType,
   JSDoc,
   children
-}: Props$1): react4.JSX.Element;
+}: Props$1): react1.JSX.Element;
 declare namespace Function {
   var displayName: string;
   var Arrow: typeof ArrowFunction;
@@ -255,7 +255,7 @@ declare function ArrowFunction({
   JSDoc,
   singleLine,
   children
-}: ArrowFunctionProps): react4.JSX.Element;
+}: ArrowFunctionProps): react1.JSX.Element;
 declare namespace ArrowFunction {
   var displayName: string;
 }
@@ -296,7 +296,7 @@ declare function Type({
   export: canExport,
   JSDoc,
   children
-}: Props): react4.JSX.Element;
+}: Props): react1.JSX.Element;
 declare namespace Type {
   var displayName: string;
 }

package/dist/index.js

@@ -1,7 +1,7 @@
-import { r as __toESM } from "./chunk-OzOGZVnI.js";
-import { n as require_react } from "./jsx-dev-runtime-CB2e_LA2.js";
-import { a as _classPrivateFieldInitSpec, i as _classPrivateFieldGet2, n as Runtime, o as Root, r as _classPrivateFieldSet2, s as RootContext, t as reactPlugin } from "./reactPlugin-BWBCDdIm.js";
-import { n as import_jsx_runtime } from "./jsx-runtime-5qOQhPPb.js";
+import { r as __toESM } from "./chunk-BHcwYQRN.js";
+import { n as require_react } from "./jsx-dev-runtime-aYzeEJ2N.js";
+import { a as _classPrivateFieldInitSpec, i as _classPrivateFieldGet2, n as Runtime, o as Root, r as _classPrivateFieldSet2, s as RootContext, t as reactPlugin } from "./reactPlugin-BtX7BIDy.js";
+import { n as import_jsx_runtime } from "./jsx-runtime-B95ZQ2MZ.js";
 import { t as open } from "./devtools-D6dZodXp.js";
 import { createFabric } from "@kubb/fabric-core";
 import dedent from "dedent";
@@ -10,7 +10,7 @@ import { orderBy } from "natural-orderby";
 export * from "@kubb/fabric-core"
 
 //#region src/components/App.tsx
-var import_react = require_react();
+var import_react = /* @__PURE__ */ __toESM(require_react());
 const AppContext = (0, import_react.createContext)(void 0);
 function App({ meta, children }) {
 	const { exit } = (0, import_react.useContext)(RootContext);

package/dist/{jsx-dev-runtime-CB3pf-1W.cjs → jsx-dev-runtime-BiO7A4L5.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-DWy1uDak.cjs');
+const require_chunk = require('./chunk-DSlc6foC.cjs');
 
 //#region ../../node_modules/.pnpm/react@19.2.0/node_modules/react/cjs/react.production.js
 /**
@@ -1360,4 +1360,4 @@ Object.defineProperty(exports, 'require_react', {
     return require_react;
   }
 });
-//# sourceMappingURL=jsx-dev-runtime-CB3pf-1W.cjs.map
+//# sourceMappingURL=jsx-dev-runtime-BiO7A4L5.cjs.map