@kubb/react-fabric 0.11.7 → 0.12.0

package/dist/plugins.d.cts

@@ -1,9 +1,9 @@
-import { m as Extname, o as Plugin, s as UserPlugin, x as __name } from "./Fabric-xd8epqSF.cjs";
-import { n as reactPlugin } from "./reactPlugin-6pWd-WfZ.cjs";
+import { A as Plugin, C as TreeNode, D as FabricElement, K as __name, S as ComponentNode, j as UserPlugin, z as Extname } from "./types-yKh-a1UP.cjs";
+import { n as reactPlugin } from "./reactPlugin-CWHmkuUz.cjs";
 
 //#region ../fabric-core/src/plugins/barrelPlugin.d.ts
 type Mode = 'all' | 'named' | 'propagate' | false;
-type Options$3 = {
+type Options$4 = {
   root: string;
   mode: Mode;
   dryRun?: boolean;
@@ -12,7 +12,7 @@ type WriteEntryOptions = {
   root: string;
   mode: Mode;
 };
-type ExtendOptions$1 = {
+type ExtendOptions$2 = {
   /**
    * `fabric.writeEntry` should be called before `fabric.write`
    */
@@ -28,16 +28,16 @@ declare global {
     }
   }
 }
-declare const barrelPlugin: Plugin<Options$3, ExtendOptions$1>;
+declare const barrelPlugin: Plugin<Options$4, ExtendOptions$2>;
 //#endregion
 //#region ../fabric-core/src/plugins/definePlugin.d.ts
-declare function definePlugin<Options$4 = unknown, TAppExtension extends Record<string, any> = {}>(plugin: UserPlugin<Options$4, TAppExtension>): Plugin<Options$4, TAppExtension>;
+declare function definePlugin<Options$5 = unknown, TAppExtension extends Record<string, any> = {}>(plugin: UserPlugin<Options$5, TAppExtension>): Plugin<Options$5, TAppExtension>;
 //#endregion
 //#region ../fabric-core/src/plugins/fsPlugin.d.ts
 type WriteOptions = {
   extension?: Record<Extname, Extname | ''>;
 };
-type Options$2 = {
+type Options$3 = {
   dryRun?: boolean;
   /**
    * Optional callback that is invoked whenever a file is written by the plugin.
@@ -48,7 +48,7 @@ type Options$2 = {
     path: string;
   };
 };
-type ExtendOptions = {
+type ExtendOptions$1 = {
   write(options?: WriteOptions): Promise<void>;
 };
 declare global {
@@ -58,7 +58,29 @@ declare global {
     }
   }
 }
-declare const fsPlugin: Plugin<Options$2, ExtendOptions>;
+declare const fsPlugin: Plugin<Options$3, ExtendOptions$1>;
+//#endregion
+//#region ../fabric-core/src/plugins/fsxPlugin/fsxPlugin.d.ts
+type Options$2 = {
+  treeNode?: TreeNode<ComponentNode>;
+  /**
+   * Set this to true to always see the result of the render in the console(line per render)
+   */
+  debug?: boolean;
+};
+type ExtendOptions = {
+  render(App: FabricElement<any>): Promise<string>;
+  waitUntilExit(): Promise<void>;
+};
+declare global {
+  namespace Kubb {
+    interface Fabric {
+      render(App: FabricElement<any>): Promise<string>;
+      waitUntilExit(): Promise<void>;
+    }
+  }
+}
+declare const fsxPlugin: Plugin<Options$2, ExtendOptions>;
 //#endregion
 //#region ../fabric-core/src/plugins/graphPlugin.d.ts
 type Options$1 = {
@@ -100,4 +122,4 @@ type Options = {
 };
 declare const loggerPlugin: Plugin<Options, {}>;
 //#endregion
-export { barrelPlugin, definePlugin, fsPlugin, graphPlugin, loggerPlugin, reactPlugin };
+export { barrelPlugin, definePlugin, fsPlugin, fsxPlugin, graphPlugin, loggerPlugin, reactPlugin };

package/dist/plugins.d.ts

@@ -1,10 +1,10 @@
 import { r as __name } from "./chunk-DkQCb-7t.js";
-import { m as Extname, o as Plugin, s as UserPlugin } from "./Fabric-4Ac6xwwR.js";
-import { n as reactPlugin } from "./reactPlugin-CpMrftCn.js";
+import { A as Plugin, C as TreeNode, D as FabricElement, S as ComponentNode, j as UserPlugin, z as Extname } from "./types-C-nm6Bqx.js";
+import { n as reactPlugin } from "./reactPlugin-DseDoGSU.js";
 
 //#region ../fabric-core/src/plugins/barrelPlugin.d.ts
 type Mode = 'all' | 'named' | 'propagate' | false;
-type Options$3 = {
+type Options$4 = {
   root: string;
   mode: Mode;
   dryRun?: boolean;
@@ -13,7 +13,7 @@ type WriteEntryOptions = {
   root: string;
   mode: Mode;
 };
-type ExtendOptions$1 = {
+type ExtendOptions$2 = {
   /**
    * `fabric.writeEntry` should be called before `fabric.write`
    */
@@ -29,16 +29,16 @@ declare global {
     }
   }
 }
-declare const barrelPlugin: Plugin<Options$3, ExtendOptions$1>;
+declare const barrelPlugin: Plugin<Options$4, ExtendOptions$2>;
 //#endregion
 //#region ../fabric-core/src/plugins/definePlugin.d.ts
-declare function definePlugin<Options$4 = unknown, TAppExtension extends Record<string, any> = {}>(plugin: UserPlugin<Options$4, TAppExtension>): Plugin<Options$4, TAppExtension>;
+declare function definePlugin<Options$5 = unknown, TAppExtension extends Record<string, any> = {}>(plugin: UserPlugin<Options$5, TAppExtension>): Plugin<Options$5, TAppExtension>;
 //#endregion
 //#region ../fabric-core/src/plugins/fsPlugin.d.ts
 type WriteOptions = {
   extension?: Record<Extname, Extname | ''>;
 };
-type Options$2 = {
+type Options$3 = {
   dryRun?: boolean;
   /**
    * Optional callback that is invoked whenever a file is written by the plugin.
@@ -49,7 +49,7 @@ type Options$2 = {
     path: string;
   };
 };
-type ExtendOptions = {
+type ExtendOptions$1 = {
   write(options?: WriteOptions): Promise<void>;
 };
 declare global {
@@ -59,7 +59,29 @@ declare global {
     }
   }
 }
-declare const fsPlugin: Plugin<Options$2, ExtendOptions>;
+declare const fsPlugin: Plugin<Options$3, ExtendOptions$1>;
+//#endregion
+//#region ../fabric-core/src/plugins/fsxPlugin/fsxPlugin.d.ts
+type Options$2 = {
+  treeNode?: TreeNode<ComponentNode>;
+  /**
+   * Set this to true to always see the result of the render in the console(line per render)
+   */
+  debug?: boolean;
+};
+type ExtendOptions = {
+  render(App: FabricElement<any>): Promise<string>;
+  waitUntilExit(): Promise<void>;
+};
+declare global {
+  namespace Kubb {
+    interface Fabric {
+      render(App: FabricElement<any>): Promise<string>;
+      waitUntilExit(): Promise<void>;
+    }
+  }
+}
+declare const fsxPlugin: Plugin<Options$2, ExtendOptions>;
 //#endregion
 //#region ../fabric-core/src/plugins/graphPlugin.d.ts
 type Options$1 = {
@@ -101,4 +123,4 @@ type Options = {
 };
 declare const loggerPlugin: Plugin<Options, {}>;
 //#endregion
-export { barrelPlugin, definePlugin, fsPlugin, graphPlugin, loggerPlugin, reactPlugin };
+export { barrelPlugin, definePlugin, fsPlugin, fsxPlugin, graphPlugin, loggerPlugin, reactPlugin };

package/dist/plugins.js

@@ -1,6 +1,6 @@
 import "./react-CDrFaZVO.js";
 import "./jsx-runtime-CT8FKS42.js";
-import { t as reactPlugin } from "./reactPlugin-lOa0xpGM.js";
+import { t as reactPlugin } from "./reactPlugin-BHxx8AjV.js";
 
 export * from "@kubb/fabric-core/plugins"
 

package/dist/{reactPlugin-lOa0xpGM.js → reactPlugin-BHxx8AjV.js}

@@ -1,7 +1,7 @@
 import { i as __toESM, r as __name, t as __commonJSMin } from "./chunk-DkQCb-7t.js";
 import { t as require_react } from "./react-CDrFaZVO.js";
 import { n as jsx } from "./jsx-runtime-CT8FKS42.js";
-import { NodeTreeContext, RootContext, TreeNode, provide } from "@kubb/fabric-core";
+import { NodeTreeContext, RootContext, TreeNode, provide, renderIndent } from "@kubb/fabric-core";
 import { onExit } from "signal-exit";
 import { definePlugin } from "@kubb/fabric-core/plugins";
 import process$1 from "node:process";
@@ -17314,7 +17314,9 @@ const nodeNames = new Set([
 	"kubb-text",
 	"kubb-root",
 	"kubb-app",
-	"br"
+	"br",
+	"indent",
+	"dedent"
 ]);
 
 //#endregion
@@ -17575,9 +17577,14 @@ function squashImportNodes(node) {
 
 //#endregion
 //#region src/utils/squashTextNodes.ts
-function squashTextNodes(node) {
+function squashTextNodes(node, renderContext = {
+	indentLevel: 0,
+	indentSize: 2,
+	currentLineLength: 0,
+	shouldBreak: false
+}) {
 	let text = "";
-	const walk = (current) => {
+	const walk = (current, context) => {
 		let content = "";
 		for (const child of current.childNodes) {
 			if (!child) continue;
@@ -17603,25 +17610,36 @@ function squashTextNodes(node) {
 					default: return text$1;
 				}
 			};
-			if (child.nodeName === "#text") nodeText = child.nodeValue;
+			if (child.nodeName === "#text") nodeText = renderIndent(child.nodeValue, context);
 			else {
-				if (child.nodeName === "kubb-text" || child.nodeName === "kubb-file" || child.nodeName === "kubb-source") nodeText = walk(child);
+				if (child.nodeName === "kubb-text" || child.nodeName === "kubb-file" || child.nodeName === "kubb-source") nodeText = walk(child, context);
 				nodeText = getPrintText(nodeText);
-				if (child.nodeName === "br") nodeText = "\n";
+				if (child.nodeName === "br") {
+					nodeText = "\n";
+					context.currentLineLength = 0;
+				}
+				if (child.nodeName === "indent") {
+					context.indentLevel++;
+					nodeText = "";
+				}
+				if (child.nodeName === "dedent") {
+					context.indentLevel = Math.max(0, context.indentLevel - 1);
+					nodeText = "";
+				}
 				if (!nodeNames.has(child.nodeName)) {
 					const attributes = child.attributes;
 					let attrString = "";
 					const hasAttributes = attributes.size > 0;
 					for (const [key, value] of attributes) attrString += typeof value === "string" ? ` ${key}="${value}"` : ` ${key}={${String(value)}}`;
-					if (hasAttributes) nodeText = `<${child.nodeName}${attrString}>${walk(child)}</${child.nodeName}>`;
-					else nodeText = `<${child.nodeName}>${walk(child)}</${child.nodeName}>`;
+					if (hasAttributes) nodeText = `<${child.nodeName}${attrString}>${walk(child, context)}</${child.nodeName}>`;
+					else nodeText = `<${child.nodeName}>${walk(child, context)}</${child.nodeName}>`;
 				}
 			}
 			content += nodeText;
 		}
 		return content;
 	};
-	text = walk(node);
+	text = walk(node, renderContext);
 	return text;
 }
 
@@ -17791,14 +17809,13 @@ var Runtime = class {
 		return _classPrivateFieldGet2(_options, this).fileManager;
 	}
 	onError(error) {
-		if (process$1.env.NODE_ENV === "test") console.warn(error);
 		_classPrivateFieldSet2(_renderError, this, error);
 	}
 	onExit(error) {
 		this.unmount(error);
 	}
 	async render(node) {
-		const treeNode = new TreeNode({
+		const treeNode = _classPrivateFieldGet2(_options, this).treeNode || new TreeNode({
 			type: "Root",
 			props: {}
 		});
@@ -17823,7 +17840,7 @@ var Runtime = class {
 		}
 	}
 	async renderToString(node) {
-		const treeNode = new TreeNode({
+		const treeNode = _classPrivateFieldGet2(_options, this).treeNode || new TreeNode({
 			type: "Root",
 			props: {}
 		});
@@ -17893,11 +17910,11 @@ const reactPlugin = definePlugin({
 		return {
 			async render(App) {
 				await ctx.emit("lifecycle:start");
-				await runtime.render((0, import_react.createElement)(App));
+				await runtime.render(App);
 			},
 			async renderToString(App) {
 				await ctx.emit("lifecycle:start");
-				return runtime.renderToString((0, import_react.createElement)(App));
+				return runtime.renderToString(App);
 			},
 			async waitUntilExit() {
 				await runtime.waitUntilExit();