@kubb/react-fabric 0.9.5 → 0.11.0

package/src/components/__snapshots__/function_with_parameters.ts

@@ -0,0 +1,3 @@
+function myFunc(a: string, b: number) {
+  return true
+}

package/src/components/__snapshots__/function_with_params.ts

@@ -0,0 +1,3 @@
+function myFunc(a: string, b: number) {
+  return true;
+}

package/src/components/__snapshots__/function_with_returnType.ts

@@ -0,0 +1,3 @@
+function myFunc(): boolean {
+  return true;
+}

package/src/components/__snapshots__/function_with_return_type.ts

@@ -0,0 +1,3 @@
+function myFunc(): boolean {
+  return true
+}

package/src/components/__snapshots__/matches_with_root_import.ts

@@ -0,0 +1 @@
+import fabric from "./fabric/@kubb/react-fabric";

package/src/components/__snapshots__/multiple_functions.ts

@@ -0,0 +1,3 @@
+export async function getData<TData>(): Promise<number> {
+  2;
+}

package/src/components/__snapshots__/named_export.ts

@@ -0,0 +1 @@
+export type { createFabric } from "@kubb/react-fabric";

package/src/components/__snapshots__/named_export_(object_advanced).ts

@@ -0,0 +1 @@
+export { App, createFrabric } from "@kubb/react-fabric";

package/src/components/__snapshots__/named_import.ts

@@ -0,0 +1 @@
+import type { createFabric } from "@kubb/react-fabric";

package/src/components/__snapshots__/named_import_(object).ts

@@ -0,0 +1 @@
+import { createFabric as create } from "@kubb/react-fabric";

package/src/components/__snapshots__/named_import_(object_advanced).ts

@@ -0,0 +1 @@
+import { App, createFabric as create } from "@kubb/react-fabric";

package/src/components/__snapshots__/named_typed_export.ts

@@ -0,0 +1 @@
+export type { Fabric } from "@kubb/react-fabric";

package/src/components/__snapshots__/named_typed_import.ts

@@ -0,0 +1 @@
+import type { Fabric } from "@kubb/react-fabric";

package/src/components/__snapshots__/single_line_arrow_function.ts

@@ -0,0 +1 @@
+const myFunc = () => true

package/src/components/__snapshots__/type_with_JSDoc.ts

@@ -0,0 +1,4 @@
+/**
+ * This is a variable
+ */
+type MyType = { a: string }

package/src/components/__snapshots__/typed_export.ts

@@ -0,0 +1 @@
+export type * from "@kubb/react-fabric";

package/src/components/__snapshots__/typed_import.ts

@@ -0,0 +1 @@
+import type fabric from "@kubb/react-fabric";

package/src/composables/useApp.ts

@@ -1,15 +1 @@
-import { useContext } from 'react'
-import { App, type AppContextProps } from '../components/App.tsx'
-
-/**
- * `useApp` will return the current App with plugin, pluginManager, fileManager and mode.
- */
-export function useApp<TMeta = unknown>(): AppContextProps<TMeta> {
-  const app = useContext(App.Context)
-
-  if (!app) {
-    throw new Error('<App /> should be set')
-  }
-
-  return app as AppContextProps<TMeta>
-}
+export { useApp } from '@kubb/fabric-core'

package/src/composables/useFile.ts

@@ -1,12 +1 @@
-import { useContext } from 'react'
-import type { FileContextProps } from '../components/File.tsx'
-import { File } from '../components/File.tsx'
-
-/**
- * `useFile` will return the current file when <File/> is used.
- */
-export function useFile(): FileContextProps {
-  const file = useContext(File.Context)
-
-  return file as FileContextProps
-}
+export { useFile } from '@kubb/fabric-core'

package/src/composables/useLifecycle.tsx

