86 lines
3.8 KiB
TypeScript
86 lines
3.8 KiB
TypeScript
|
import { createElement, type ReactNode } from 'react'
|
||
|
|
import { ThemeProvider } from './components/design-system/ThemeProvider.js'
|
||
|
|
import inkRender, {
|
||
|
|
type Instance,
|
||
|
|
createRoot as inkCreateRoot,
|
||
|
|
type RenderOptions,
|
||
|
|
type Root,
|
||
|
|
} from './ink/root.js'
|
||
|
|
|
||
|
|
export type { RenderOptions, Instance, Root }
|
||
|
|
|
||
|
|
// Wrap all CC render calls with ThemeProvider so ThemedBox/ThemedText work
|
||
|
|
// without every call site having to mount it. Ink itself is theme-agnostic.
|
||
|
|
function withTheme(node: ReactNode): ReactNode {
|
||
|
|
return createElement(ThemeProvider, null, node)
|
||
|
|
}
|
||
|
|
|
||
|
|
export async function render(
|
||
|
|
node: ReactNode,
|
||
|
|
options?: NodeJS.WriteStream | RenderOptions,
|
||
|
|
): Promise<Instance> {
|
||
|
|
return inkRender(withTheme(node), options)
|
||
|
|
}
|
||
|
|
|
||
|
|
export async function createRoot(options?: RenderOptions): Promise<Root> {
|
||
|
|
const root = await inkCreateRoot(options)
|
||
|
|
return {
|
||
|
|
...root,
|
||
|
|
render: node => root.render(withTheme(node)),
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export { color } from './components/design-system/color.js'
|
||
|
|
export type { Props as BoxProps } from './components/design-system/ThemedBox.js'
|
||
|
|
export { default as Box } from './components/design-system/ThemedBox.js'
|
||
|
|
export type { Props as TextProps } from './components/design-system/ThemedText.js'
|
||
|
|
export { default as Text } from './components/design-system/ThemedText.js'
|
||
|
|
export {
|
||
|
|
ThemeProvider,
|
||
|
|
usePreviewTheme,
|
||
|
|
useTheme,
|
||
|
|
useThemeSetting,
|
||
|
|
} from './components/design-system/ThemeProvider.js'
|
||
|
|
export { Ansi } from './ink/Ansi.js'
|
||
|
|
export type { Props as AppProps } from './ink/components/AppContext.js'
|
||
|
|
export type { Props as BaseBoxProps } from './ink/components/Box.js'
|
||
|
|
export { default as BaseBox } from './ink/components/Box.js'
|
||
|
|
export type {
|
||
|
|
ButtonState,
|
||
|
|
Props as ButtonProps,
|
||
|
|
} from './ink/components/Button.js'
|
||
|
|
export { default as Button } from './ink/components/Button.js'
|
||
|
|
export type { Props as LinkProps } from './ink/components/Link.js'
|
||
|
|
export { default as Link } from './ink/components/Link.js'
|
||
|
|
export type { Props as NewlineProps } from './ink/components/Newline.js'
|
||
|
|
export { default as Newline } from './ink/components/Newline.js'
|
||
|
|
export { NoSelect } from './ink/components/NoSelect.js'
|
||
|
|
export { RawAnsi } from './ink/components/RawAnsi.js'
|
||
|
|
export { default as Spacer } from './ink/components/Spacer.js'
|
||
|
|
export type { Props as StdinProps } from './ink/components/StdinContext.js'
|
||
|
|
export type { Props as BaseTextProps } from './ink/components/Text.js'
|
||
|
|
export { default as BaseText } from './ink/components/Text.js'
|
||
|
|
export type { DOMElement } from './ink/dom.js'
|
||
|
|
export { ClickEvent } from './ink/events/click-event.js'
|
||
|
|
export { EventEmitter } from './ink/events/emitter.js'
|
||
|
|
export { Event } from './ink/events/event.js'
|
||
|
|
export type { Key } from './ink/events/input-event.js'
|
||
|
|
export { InputEvent } from './ink/events/input-event.js'
|
||
|
|
export type { TerminalFocusEventType } from './ink/events/terminal-focus-event.js'
|
||
|
|
export { TerminalFocusEvent } from './ink/events/terminal-focus-event.js'
|
||
|
|
export { FocusManager } from './ink/focus.js'
|
||
|
|
export type { FlickerReason } from './ink/frame.js'
|
||
|
|
export { useAnimationFrame } from './ink/hooks/use-animation-frame.js'
|
||
|
|
export { default as useApp } from './ink/hooks/use-app.js'
|
||
|
|
export { default as useInput } from './ink/hooks/use-input.js'
|
||
|
|
export { useAnimationTimer, useInterval } from './ink/hooks/use-interval.js'
|
||
|
|
export { useSelection } from './ink/hooks/use-selection.js'
|
||
|
|
export { default as useStdin } from './ink/hooks/use-stdin.js'
|
||
|
|
export { useTabStatus } from './ink/hooks/use-tab-status.js'
|
||
|
|
export { useTerminalFocus } from './ink/hooks/use-terminal-focus.js'
|
||
|
|
export { useTerminalTitle } from './ink/hooks/use-terminal-title.js'
|
||
|
|
export { useTerminalViewport } from './ink/hooks/use-terminal-viewport.js'
|
||
|
|
export { default as measureElement } from './ink/measure-element.js'
|
||
|
|
export { supportsTabStatus } from './ink/termio/osc.js'
|
||
|
|
export { default as wrapText } from './ink/wrap-text.js'
|