@kubb/react-fabric 0.12.4 → 0.12.6

package/src/components/Root.tsx

@@ -1,20 +1,20 @@
 import { type FileManager, NodeTreeContext, provide, RootContext, type TreeNode } from '@kubb/fabric-core'
 import { Component } from 'react'
 
-import type { ComponentNode, KubbElement, KubbNode } from '../types.ts'
+import type { ComponentNode, FabricReactElement, FabricReactNode } from '../types.ts'
 
 type ErrorBoundaryProps = {
   onError: (error: Error) => void
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 class ErrorBoundary extends Component<{
   onError: ErrorBoundaryProps['onError']
-  children?: KubbNode
+  children?: FabricReactNode
 }> {
   state = { hasError: false }
 
-  static displayName = 'KubbErrorBoundary'
+  static displayName = 'ErrorBoundary'
   static getDerivedStateFromError(_error: Error) {
     return { hasError: true }
   }
@@ -53,13 +53,13 @@ export type RootProps = {
   /**
    * Children nodes.
    */
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 /**
  * This component provides the root behavior for the Fabric runtime.
  */
-export function Root({ onError, onExit, treeNode, fileManager, children }: RootProps): KubbElement {
+export function Root({ onError, onExit, treeNode, fileManager, children }: RootProps): FabricReactElement {
   provide(RootContext, { exit: onExit, treeNode, fileManager })
   provide(NodeTreeContext, treeNode)
 
@@ -74,4 +74,4 @@ export function Root({ onError, onExit, treeNode, fileManager, children }: RootP
   )
 }
 
-Root.displayName = 'KubbRoot'
+Root.displayName = 'Root'

package/src/components/Type.tsx

@@ -1,5 +1,5 @@
 import { NodeTreeContext, provide, useNodeTree } from '@kubb/fabric-core'
-import type { JSDoc, Key, KubbElement, KubbNode } from '../types.ts'
+import type { FabricReactElement, FabricReactNode, JSDoc, Key } from '../types.ts'
 import { createJSDoc } from '../utils/createJSDoc.ts'
 
 export type TypeProps = {
@@ -19,13 +19,13 @@ export type TypeProps = {
   /**
    * Children nodes.
    */
-  children?: KubbNode
+  children?: FabricReactNode
 }
 
 /**
  * Generates a TypeScript type declaration.
  */
-export function Type({ children, ...props }: TypeProps): KubbElement {
+export function Type({ children, ...props }: TypeProps): FabricReactElement {
   const { name, export: canExport, JSDoc } = props
 
   const nodeTree = useNodeTree()
@@ -54,4 +54,4 @@ export function Type({ children, ...props }: TypeProps): KubbElement {
   )
 }
 
-Type.displayName = 'KubbType'
+Type.displayName = 'Type'

package/src/composables/useLifecycle.tsx

@@ -1,19 +1 @@
-import { RootContext, useContext } from '@kubb/fabric-core'
-
-/**
- * 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(RootContext)
-
-  return {
-    exit: () => {
-      // need this to let React finish its current render cycle
-      setTimeout(() => {
-        exit()
-      }, 0)
-    },
-  }
-}
+export { useLifecycle } from '@kubb/fabric-core'

package/src/devtools.ts

@@ -25,7 +25,7 @@ export function openDevtools() {
   customGlobal.self ||= global
   customGlobal.isDevtoolsEnabled = true
 
-  // Filter out Kubbs's internal components from devtools for a cleaner view.
+  // Filter out Kubb internal components from devtools for a cleaner view.
   // See https://github.com/facebook/react/blob/edf6eac8a181860fd8a2d076a43806f1237495a1/packages/react-devtools-shared/src/types.js#L24
   customGlobal.window.__REACT_DEVTOOLS_COMPONENT_FILTERS__ = [
     {
@@ -38,14 +38,14 @@ export function openDevtools() {
     {
       // ComponentFilterDisplayName
       type: 2,
-      value: 'KubbRoot',
+      value: 'Root',
       isEnabled: true,
       isValid: true,
     },
     {
       // ComponentFilterDisplayName
       type: 2,
-      value: 'KubbErrorBoundary',
+      value: 'ErrorBoundary',
       isEnabled: true,
       isValid: true,
     },

package/src/globals.ts

@@ -1,20 +1,29 @@
 import type React from 'react'
-import type { KubbElement, KubbExportProps, KubbFileProps, KubbImportProps, KubbNode, KubbSourceProps, KubbTextProps, LineBreakProps } from './types.ts'
+import type {
+  FabricExportProps,
+  FabricFileProps,
+  FabricImportProps,
+  FabricReactElement,
+  FabricReactNode,
+  FabricSourceProps,
+  FabricTextProps,
+  LineBreakProps,
+} from './types.ts'
 
 declare global {
   namespace JSX {
-    type Element = KubbElement
+    type Element = FabricReactElement
 
     interface ElementClass extends React.ComponentClass<any> {
-      render(): KubbNode
+      render(): FabricReactNode
     }
 
     interface IntrinsicElements {
-      'kubb-text': KubbTextProps
-      'kubb-file': KubbFileProps
-      'kubb-source': KubbSourceProps
-      'kubb-import': KubbImportProps
-      'kubb-export': KubbExportProps
+      'kubb-text': FabricTextProps
+      'kubb-file': FabricFileProps
+      'kubb-source': FabricSourceProps
+      'kubb-import': FabricImportProps
+      'kubb-export': FabricExportProps
       br: LineBreakProps
       indent: {}
       dedent: {}

package/src/index.ts

@@ -3,23 +3,20 @@ import * as React from 'react'
 
 export type { Fabric } from '@kubb/fabric-core'
 // expose fabric core helpers
-export { createFabric, createFile, FileManager, FileProcessor } from '@kubb/fabric-core'
+export { createContext, createFabric, createFile, FileManager, FileProcessor, TreeNode, useContext } from '@kubb/fabric-core'
 
 // react helpers
 export const useState = React.useState
-export const createContext = React.createContext
-export const createElement = React.createElement
-export const Fragment = React.Fragment
-export const use = React.use
-export const useContext = React.useContext
 export const useEffect = React.useEffect
 export const useReducer = React.useReducer
 export const useRef = React.useRef
-// 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'
+// components
+export { Root } from './components/Root.tsx'
 export { Type } from './components/Type.tsx'
 
 // composables

package/src/jsx-dev-runtime.ts

@@ -1,10 +1,10 @@
 import * as React from 'react/jsx-dev-runtime'
-import type { KubbElement, KubbNode } from './types.ts'
+import type { FabricReactElement, FabricReactNode } from './types.ts'
 
 export const Fragment = React.Fragment
 export const jsxDEV = React.jsxDEV
 
 export type * from './jsx-namespace.d.ts'
 
-export type JSXElement = KubbElement
-export type ReactNode = KubbNode
+export type JSXElement = FabricReactElement
+export type ReactNode = FabricReactNode

package/src/jsx-namespace.d.ts

@@ -1,13 +1,13 @@
 import type React from 'react'
 
-import type { KubbNode, KubbElement, KubbExportProps, KubbFileProps, KubbImportProps, KubbSourceProps, KubbTextProps, LineBreakProps } from './types'
+import type { FabricReactNode, FabricReactElement, FabricExportProps, FabricFileProps, FabricImportProps, FabricSourceProps, FabricTextProps, LineBreakProps } from './types'
 
 export namespace JSX {
   type ElementType = React.JSX.ElementType
-  type Element = KubbElement
+  type Element = FabricReactElement
 
   interface ElementClass extends React.JSX.ElementClass {
-    render(): KubbNode
+    render(): FabricReactNode
   }
   interface ElementAttributesProperty {
     props: {}
@@ -18,11 +18,11 @@ export namespace JSX {
   }
 
   interface IntrinsicElements extends React.JSX.IntrinsicElements {
-    'kubb-text': KubbTextProps
-    'kubb-file': KubbFileProps
-    'kubb-source': KubbSourceProps
-    'kubb-import': KubbImportProps
-    'kubb-export': KubbExportProps
+    'kubb-text': FabricTextProps
+    'kubb-file': FabricFileProps
+    'kubb-source': FabricSourceProps
+    'kubb-import': FabricImportProps
+    'kubb-export': FabricExportProps
     br: LineBreakProps
     indent: {}
     dedent: {}

package/src/jsx-runtime.ts

@@ -1,5 +1,5 @@
 import * as React from 'react/jsx-runtime'
-import type { KubbElement, KubbNode } from './types.ts'
+import type { FabricReactElement, FabricReactNode } from './types.ts'
 
 export const Fragment = React.Fragment
 export const jsx = React.jsx
@@ -8,5 +8,5 @@ export const jsxs = React.jsxs
 
 export type * from './jsx-namespace.d.ts'
 
-export type JSXElement = KubbElement
-export type ReactNode = KubbNode
+export type JSXElement = FabricReactElement
+export type ReactNode = FabricReactNode

package/src/plugins/reactPlugin.ts

@@ -1,7 +1,7 @@
 import type { TreeNode } from '@kubb/fabric-core'
 import { definePlugin } from '@kubb/fabric-core/plugins'
 import { Runtime } from '../Runtime.tsx'
-import type { ComponentNode, KubbElement } from '../types.ts'
+import type { ComponentNode, FabricReactElement } from '../types.ts'
 
 export type Options = {
   stdout?: NodeJS.WriteStream
@@ -15,16 +15,16 @@ export type Options = {
 }
 
 type ExtendOptions = {
-  render(App: KubbElement): Promise<void>
-  renderToString(App: KubbElement): Promise<string>
+  render(App: FabricReactElement): Promise<void>
+  renderToString(App: FabricReactElement): Promise<string>
   waitUntilExit(): Promise<void>
 }
 
 declare global {
   namespace Kubb {
     interface Fabric {
-      render(App: KubbElement): Promise<void>
-      renderToString(App: KubbElement): Promise<string>
+      render(App: FabricReactElement): Promise<void>
+      renderToString(App: FabricReactElement): Promise<string>
       waitUntilExit(): Promise<void>
     }
   }

package/src/types.ts

@@ -2,9 +2,20 @@ import type { KubbFile } from '@kubb/fabric-core/types'
 import type React from 'react'
 import type { JSX, ReactNode } from 'react'
 
-type ReactElementNames = 'br' | 'div' | 'indent' | 'dedent'
-
-export type ElementNames = ReactElementNames | 'kubb-text' | 'kubb-file' | 'kubb-source' | 'kubb-import' | 'kubb-export' | 'kubb-root' | 'kubb-app'
+export type Key = string | number | bigint
+
+export type ElementNames =
+  | 'br'
+  | 'div'
+  | 'indent'
+  | 'dedent'
+  | 'kubb-text'
+  | 'kubb-file'
+  | 'kubb-source'
+  | 'kubb-import'
+  | 'kubb-export'
+  | 'kubb-root'
+  | 'kubb-app'
 
 type Node = {
   parentNode: DOMElement | undefined
@@ -45,30 +56,28 @@ export type DOMElement = {
 
 type NodeNames = ElementNames | TextName
 
-export type KubbNode = ReactNode
-export type KubbElement = JSX.Element
-
-export type { Key } from 'react'
+export type FabricReactNode = ReactNode
+export type FabricReactElement = JSX.Element
 
-export type KubbTextProps = {
-  children?: KubbNode
+export type FabricTextProps = {
+  children?: FabricReactNode
 }
 
-export type KubbFileProps = {
+export type FabricFileProps = {
   id?: string
-  children?: KubbNode
+  children?: FabricReactNode
   baseName: string
   path: string
   override?: boolean
   meta?: KubbFile.File['meta']
 }
-export type KubbSourceProps = KubbFile.Source & {
-  children?: KubbNode
+export type FabricSourceProps = KubbFile.Source & {
+  children?: FabricReactNode
 }
 
-export type KubbImportProps = KubbFile.Import
+export type FabricImportProps = KubbFile.Import
 
-export type KubbExportProps = KubbFile.Export
+export type FabricExportProps = KubbFile.Export
 
 export type LineBreakProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>