FilesExpand file tree

main

/

ink.ts

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

85 lines (80 loc) · 3.8 KB

main

/

ink.ts

Copy path

Top

File metadata and controls

• Code
• Blame

85 lines (80 loc) · 3.8 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

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'