@@ -1,18 +1,17 @@
-import { useContext } from 'react'
-
-import { Root } from '../components/Root.tsx'
+import { RootContext, useContext } from '@kubb/fabric-core'
 
 /**
- * `useLifecycle` will return some helpers to exit/restart the generation.
+ * Provides lifecycle helpers that integrate with the Fabric runtime. The
+ * `exit` helper schedules a call to the RootContext exit function on the
+ * next tick to allow React to complete its render cycle first.
  */
 export function useLifecycle() {
-  const { exit } = useContext(Root.Context)
+  const { exit } = useContext(RootContext)
 
   return {
     exit: () => {
-      const timeout = setTimeout(() => {
-        clearTimeout(timeout)
-
+      // need this to let React finish its current render cycle
+      setTimeout(() => {
         exit()
       }, 0)
     },

package/src/index.ts

@@ -14,16 +14,20 @@ export const useContext = React.useContext
 export const useEffect = React.useEffect
 export const useReducer = React.useReducer
 export const useRef = React.useRef
-// // components
+// components
 export { App } from './components/App.tsx'
 export { Const } from './components/Const.tsx'
 export { File } from './components/File.tsx'
 export { Function } from './components/Function.tsx'
 export { Indent } from './components/Indent.tsx'
 export { Type } from './components/Type.tsx'
+
+// composables
 export { useApp } from './composables/useApp.ts'
 export { useFile } from './composables/useFile.ts'
 export { useLifecycle } from './composables/useLifecycle.tsx'
+
+// factories
 export { createReactFabric } from './createReactFabric.ts'
 export { Runtime } from './Runtime.tsx'
 // utils

package/src/plugins/reactPlugin.ts

@@ -1,6 +1,7 @@
 import { definePlugin } from '@kubb/fabric-core/plugins'
 import { createElement, type ElementType } from 'react'
 import { Runtime } from '../Runtime.tsx'
+import type { KubbElement } from '../types'
 
 export type Options = {
   stdout?: NodeJS.WriteStream
@@ -13,16 +14,16 @@ export type Options = {
 }
 
 type ExtendOptions = {
-  render(App: ElementType): Promise<void>
-  renderToString(App: ElementType): Promise<string>
+  render(App: KubbElement | ElementType): Promise<void>
+  renderToString(App: KubbElement | ElementType): Promise<string>
   waitUntilExit(): Promise<void>
 }
 
 declare global {
   namespace Kubb {
     interface Fabric {
-      render(App: ElementType): Promise<void>
-      renderToString(App: ElementType): Promise<string>
+      render(App: KubbElement | ElementType): Promise<void>
+      renderToString(App: KubbElement | ElementType): Promise<string>
       waitUntilExit(): Promise<void>
     }
   }
@@ -37,11 +38,11 @@ export const reactPlugin = definePlugin<Options, ExtendOptions>({
     return {
       async render(App) {
         await ctx.emit('lifecycle:start')
-        await runtime.render(createElement(App))
+        await runtime.render(createElement(App as unknown as ElementType))
       },
       async renderToString(App) {
         await ctx.emit('lifecycle:start')
-        return runtime.renderToString(createElement(App))
+        return runtime.renderToString(createElement(App as unknown as ElementType))
       },
       async waitUntilExit() {
         await runtime.waitUntilExit()

package/src/types.ts

@@ -50,10 +50,6 @@ export type KubbElement = JSX.Element
 
 export type { Key } from 'react'
 
-export type JSDoc = {
-  comments: string[]
-}
-
 export type KubbTextProps = {
   children?: KubbNode
 }

package/src/utils/createJSDoc.ts

@@ -1,8 +1 @@
-export function createJSDoc({ comments }: { comments: Array<string> }): string {
-  const filtered = comments.filter((c) => c.trim())
-  if (!filtered.length) {
-    return ''
-  }
-
-  return `/**\n * ${filtered.join('\n * ')}\n */`
-}
+export { createJSDoc } from '@kubb/fabric-core'

package/dist/reactPlugin-4-kcMKwZ.d.ts

@@ -1,31 +0,0 @@
-import { o as Plugin } from "./Fabric-DitK3IEP.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>;
-  renderToString(App: ElementType): Promise<string>;
-  waitUntilExit(): Promise<void>;
-};
-declare global {
-  namespace Kubb {
-    interface Fabric {
-      render(App: ElementType): Promise<void>;
-      renderToString(App: ElementType): Promise<string>;
-      waitUntilExit(): Promise<void>;
-    }
-  }
-}
-declare const reactPlugin: Plugin<Options, ExtendOptions>;
-//#endregion
-export { reactPlugin as n, Options as t };
-//# sourceMappingURL=reactPlugin-4-kcMKwZ.d.ts.map

package/dist/reactPlugin-B4xarQJX.d.cts

@@ -1,31 +0,0 @@
-import { o as Plugin } from "./Fabric-C61uYmUy.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>;
-  renderToString(App: ElementType): Promise<string>;
-  waitUntilExit(): Promise<void>;
-};
-declare global {
-  namespace Kubb {
-    interface Fabric {
-      render(App: ElementType): Promise<void>;
-      renderToString(App: ElementType): Promise<string>;
-      waitUntilExit(): Promise<void>;
-    }
-  }
-}
-declare const reactPlugin: Plugin<Options, ExtendOptions>;
-//#endregion
-export { reactPlugin as n, Options as t };
-//# sourceMappingURL=reactPlugin-B4xarQJX.d.cts.map