1 | import * as React from "react";
|
2 |
|
3 | export interface RenderOptions {
|
4 | |
5 |
|
6 |
|
7 |
|
8 |
|
9 | readonly stdout?: NodeJS.WriteStream;
|
10 | |
11 |
|
12 |
|
13 |
|
14 |
|
15 | readonly stdin?: NodeJS.ReadStream;
|
16 | |
17 |
|
18 |
|
19 |
|
20 |
|
21 | readonly exitOnCtrlC?: boolean;
|
22 | |
23 |
|
24 |
|
25 |
|
26 |
|
27 | readonly debug?: boolean;
|
28 | }
|
29 |
|
30 | export type Instance = {
|
31 | |
32 |
|
33 |
|
34 | rerender: <Props>(tree: React.ReactElement<Props>) => void;
|
35 | |
36 |
|
37 |
|
38 | unmount: Unmount;
|
39 | |
40 |
|
41 |
|
42 | waitUntilExit: () => Promise<void>;
|
43 | };
|
44 |
|
45 | export type Unmount = () => void;
|
46 |
|
47 |
|
48 |
|
49 |
|
50 | export function render<Props>(
|
51 | tree: React.ReactElement<Props>,
|
52 | options?: NodeJS.WriteStream | RenderOptions
|
53 | ): Instance;
|
54 |
|
55 | export interface ColorProps {
|
56 | readonly hex?: string;
|
57 | readonly hsl?: [number, number, number];
|
58 | readonly hsv?: [number, number, number];
|
59 | readonly hwb?: [number, number, number];
|
60 | readonly rgb?: [number, number, number];
|
61 | readonly keyword?: string;
|
62 | readonly bgHex?: string;
|
63 | readonly bgHsl?: [number, number, number];
|
64 | readonly bgHsv?: [number, number, number];
|
65 | readonly bgHwb?: [number, number, number];
|
66 | readonly bgRgb?: [number, number, number];
|
67 | readonly bgKeyword?: string;
|
68 |
|
69 | readonly reset?: boolean;
|
70 | readonly bold?: boolean;
|
71 | readonly dim?: boolean;
|
72 | readonly italic?: boolean;
|
73 | readonly underline?: boolean;
|
74 | readonly inverse?: boolean;
|
75 | readonly hidden?: boolean;
|
76 | readonly strikethrough?: boolean;
|
77 |
|
78 | readonly visible?: boolean;
|
79 |
|
80 | readonly black?: boolean;
|
81 | readonly red?: boolean;
|
82 | readonly green?: boolean;
|
83 | readonly yellow?: boolean;
|
84 | readonly blue?: boolean;
|
85 | readonly magenta?: boolean;
|
86 | readonly cyan?: boolean;
|
87 | readonly white?: boolean;
|
88 | readonly gray?: boolean;
|
89 | readonly grey?: boolean;
|
90 | readonly blackBright?: boolean;
|
91 | readonly redBright?: boolean;
|
92 | readonly greenBright?: boolean;
|
93 | readonly yellowBright?: boolean;
|
94 | readonly blueBright?: boolean;
|
95 | readonly magentaBright?: boolean;
|
96 | readonly cyanBright?: boolean;
|
97 | readonly whiteBright?: boolean;
|
98 |
|
99 | readonly bgBlack?: boolean;
|
100 | readonly bgRed?: boolean;
|
101 | readonly bgGreen?: boolean;
|
102 | readonly bgYellow?: boolean;
|
103 | readonly bgBlue?: boolean;
|
104 | readonly bgMagenta?: boolean;
|
105 | readonly bgCyan?: boolean;
|
106 | readonly bgWhite?: boolean;
|
107 | readonly bgBlackBright?: boolean;
|
108 | readonly bgRedBright?: boolean;
|
109 | readonly bgGreenBright?: boolean;
|
110 | readonly bgYellowBright?: boolean;
|
111 | readonly bgBlueBright?: boolean;
|
112 | readonly bgMagentaBright?: boolean;
|
113 | readonly bgCyanBright?: boolean;
|
114 | readonly bgWhiteBright?: boolean;
|
115 | }
|
116 |
|
117 |
|
118 |
|
119 |
|
120 | export const Color: React.FC<ColorProps>;
|
121 |
|
122 | export interface BoxProps {
|
123 | readonly width?: number | string;
|
124 | readonly height?: number | string;
|
125 | readonly minWidth?: number;
|
126 | readonly minHeight?: number;
|
127 | readonly paddingTop?: number;
|
128 | readonly paddingBottom?: number;
|
129 | readonly paddingLeft?: number;
|
130 | readonly paddingRight?: number;
|
131 | readonly paddingX?: number;
|
132 | readonly paddingY?: number;
|
133 | readonly padding?: number;
|
134 | readonly marginTop?: number;
|
135 | readonly marginBottom?: number;
|
136 | readonly marginLeft?: number;
|
137 | readonly marginRight?: number;
|
138 | readonly marginX?: number;
|
139 | readonly marginY?: number;
|
140 | readonly margin?: number;
|
141 | readonly flexGrow?: number;
|
142 | readonly flexShrink?: number;
|
143 | readonly flexDirection?: "row" | "row-reverse" | "column" | "column-reverse";
|
144 | readonly flexBasis?: string | number;
|
145 | readonly alignItems?: "flex-start" | "center" | "flex-end";
|
146 | readonly justifyContent?:
|
147 | | "flex-start"
|
148 | | "center"
|
149 | | "flex-end"
|
150 | | "space-between"
|
151 | | "space-around";
|
152 | readonly textWrap?:
|
153 | | "wrap"
|
154 | | "truncate"
|
155 | | "truncate-start"
|
156 | | "truncate-middle"
|
157 | | "truncate-end";
|
158 | }
|
159 |
|
160 |
|
161 |
|
162 |
|
163 | export const Box: React.ComponentClass<BoxProps>;
|
164 |
|
165 | export interface TextProps {
|
166 | readonly bold?: boolean;
|
167 | readonly italic?: boolean;
|
168 | readonly underline?: boolean;
|
169 | readonly strikethrough?: boolean;
|
170 | }
|
171 |
|
172 |
|
173 |
|
174 |
|
175 | export const Text: React.FC<TextProps>;
|
176 |
|
177 |
|
178 |
|
179 |
|
180 |
|
181 |
|
182 | export const Static: React.FC<{children: React.ReactNodeArray}>;
|
183 |
|
184 |
|
185 |
|
186 |
|
187 | export const AppContext: React.Context<{
|
188 | |
189 |
|
190 |
|
191 | readonly exit: (error?: Error) => void;
|
192 | }>;
|
193 |
|
194 |
|
195 |
|
196 |
|
197 | export const StdinContext: React.Context<{
|
198 | |
199 |
|
200 |
|
201 | readonly stdin: NodeJS.ReadStream;
|
202 | |
203 |
|
204 |
|
205 | readonly setRawMode: NodeJS.ReadStream["setRawMode"];
|
206 | }>;
|
207 |
|
208 |
|
209 |
|
210 |
|
211 | export const StdoutContext: React.Context<{
|
212 | |
213 |
|
214 |
|
215 | readonly stdout: NodeJS.WriteStream;
|
216 | }>;
|