File

File

import React from "react"
import { createRoot, File } from '@kubb/react'

const root = createRoot()

const Component = () => {
  return (
    <File baseName="test.ts" path="path">
      <File.Import name={'React'} path="react" print />
    </File>
  )
}

root.render(<Component />)
root.output
//   ^?

export function test() {
  return true
}

API

WARNING

baseName or path can be used, you can not use them together!

import React from "react"
import { File } from '@kubb/react'

type Props = React.ComponentProps<typeof File>

Property	Description	Type	Default
baseName	Name to be used to dynamicly create the baseName(based on input.path).	string	-
path	Path will be full qualified path to a specified file.	string	-
id	Unique identifier to reuse later.	string | undefined	crypto.randomUUID()
env	This will override process.env[key] inside the source, see getFileSource.	NodeJS.ProcessEnv | undefined	-
override	This will call fileManager.add instead of fileManager.addOrAppend, adding the source when the files already exists.	boolean | undefined	false
meta	Add extra meta to a file.	object | undefined	-
children		KubbNode | undefined	-

File.Import

simple

import React from "react"
import { createRoot, File } from '@kubb/react'

const root = createRoot()

const Component = () => {
  return <File.Import name={'React'} path="react" print />
}

root.render(<Component />)
root.output
//   ^?

type

import React from "react"
import { createRoot, File } from '@kubb/react'

const root = createRoot()

const Component = () => {
  return <File.Import name={'React'} path="react" isTypeOnly print />
}

root.render(<Component />)
root.output
//   ^?

simple

import React from 'react'

type

import type React from 'react'

API

import React from "react"
import { File } from '@kubb/react'

type Props = React.ComponentProps<typeof File.Import>

Property	Description	Type	Default
name	Import name to be used. Examples: ["useState"], "React"	string | Array<string>	-
path	Path for the import. Examples: "@kubb/core"	string	-
isTypeOnly	Add type prefix to the import, this will result in: import type { Type } from './path'.	boolean | undefined	-
print	When true, it will return the generated import. When false, it will add the import to a KubbFile instance(see fileManager).	boolean | undefined	-
root	When root is set it will get the path with relative getRelativePath(root, path).	string | undefined	-

File.Export

import React from "react"
import { createRoot, File } from '@kubb/react'

const root = createRoot()

const Component = () => {
  return <File.Export path="kubb" print />
}

root.render(<Component />)
root.output
//   ^?

export * from 'kubb'

API

import React from "react"
import { File } from '@kubb/react'

type Props = React.ComponentProps<typeof File.Export>

Property	Description	Type	Default
name	Import name to be used. Examples: ["useState"], "React"	string | Array<string> | undefined	-
path	Path for the import. Examples: "@kubb/core"	string	-
isTypeOnly	Add type prefix to the import, this will result in: import type { Type } from './path'.	boolean | undefined	-
asAlias	Make it possible to override the name, this will result in: export * as aliasName from './path'	boolean | undefined	-
print	When true, it will return the generated import. When false, it will add the import to a KubbFile instance(see fileManager).	boolean | undefined	-

File.Source

children

import React from "react"
import { createRoot, File } from '@kubb/react'

const root = createRoot()

const Component = () => {
  return (
    <File baseName="test.ts" path="path">
      <File.Source>test</File.Source>
    </File>
  )
}

root.render(<Component />)
root.output
//   ^?

path

import React from "react"
import { createRoot, File } from '@kubb/react'

const root = createRoot()

const Component = () => {
  return (
    <File baseName="test.ts" path="path">
      <File.Source path={path.resolve(__dirname, './test.ts')} print></File.Source>
    </File>
  )
}

root.render(<Component />)
root.output
//   ^?

children

test

path

export const resultFromTestDotTs = "hello world";

API

WARNING

path or children can be used, you can not use them together!

import React from "react"
import { File } from '@kubb/react'

type Props = React.ComponentProps<typeof File.Source>

Property	Description	Type	Default
path	When path is set it will copy-paste that file as a string inside the component.	string	-
print	When true, it will return the generated import. When false, it will add the import to a KubbFile instance(see fileManager).	boolean	-
removeComments	Removes comments.	boolean	-
noEmitHelpers	When set it can override the print of the TypeScript compiler.	boolean	-
children		KubbNode	-