codereview-aia 0.5.3 → 0.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/runtime/ui/components/TextInput.d.ts +12 -0
- package/dist/runtime/ui/components/TextInput.js +155 -0
- package/dist/runtime/ui/components/TextInput.js.map +1 -0
- package/dist/runtime/ui/inkModules.d.ts +0 -2
- package/dist/runtime/ui/inkModules.js +1 -15
- package/dist/runtime/ui/inkModules.js.map +1 -1
- package/dist/runtime/ui/screens/AuthScreen.js +5 -16
- package/dist/runtime/ui/screens/AuthScreen.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface TextInputProps {
|
|
2
|
+
value: string;
|
|
3
|
+
placeholder?: string;
|
|
4
|
+
focus?: boolean;
|
|
5
|
+
mask?: string;
|
|
6
|
+
highlightPastedText?: boolean;
|
|
7
|
+
showCursor?: boolean;
|
|
8
|
+
onChange: (value: string) => void;
|
|
9
|
+
onSubmit?: (value: string) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function TextInput({ value, placeholder, focus, mask, highlightPastedText, showCursor, onChange, onSubmit, }: TextInputProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TextInput = TextInput;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const inkModules_1 = require("../inkModules");
|
|
7
|
+
function buildSegments(options) {
|
|
8
|
+
const { value, placeholder, focus, showCursor, cursorOffset, cursorWidth, highlightPastedText, } = options;
|
|
9
|
+
const segments = [];
|
|
10
|
+
const hasValue = value.length > 0;
|
|
11
|
+
const canShowCursor = focus && showCursor;
|
|
12
|
+
if (!canShowCursor) {
|
|
13
|
+
if (!hasValue && placeholder) {
|
|
14
|
+
segments.push({ text: placeholder, dimColor: true });
|
|
15
|
+
}
|
|
16
|
+
else if (hasValue) {
|
|
17
|
+
segments.push({ text: value });
|
|
18
|
+
}
|
|
19
|
+
return segments;
|
|
20
|
+
}
|
|
21
|
+
if (!hasValue) {
|
|
22
|
+
if (placeholder) {
|
|
23
|
+
const first = placeholder[0] ?? ' ';
|
|
24
|
+
const rest = placeholder.slice(1);
|
|
25
|
+
segments.push({ text: first, inverse: true });
|
|
26
|
+
if (rest) {
|
|
27
|
+
segments.push({ text: rest, dimColor: true });
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
segments.push({ text: ' ', inverse: true });
|
|
32
|
+
}
|
|
33
|
+
return segments;
|
|
34
|
+
}
|
|
35
|
+
const cursorIndex = Math.min(Math.max(cursorOffset, 0), value.length);
|
|
36
|
+
const highlightWidth = highlightPastedText ? cursorWidth : 0;
|
|
37
|
+
const highlightStart = cursorIndex - highlightWidth;
|
|
38
|
+
const highlightEnd = cursorIndex;
|
|
39
|
+
let buffer = '';
|
|
40
|
+
let bufferInverse = false;
|
|
41
|
+
const flushBuffer = () => {
|
|
42
|
+
if (!buffer)
|
|
43
|
+
return;
|
|
44
|
+
segments.push({ text: buffer, inverse: bufferInverse });
|
|
45
|
+
buffer = '';
|
|
46
|
+
};
|
|
47
|
+
for (let i = 0; i < value.length; i += 1) {
|
|
48
|
+
const char = value[i] ?? '';
|
|
49
|
+
const isInverse = i >= highlightStart && i <= highlightEnd;
|
|
50
|
+
if (buffer && bufferInverse !== isInverse) {
|
|
51
|
+
flushBuffer();
|
|
52
|
+
}
|
|
53
|
+
bufferInverse = isInverse;
|
|
54
|
+
buffer += char;
|
|
55
|
+
}
|
|
56
|
+
flushBuffer();
|
|
57
|
+
if (cursorIndex === value.length) {
|
|
58
|
+
segments.push({ text: ' ', inverse: true });
|
|
59
|
+
}
|
|
60
|
+
return segments;
|
|
61
|
+
}
|
|
62
|
+
function TextInput({ value, placeholder = '', focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit, }) {
|
|
63
|
+
const { Box, Text, useInput } = (0, inkModules_1.getInk)();
|
|
64
|
+
const [state, setState] = (0, react_1.useState)(() => ({
|
|
65
|
+
cursorOffset: (value || '').length,
|
|
66
|
+
cursorWidth: 0,
|
|
67
|
+
}));
|
|
68
|
+
const { cursorOffset, cursorWidth } = state;
|
|
69
|
+
const renderedValue = mask ? mask.repeat(value.length) : value;
|
|
70
|
+
(0, react_1.useEffect)(() => {
|
|
71
|
+
setState((previous) => {
|
|
72
|
+
if (!focus || !showCursor) {
|
|
73
|
+
return previous;
|
|
74
|
+
}
|
|
75
|
+
if (previous.cursorOffset > value.length) {
|
|
76
|
+
return {
|
|
77
|
+
cursorOffset: value.length,
|
|
78
|
+
cursorWidth: 0,
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
return previous;
|
|
82
|
+
});
|
|
83
|
+
}, [value, focus, showCursor]);
|
|
84
|
+
useInput((input, key) => {
|
|
85
|
+
if (key.upArrow ||
|
|
86
|
+
key.downArrow ||
|
|
87
|
+
(key.ctrl && input === 'c') ||
|
|
88
|
+
key.tab ||
|
|
89
|
+
(key.shift && key.tab)) {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
if (key.return) {
|
|
93
|
+
onSubmit?.(value);
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
let nextCursorOffset = cursorOffset;
|
|
97
|
+
let nextValue = value;
|
|
98
|
+
let nextCursorWidth = 0;
|
|
99
|
+
if (key.leftArrow) {
|
|
100
|
+
if (showCursor) {
|
|
101
|
+
nextCursorOffset -= 1;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
else if (key.rightArrow) {
|
|
105
|
+
if (showCursor) {
|
|
106
|
+
nextCursorOffset += 1;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
else if (key.backspace || key.delete) {
|
|
110
|
+
if (cursorOffset > 0) {
|
|
111
|
+
nextValue = value.slice(0, cursorOffset - 1) + value.slice(cursorOffset);
|
|
112
|
+
nextCursorOffset -= 1;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
else if (input) {
|
|
116
|
+
nextValue = value.slice(0, cursorOffset) + input + value.slice(cursorOffset);
|
|
117
|
+
nextCursorOffset += input.length;
|
|
118
|
+
if (input.length > 1) {
|
|
119
|
+
nextCursorWidth = input.length;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
if (nextCursorOffset < 0) {
|
|
123
|
+
nextCursorOffset = 0;
|
|
124
|
+
}
|
|
125
|
+
if (nextCursorOffset > nextValue.length) {
|
|
126
|
+
nextCursorOffset = nextValue.length;
|
|
127
|
+
}
|
|
128
|
+
setState({
|
|
129
|
+
cursorOffset: nextCursorOffset,
|
|
130
|
+
cursorWidth: nextCursorWidth,
|
|
131
|
+
});
|
|
132
|
+
if (nextValue !== value) {
|
|
133
|
+
onChange(nextValue);
|
|
134
|
+
}
|
|
135
|
+
}, { isActive: focus });
|
|
136
|
+
const segments = (0, react_1.useMemo)(() => buildSegments({
|
|
137
|
+
value: renderedValue,
|
|
138
|
+
placeholder,
|
|
139
|
+
focus,
|
|
140
|
+
showCursor,
|
|
141
|
+
cursorOffset,
|
|
142
|
+
cursorWidth,
|
|
143
|
+
highlightPastedText,
|
|
144
|
+
}), [
|
|
145
|
+
renderedValue,
|
|
146
|
+
placeholder,
|
|
147
|
+
focus,
|
|
148
|
+
showCursor,
|
|
149
|
+
cursorOffset,
|
|
150
|
+
cursorWidth,
|
|
151
|
+
highlightPastedText,
|
|
152
|
+
]);
|
|
153
|
+
return ((0, jsx_runtime_1.jsx)(Box, { children: segments.map((segment, index) => ((0, jsx_runtime_1.jsx)(Text, { inverse: segment.inverse, dimColor: segment.dimColor, children: segment.text }, index))) }));
|
|
154
|
+
}
|
|
155
|
+
//# sourceMappingURL=TextInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/runtime/ui/components/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
type InkModule = typeof import('ink');
|
|
2
2
|
type SpinnerModule = typeof import('ink-spinner');
|
|
3
|
-
type TextInputModule = typeof import('ink-text-input');
|
|
4
3
|
type SelectInputModule = typeof import('ink-select-input');
|
|
5
4
|
export declare function preloadInkModules(): Promise<void>;
|
|
6
5
|
export declare function getInk(): InkModule;
|
|
7
6
|
export declare function getInkSpinner(): SpinnerModule['default'];
|
|
8
|
-
export declare function getInkTextInput(): TextInputModule['default'];
|
|
9
7
|
export declare function getInkSelectInput(): SelectInputModule['default'];
|
|
10
8
|
export {};
|
|
@@ -3,12 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.preloadInkModules = preloadInkModules;
|
|
4
4
|
exports.getInk = getInk;
|
|
5
5
|
exports.getInkSpinner = getInkSpinner;
|
|
6
|
-
exports.getInkTextInput = getInkTextInput;
|
|
7
6
|
exports.getInkSelectInput = getInkSelectInput;
|
|
8
7
|
const dynamicImporter = new Function('specifier', 'return import(specifier);');
|
|
9
8
|
let inkModule = null;
|
|
10
9
|
let spinnerModule = null;
|
|
11
|
-
let textInputModule = null;
|
|
12
10
|
let selectInputModule = null;
|
|
13
11
|
async function loadInk() {
|
|
14
12
|
if (!inkModule) {
|
|
@@ -21,12 +19,6 @@ async function loadSpinner() {
|
|
|
21
19
|
spinnerModule = mod.default;
|
|
22
20
|
}
|
|
23
21
|
}
|
|
24
|
-
async function loadTextInput() {
|
|
25
|
-
if (!textInputModule) {
|
|
26
|
-
const mod = (await dynamicImporter('ink-text-input'));
|
|
27
|
-
textInputModule = mod.default;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
22
|
async function loadSelectInput() {
|
|
31
23
|
if (!selectInputModule) {
|
|
32
24
|
const mod = (await dynamicImporter('ink-select-input'));
|
|
@@ -34,7 +26,7 @@ async function loadSelectInput() {
|
|
|
34
26
|
}
|
|
35
27
|
}
|
|
36
28
|
async function preloadInkModules() {
|
|
37
|
-
await Promise.all([loadInk(), loadSpinner(),
|
|
29
|
+
await Promise.all([loadInk(), loadSpinner(), loadSelectInput()]);
|
|
38
30
|
}
|
|
39
31
|
function getInk() {
|
|
40
32
|
if (!inkModule) {
|
|
@@ -48,12 +40,6 @@ function getInkSpinner() {
|
|
|
48
40
|
}
|
|
49
41
|
return spinnerModule;
|
|
50
42
|
}
|
|
51
|
-
function getInkTextInput() {
|
|
52
|
-
if (!textInputModule) {
|
|
53
|
-
throw new Error('Ink TextInput module not loaded. Call preloadInkModules() before rendering UI.');
|
|
54
|
-
}
|
|
55
|
-
return textInputModule;
|
|
56
|
-
}
|
|
57
43
|
function getInkSelectInput() {
|
|
58
44
|
if (!selectInputModule) {
|
|
59
45
|
throw new Error('Ink SelectInput module not loaded. Call preloadInkModules() before rendering UI.');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inkModules.js","sourceRoot":"","sources":["../../../src/runtime/ui/inkModules.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"inkModules.js","sourceRoot":"","sources":["../../../src/runtime/ui/inkModules.ts"],"names":[],"mappings":";;AAgCA,8CAEC;AAED,wBAKC;AAED,sCAKC;AAED,8CAKC;AAnDD,MAAM,eAAe,GAAG,IAAI,QAAQ,CAAC,WAAW,EAAE,2BAA2B,CAExD,CAAC;AAEtB,IAAI,SAAS,GAAqB,IAAI,CAAC;AACvC,IAAI,aAAa,GAAoC,IAAI,CAAC;AAC1D,IAAI,iBAAiB,GAAwC,IAAI,CAAC;AAElE,KAAK,UAAU,OAAO;IACpB,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,SAAS,GAAG,CAAC,MAAM,eAAe,CAAC,KAAK,CAAC,CAAc,CAAC;IAC1D,CAAC;AACH,CAAC;AAED,KAAK,UAAU,WAAW;IACxB,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,MAAM,GAAG,GAAG,CAAC,MAAM,eAAe,CAAC,aAAa,CAAC,CAAkB,CAAC;QACpE,aAAa,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9B,CAAC;AACH,CAAC;AAED,KAAK,UAAU,eAAe;IAC5B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,MAAM,GAAG,GAAG,CAAC,MAAM,eAAe,CAAC,kBAAkB,CAAC,CAAsB,CAAC;QAC7E,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,CAAC;AACH,CAAC;AAEM,KAAK,UAAU,iBAAiB;IACrC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,SAAgB,MAAM;IACpB,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;IAC1F,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,aAAa;IAC3B,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,8EAA8E,CAAC,CAAC;IAClG,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,SAAgB,iBAAiB;IAC/B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,kFAAkF,CAAC,CAAC;IACtG,CAAC;IACD,OAAO,iBAAiB,CAAC;AAC3B,CAAC"}
|
|
@@ -7,11 +7,11 @@ const Layout_1 = require("../Layout");
|
|
|
7
7
|
const edgeClient_1 = require("../../api/edgeClient");
|
|
8
8
|
const authCache_1 = require("../../authCache");
|
|
9
9
|
const inkModules_1 = require("../inkModules");
|
|
10
|
+
const TextInput_1 = require("../components/TextInput");
|
|
10
11
|
function AuthScreen({ onContinue }) {
|
|
11
12
|
const { frameWidth } = (0, Layout_1.useLayout)();
|
|
12
13
|
const { Box, Text, useInput } = (0, inkModules_1.getInk)();
|
|
13
14
|
const Spinner = (0, inkModules_1.getInkSpinner)();
|
|
14
|
-
const TextInput = (0, inkModules_1.getInkTextInput)();
|
|
15
15
|
const [username, setUsername] = (0, react_1.useState)(process.env['CR_EDGE_USERNAME'] ?? '');
|
|
16
16
|
const [password, setPassword] = (0, react_1.useState)(process.env['CR_EDGE_PASSWORD'] ?? '');
|
|
17
17
|
const [focusedField, setFocusedField] = (0, react_1.useState)('username');
|
|
@@ -71,29 +71,18 @@ function AuthScreen({ onContinue }) {
|
|
|
71
71
|
}
|
|
72
72
|
}, [isAuthenticating, onContinue, password, username]);
|
|
73
73
|
useInput((_input, key) => {
|
|
74
|
-
if (isAuthenticating || isCheckingCache)
|
|
75
|
-
return;
|
|
76
74
|
if (key.tab) {
|
|
77
75
|
setFocusedField((current) => (current === 'username' ? 'password' : 'username'));
|
|
78
|
-
return;
|
|
79
|
-
}
|
|
80
|
-
if (key.return) {
|
|
81
|
-
if (focusedField === 'username') {
|
|
82
|
-
setFocusedField('password');
|
|
83
|
-
}
|
|
84
|
-
else {
|
|
85
|
-
void handleAuthenticate();
|
|
86
|
-
}
|
|
87
76
|
}
|
|
88
|
-
});
|
|
89
|
-
return ((0, jsx_runtime_1.jsxs)(Box, { width: frameWidth, flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, gap: 1, children: [(0, jsx_runtime_1.jsx)(Text, { color: "cyan", bold: true, children: "Sign in to continue" }), isCheckingCache ? ((0, jsx_runtime_1.jsxs)(Text, { color: "yellow", children: [(0, jsx_runtime_1.jsx)(Spinner, {}), " Checking session..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Box, { flexDirection: "column", gap: 1, children: [(0, jsx_runtime_1.jsxs)(Box, { children: [(0, jsx_runtime_1.jsx)(Text, { color: focusedField === 'username' ? 'cyan' : undefined, children: "Username:" }), (0, jsx_runtime_1.jsx)(Box, { marginLeft: 1, children: (0, jsx_runtime_1.jsx)(TextInput, { value: username, onChange: (value) => {
|
|
77
|
+
}, { isActive: !isAuthenticating && !isCheckingCache });
|
|
78
|
+
return ((0, jsx_runtime_1.jsxs)(Box, { width: frameWidth, flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, gap: 1, children: [(0, jsx_runtime_1.jsx)(Text, { color: "cyan", bold: true, children: "Sign in to continue" }), isCheckingCache ? ((0, jsx_runtime_1.jsxs)(Text, { color: "yellow", children: [(0, jsx_runtime_1.jsx)(Spinner, {}), " Checking session..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Box, { flexDirection: "column", gap: 1, children: [(0, jsx_runtime_1.jsxs)(Box, { children: [(0, jsx_runtime_1.jsx)(Text, { color: focusedField === 'username' ? 'cyan' : undefined, children: "Username:" }), (0, jsx_runtime_1.jsx)(Box, { marginLeft: 1, children: (0, jsx_runtime_1.jsx)(TextInput_1.TextInput, { value: username, onChange: (value) => {
|
|
90
79
|
setUsername(value);
|
|
91
80
|
if (error)
|
|
92
81
|
setError(null);
|
|
93
|
-
}, focus: focusedField === 'username', placeholder: "user@example.com" }) })] }), (0, jsx_runtime_1.jsxs)(Box, { children: [(0, jsx_runtime_1.jsx)(Text, { color: focusedField === 'password' ? 'cyan' : undefined, children: "Password:" }), (0, jsx_runtime_1.jsx)(Box, { marginLeft: 1, children: (0, jsx_runtime_1.jsx)(TextInput, { value: password, onChange: (value) => {
|
|
82
|
+
}, onSubmit: () => setFocusedField('password'), focus: focusedField === 'username', placeholder: "user@example.com" }) })] }), (0, jsx_runtime_1.jsxs)(Box, { children: [(0, jsx_runtime_1.jsx)(Text, { color: focusedField === 'password' ? 'cyan' : undefined, children: "Password:" }), (0, jsx_runtime_1.jsx)(Box, { marginLeft: 1, children: (0, jsx_runtime_1.jsx)(TextInput_1.TextInput, { value: password, onChange: (value) => {
|
|
94
83
|
setPassword(value);
|
|
95
84
|
if (error)
|
|
96
85
|
setError(null);
|
|
97
|
-
}, focus: focusedField === 'password', mask: "*", placeholder: "********" }) })] })] }), isAuthenticating ? ((0, jsx_runtime_1.jsxs)(Text, { color: "yellow", children: [(0, jsx_runtime_1.jsx)(Spinner, {}), " Authenticating..."] })) : ((0, jsx_runtime_1.jsx)(Text, { dimColor: true, children: "Tab to switch, Enter to submit." })), error && (0, jsx_runtime_1.jsx)(Text, { color: "red", children: error })] }))] }));
|
|
86
|
+
}, onSubmit: () => void handleAuthenticate(), focus: focusedField === 'password', mask: "*", placeholder: "********" }) })] })] }), isAuthenticating ? ((0, jsx_runtime_1.jsxs)(Text, { color: "yellow", children: [(0, jsx_runtime_1.jsx)(Spinner, {}), " Authenticating..."] })) : ((0, jsx_runtime_1.jsx)(Text, { dimColor: true, children: "Tab to switch, Enter to submit." })), error && (0, jsx_runtime_1.jsx)(Text, { color: "red", children: error })] }))] }));
|
|
98
87
|
}
|
|
99
88
|
//# sourceMappingURL=AuthScreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthScreen.js","sourceRoot":"","sources":["../../../../src/runtime/ui/screens/AuthScreen.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"AuthScreen.js","sourceRoot":"","sources":["../../../../src/runtime/ui/screens/AuthScreen.tsx"],"names":[],"mappings":"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"}
|