@lkangd/cc-settings-preset 1.0.0
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/LICENSE +15 -0
- package/README.md +304 -0
- package/README.zh-hans.md +304 -0
- package/dist/cli.d.ts +19 -0
- package/dist/cli.js +547 -0
- package/dist/cli.js.map +1 -0
- package/dist/core/args.d.ts +5 -0
- package/dist/core/args.js +20 -0
- package/dist/core/args.js.map +1 -0
- package/dist/core/errors.d.ts +4 -0
- package/dist/core/errors.js +9 -0
- package/dist/core/errors.js.map +1 -0
- package/dist/core/json.d.ts +3 -0
- package/dist/core/json.js +46 -0
- package/dist/core/json.js.map +1 -0
- package/dist/core/name.d.ts +15 -0
- package/dist/core/name.js +58 -0
- package/dist/core/name.js.map +1 -0
- package/dist/core/paths.d.ts +26 -0
- package/dist/core/paths.js +79 -0
- package/dist/core/paths.js.map +1 -0
- package/dist/core/schema.d.ts +137 -0
- package/dist/core/schema.js +70 -0
- package/dist/core/schema.js.map +1 -0
- package/dist/core/spawn.d.ts +1 -0
- package/dist/core/spawn.js +32 -0
- package/dist/core/spawn.js.map +1 -0
- package/dist/core/terminal.d.ts +2 -0
- package/dist/core/terminal.js +5 -0
- package/dist/core/terminal.js.map +1 -0
- package/dist/flows/create-flow.d.ts +14 -0
- package/dist/flows/create-flow.js +13 -0
- package/dist/flows/create-flow.js.map +1 -0
- package/dist/flows/manage-flow.d.ts +9 -0
- package/dist/flows/manage-flow.js +8 -0
- package/dist/flows/manage-flow.js.map +1 -0
- package/dist/flows/project-launch-flow.d.ts +79 -0
- package/dist/flows/project-launch-flow.js +217 -0
- package/dist/flows/project-launch-flow.js.map +1 -0
- package/dist/flows/run-flow.d.ts +52 -0
- package/dist/flows/run-flow.js +167 -0
- package/dist/flows/run-flow.js.map +1 -0
- package/dist/flows/settings-select-flow.d.ts +21 -0
- package/dist/flows/settings-select-flow.js +20 -0
- package/dist/flows/settings-select-flow.js.map +1 -0
- package/dist/ink/components/global-shortcut-handler.d.ts +10 -0
- package/dist/ink/components/global-shortcut-handler.js +9 -0
- package/dist/ink/components/global-shortcut-handler.js.map +1 -0
- package/dist/ink/components/json-tree-view.d.ts +3 -0
- package/dist/ink/components/json-tree-view.js +52 -0
- package/dist/ink/components/json-tree-view.js.map +1 -0
- package/dist/ink/components/resize-context.d.ts +8 -0
- package/dist/ink/components/resize-context.js +10 -0
- package/dist/ink/components/resize-context.js.map +1 -0
- package/dist/ink/components/text-input-editing.d.ts +23 -0
- package/dist/ink/components/text-input-editing.js +42 -0
- package/dist/ink/components/text-input-editing.js.map +1 -0
- package/dist/ink/components/text-input-field.d.ts +15 -0
- package/dist/ink/components/text-input-field.js +127 -0
- package/dist/ink/components/text-input-field.js.map +1 -0
- package/dist/ink/components/text-input.d.ts +10 -0
- package/dist/ink/components/text-input.js +22 -0
- package/dist/ink/components/text-input.js.map +1 -0
- package/dist/ink/components/toggle-column.d.ts +8 -0
- package/dist/ink/components/toggle-column.js +30 -0
- package/dist/ink/components/toggle-column.js.map +1 -0
- package/dist/ink/components/truncate-text.d.ts +3 -0
- package/dist/ink/components/truncate-text.js +6 -0
- package/dist/ink/components/truncate-text.js.map +1 -0
- package/dist/ink/components/two-column-settings-view.d.ts +9 -0
- package/dist/ink/components/two-column-settings-view.js +16 -0
- package/dist/ink/components/two-column-settings-view.js.map +1 -0
- package/dist/ink/components/use-text-input-state.d.ts +45 -0
- package/dist/ink/components/use-text-input-state.js +100 -0
- package/dist/ink/components/use-text-input-state.js.map +1 -0
- package/dist/ink/components/use-text-input.d.ts +8 -0
- package/dist/ink/components/use-text-input.js +87 -0
- package/dist/ink/components/use-text-input.js.map +1 -0
- package/dist/ink/create-app.d.ts +11 -0
- package/dist/ink/create-app.js +49 -0
- package/dist/ink/create-app.js.map +1 -0
- package/dist/ink/manage-app.d.ts +25 -0
- package/dist/ink/manage-app.js +92 -0
- package/dist/ink/manage-app.js.map +1 -0
- package/dist/ink/project-launch-app.d.ts +22 -0
- package/dist/ink/project-launch-app.js +144 -0
- package/dist/ink/project-launch-app.js.map +1 -0
- package/dist/ink/project-manage-app.d.ts +28 -0
- package/dist/ink/project-manage-app.js +239 -0
- package/dist/ink/project-manage-app.js.map +1 -0
- package/dist/ink/settings-select-app.d.ts +9 -0
- package/dist/ink/settings-select-app.js +31 -0
- package/dist/ink/settings-select-app.js.map +1 -0
- package/dist/services/global-last-settings-service.d.ts +4 -0
- package/dist/services/global-last-settings-service.js +25 -0
- package/dist/services/global-last-settings-service.js.map +1 -0
- package/dist/services/launch-preset-service.d.ts +13 -0
- package/dist/services/launch-preset-service.js +186 -0
- package/dist/services/launch-preset-service.js.map +1 -0
- package/dist/services/mcp-service.d.ts +18 -0
- package/dist/services/mcp-service.js +106 -0
- package/dist/services/mcp-service.js.map +1 -0
- package/dist/services/plugin-service.d.ts +16 -0
- package/dist/services/plugin-service.js +58 -0
- package/dist/services/plugin-service.js.map +1 -0
- package/dist/services/preset-service.d.ts +13 -0
- package/dist/services/preset-service.js +152 -0
- package/dist/services/preset-service.js.map +1 -0
- package/dist/services/project-store-service.d.ts +6 -0
- package/dist/services/project-store-service.js +16 -0
- package/dist/services/project-store-service.js.map +1 -0
- package/dist/services/reveal-service.d.ts +2 -0
- package/dist/services/reveal-service.js +7 -0
- package/dist/services/reveal-service.js.map +1 -0
- package/dist/services/settings-finalizer-service.d.ts +2 -0
- package/dist/services/settings-finalizer-service.js +21 -0
- package/dist/services/settings-finalizer-service.js.map +1 -0
- package/dist/services/settings-source-service.d.ts +11 -0
- package/dist/services/settings-source-service.js +26 -0
- package/dist/services/settings-source-service.js.map +1 -0
- package/dist/services/skill-service.d.ts +24 -0
- package/dist/services/skill-service.js +193 -0
- package/dist/services/skill-service.js.map +1 -0
- package/package.json +67 -0
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Text } from 'ink';
|
|
3
|
+
import { TruncateText } from './truncate-text.js';
|
|
4
|
+
const KEY_COLOR = 'cyan';
|
|
5
|
+
const BRACE_COLOR = 'gray';
|
|
6
|
+
const STRING_COLOR = 'green';
|
|
7
|
+
const NUMBER_COLOR = 'yellow';
|
|
8
|
+
const BOOL_COLOR = 'magenta';
|
|
9
|
+
const NULL_COLOR = 'gray';
|
|
10
|
+
const INDENT_COLOR = ['gray', 'blue', 'magenta', 'cyan', 'yellow', 'green', 'red'];
|
|
11
|
+
function valueColor(value) {
|
|
12
|
+
if (typeof value === 'string')
|
|
13
|
+
return STRING_COLOR;
|
|
14
|
+
if (typeof value === 'number')
|
|
15
|
+
return NUMBER_COLOR;
|
|
16
|
+
if (typeof value === 'boolean')
|
|
17
|
+
return BOOL_COLOR;
|
|
18
|
+
return NULL_COLOR;
|
|
19
|
+
}
|
|
20
|
+
function renderValue(value) {
|
|
21
|
+
if (typeof value === 'string')
|
|
22
|
+
return JSON.stringify(value);
|
|
23
|
+
if (typeof value === 'number' || typeof value === 'boolean' || value === null)
|
|
24
|
+
return String(value);
|
|
25
|
+
return '';
|
|
26
|
+
}
|
|
27
|
+
function indentColor(depth) {
|
|
28
|
+
return INDENT_COLOR[depth % INDENT_COLOR.length] ?? BRACE_COLOR;
|
|
29
|
+
}
|
|
30
|
+
function JsonOpen({ name, open }) {
|
|
31
|
+
return (_jsx(TruncateText, { children: name ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: KEY_COLOR, children: name }), _jsxs(Text, { color: BRACE_COLOR, children: [": ", open] })] })) : (_jsx(Text, { color: BRACE_COLOR, children: open })) }));
|
|
32
|
+
}
|
|
33
|
+
function JsonClose({ depth, close }) {
|
|
34
|
+
return (_jsxs(TruncateText, { children: [_jsx(Text, { color: indentColor(depth), children: ' '.repeat(depth) }), _jsx(Text, { color: BRACE_COLOR, children: close })] }));
|
|
35
|
+
}
|
|
36
|
+
function JsonLeaf({ name, value }) {
|
|
37
|
+
return (_jsx(TruncateText, { children: name ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: KEY_COLOR, children: name }), _jsx(Text, { color: BRACE_COLOR, children: ": " }), _jsx(Text, { color: valueColor(value), children: renderValue(value) })] })) : (_jsx(Text, { color: valueColor(value), children: renderValue(value) })) }));
|
|
38
|
+
}
|
|
39
|
+
function JsonNode({ name, value, depth }) {
|
|
40
|
+
if (Array.isArray(value)) {
|
|
41
|
+
return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsx(JsonOpen, { ...(name !== undefined ? { name } : {}), open: "[" }), value.map((item, index) => (_jsx(Box, { paddingLeft: 2, width: "100%", children: _jsx(JsonNode, { value: item, depth: depth + 1 }) }, index))), _jsx(JsonClose, { depth: depth, close: "]" })] }));
|
|
42
|
+
}
|
|
43
|
+
if (value && typeof value === 'object') {
|
|
44
|
+
const entries = Object.entries(value);
|
|
45
|
+
return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsx(JsonOpen, { ...(name !== undefined ? { name } : {}), open: "{" }), entries.map(([key, child]) => (_jsx(Box, { paddingLeft: 2, width: "100%", children: _jsx(JsonNode, { name: key, value: child, depth: depth + 1 }) }, key))), _jsx(JsonClose, { depth: depth, close: "}" })] }));
|
|
46
|
+
}
|
|
47
|
+
return _jsx(JsonLeaf, { ...(name !== undefined ? { name } : {}), value: value });
|
|
48
|
+
}
|
|
49
|
+
export function JsonTreeView({ value }) {
|
|
50
|
+
return (_jsx(Box, { flexDirection: "column", width: "100%", children: _jsx(JsonNode, { value: value, depth: 0 }) }));
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=json-tree-view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"json-tree-view.js","sourceRoot":"","sources":["../../../src/ink/components/json-tree-view.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type InkResizeProviderProps = {
|
|
3
|
+
value: number;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
};
|
|
6
|
+
export declare function InkResizeProvider({ value, children }: InkResizeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function useInkResizeVersion(): number;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext } from 'react';
|
|
3
|
+
const InkResizeContext = createContext(0);
|
|
4
|
+
export function InkResizeProvider({ value, children }) {
|
|
5
|
+
return _jsx(InkResizeContext.Provider, { value: value, children: children });
|
|
6
|
+
}
|
|
7
|
+
export function useInkResizeVersion() {
|
|
8
|
+
return useContext(InkResizeContext);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=resize-context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resize-context.js","sourceRoot":"","sources":["../../../src/ink/components/resize-context.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExD,MAAM,gBAAgB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAOzC,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA0B;IAC3E,OAAO,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA6B,CAAA;AACxF,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAA;AACrC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export type TextInputEditingState = {
|
|
2
|
+
value: string;
|
|
3
|
+
cursor: number;
|
|
4
|
+
};
|
|
5
|
+
export type TextInputEditingEvent = {
|
|
6
|
+
type: 'left';
|
|
7
|
+
} | {
|
|
8
|
+
type: 'right';
|
|
9
|
+
} | {
|
|
10
|
+
type: 'home';
|
|
11
|
+
} | {
|
|
12
|
+
type: 'end';
|
|
13
|
+
} | {
|
|
14
|
+
type: 'backspace';
|
|
15
|
+
} | {
|
|
16
|
+
type: 'delete';
|
|
17
|
+
} | {
|
|
18
|
+
type: 'insert';
|
|
19
|
+
text: string;
|
|
20
|
+
};
|
|
21
|
+
export declare function createTextInputEditingState(value: string): TextInputEditingState;
|
|
22
|
+
export declare function clampTextInputCursor(cursor: number, value: string): number;
|
|
23
|
+
export declare function reduceTextInputEditing(state: TextInputEditingState, event: TextInputEditingEvent): TextInputEditingState;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export function createTextInputEditingState(value) {
|
|
2
|
+
return { value, cursor: value.length };
|
|
3
|
+
}
|
|
4
|
+
export function clampTextInputCursor(cursor, value) {
|
|
5
|
+
return Math.max(0, Math.min(cursor, value.length));
|
|
6
|
+
}
|
|
7
|
+
export function reduceTextInputEditing(state, event) {
|
|
8
|
+
const cursor = clampTextInputCursor(state.cursor, state.value);
|
|
9
|
+
if (event.type === 'left') {
|
|
10
|
+
return { ...state, cursor: Math.max(0, cursor - 1) };
|
|
11
|
+
}
|
|
12
|
+
if (event.type === 'right') {
|
|
13
|
+
return { ...state, cursor: Math.min(state.value.length, cursor + 1) };
|
|
14
|
+
}
|
|
15
|
+
if (event.type === 'home') {
|
|
16
|
+
return { ...state, cursor: 0 };
|
|
17
|
+
}
|
|
18
|
+
if (event.type === 'end') {
|
|
19
|
+
return { ...state, cursor: state.value.length };
|
|
20
|
+
}
|
|
21
|
+
if (event.type === 'backspace') {
|
|
22
|
+
if (cursor === 0)
|
|
23
|
+
return { ...state, cursor };
|
|
24
|
+
return {
|
|
25
|
+
value: state.value.slice(0, cursor - 1) + state.value.slice(cursor),
|
|
26
|
+
cursor: cursor - 1,
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
if (event.type === 'delete') {
|
|
30
|
+
if (cursor >= state.value.length)
|
|
31
|
+
return { ...state, cursor };
|
|
32
|
+
return {
|
|
33
|
+
value: state.value.slice(0, cursor) + state.value.slice(cursor + 1),
|
|
34
|
+
cursor,
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
return {
|
|
38
|
+
value: state.value.slice(0, cursor) + event.text + state.value.slice(cursor),
|
|
39
|
+
cursor: cursor + event.text.length,
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=text-input-editing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-input-editing.js","sourceRoot":"","sources":["../../../src/ink/components/text-input-editing.ts"],"names":[],"mappings":"AAcA,MAAM,UAAU,2BAA2B,CAAC,KAAa;IACvD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAA;AACxC,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAc,EAAE,KAAa;IAChE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;AACpD,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,KAA4B,EAC5B,KAA4B;IAE5B,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAE9D,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAA;IACtD,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAA;IACvE,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;IAChC,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QACzB,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;IACjD,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAC/B,IAAI,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAA;QAC7C,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;YACnE,MAAM,EAAE,MAAM,GAAG,CAAC;SACnB,CAAA;IACH,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5B,IAAI,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAA;QAC7D,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YACnE,MAAM;SACP,CAAA;IACH,CAAC;IAED,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QAC5E,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM;KACnC,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type TextInputFieldState = {
|
|
2
|
+
value: string;
|
|
3
|
+
cursor: number;
|
|
4
|
+
};
|
|
5
|
+
export declare function deleteToLineStart(value: string, cursor: number): TextInputFieldState;
|
|
6
|
+
type Props = {
|
|
7
|
+
value: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
focus?: boolean;
|
|
10
|
+
showCursor?: boolean;
|
|
11
|
+
onChange: (value: string) => void;
|
|
12
|
+
onSubmit?: (value: string) => void;
|
|
13
|
+
};
|
|
14
|
+
export declare function TextInputField({ value: originalValue, placeholder, focus, showCursor, onChange, onSubmit, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Based on ink-text-input (MIT) with macOS/terminal line-editing shortcuts.
|
|
3
|
+
import chalk from 'chalk';
|
|
4
|
+
import { useEffect, useState } from 'react';
|
|
5
|
+
import { Text, useInput } from 'ink';
|
|
6
|
+
export function deleteToLineStart(value, cursor) {
|
|
7
|
+
const offset = Math.max(0, Math.min(cursor, value.length));
|
|
8
|
+
if (offset === 0) {
|
|
9
|
+
return { value, cursor: 0 };
|
|
10
|
+
}
|
|
11
|
+
return { value: value.slice(offset), cursor: 0 };
|
|
12
|
+
}
|
|
13
|
+
export function TextInputField({ value: originalValue, placeholder = '', focus = true, showCursor = true, onChange, onSubmit, }) {
|
|
14
|
+
const [state, setState] = useState({
|
|
15
|
+
cursorOffset: originalValue.length,
|
|
16
|
+
cursorWidth: 0,
|
|
17
|
+
});
|
|
18
|
+
const { cursorOffset, cursorWidth } = state;
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
setState(previousState => {
|
|
21
|
+
if (!focus || !showCursor) {
|
|
22
|
+
return previousState;
|
|
23
|
+
}
|
|
24
|
+
if (previousState.cursorOffset > originalValue.length - 1) {
|
|
25
|
+
return {
|
|
26
|
+
cursorOffset: originalValue.length,
|
|
27
|
+
cursorWidth: 0,
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
return previousState;
|
|
31
|
+
});
|
|
32
|
+
}, [originalValue, focus, showCursor]);
|
|
33
|
+
const cursorActualWidth = cursorWidth;
|
|
34
|
+
let renderedValue = originalValue;
|
|
35
|
+
let renderedPlaceholder = placeholder ? chalk.grey(placeholder) : undefined;
|
|
36
|
+
if (showCursor && focus) {
|
|
37
|
+
renderedPlaceholder =
|
|
38
|
+
placeholder.length > 0
|
|
39
|
+
? chalk.inverse(placeholder[0]) + chalk.grey(placeholder.slice(1))
|
|
40
|
+
: chalk.inverse(' ');
|
|
41
|
+
renderedValue = originalValue.length > 0 ? '' : chalk.inverse(' ');
|
|
42
|
+
let index = 0;
|
|
43
|
+
for (const char of originalValue) {
|
|
44
|
+
renderedValue +=
|
|
45
|
+
index >= cursorOffset - cursorActualWidth && index <= cursorOffset
|
|
46
|
+
? chalk.inverse(char)
|
|
47
|
+
: char;
|
|
48
|
+
index++;
|
|
49
|
+
}
|
|
50
|
+
if (originalValue.length > 0 && cursorOffset === originalValue.length) {
|
|
51
|
+
renderedValue += chalk.inverse(' ');
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
useInput((input, key) => {
|
|
55
|
+
if (key.upArrow ||
|
|
56
|
+
key.downArrow ||
|
|
57
|
+
(key.ctrl && input === 'c') ||
|
|
58
|
+
key.tab ||
|
|
59
|
+
(key.shift && key.tab)) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
if (key.return) {
|
|
63
|
+
onSubmit?.(originalValue);
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
let nextCursorOffset = cursorOffset;
|
|
67
|
+
let nextValue = originalValue;
|
|
68
|
+
let nextCursorWidth = 0;
|
|
69
|
+
if ((key.meta || key.ctrl) && key.backspace) {
|
|
70
|
+
const next = deleteToLineStart(originalValue, cursorOffset);
|
|
71
|
+
nextValue = next.value;
|
|
72
|
+
nextCursorOffset = next.cursor;
|
|
73
|
+
}
|
|
74
|
+
else if (key.ctrl && input === 'u') {
|
|
75
|
+
const next = deleteToLineStart(originalValue, cursorOffset);
|
|
76
|
+
nextValue = next.value;
|
|
77
|
+
nextCursorOffset = next.cursor;
|
|
78
|
+
}
|
|
79
|
+
else if (key.leftArrow) {
|
|
80
|
+
if (showCursor) {
|
|
81
|
+
nextCursorOffset--;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
else if (key.rightArrow) {
|
|
85
|
+
if (showCursor) {
|
|
86
|
+
nextCursorOffset++;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
else if (key.backspace || key.delete) {
|
|
90
|
+
if (cursorOffset > 0) {
|
|
91
|
+
nextValue =
|
|
92
|
+
originalValue.slice(0, cursorOffset - 1) +
|
|
93
|
+
originalValue.slice(cursorOffset);
|
|
94
|
+
nextCursorOffset--;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
else if (input && !key.ctrl && !key.meta) {
|
|
98
|
+
nextValue =
|
|
99
|
+
originalValue.slice(0, cursorOffset) +
|
|
100
|
+
input +
|
|
101
|
+
originalValue.slice(cursorOffset);
|
|
102
|
+
nextCursorOffset += input.length;
|
|
103
|
+
if (input.length > 1) {
|
|
104
|
+
nextCursorWidth = input.length;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
if (nextCursorOffset < 0) {
|
|
108
|
+
nextCursorOffset = 0;
|
|
109
|
+
}
|
|
110
|
+
if (nextCursorOffset > originalValue.length) {
|
|
111
|
+
nextCursorOffset = originalValue.length;
|
|
112
|
+
}
|
|
113
|
+
setState({
|
|
114
|
+
cursorOffset: nextCursorOffset,
|
|
115
|
+
cursorWidth: nextCursorWidth,
|
|
116
|
+
});
|
|
117
|
+
if (nextValue !== originalValue) {
|
|
118
|
+
onChange(nextValue);
|
|
119
|
+
}
|
|
120
|
+
}, { isActive: focus });
|
|
121
|
+
return (_jsx(Text, { children: placeholder
|
|
122
|
+
? originalValue.length > 0
|
|
123
|
+
? renderedValue
|
|
124
|
+
: renderedPlaceholder
|
|
125
|
+
: renderedValue }));
|
|
126
|
+
}
|
|
127
|
+
//# sourceMappingURL=text-input-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-input-field.js","sourceRoot":"","sources":["../../../src/ink/components/text-input-field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
onChange: (value: string) => void;
|
|
6
|
+
onSubmit: () => void | Promise<void>;
|
|
7
|
+
onCancel: () => void;
|
|
8
|
+
};
|
|
9
|
+
export declare function TextInput({ label, value, placeholder, onChange, onSubmit, onCancel }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, useInput } from 'ink';
|
|
3
|
+
import { TruncateText } from './truncate-text.js';
|
|
4
|
+
import { useTextInput } from './use-text-input.js';
|
|
5
|
+
import { useTextInputState } from './use-text-input-state.js';
|
|
6
|
+
export function TextInput({ label, value, placeholder, onChange, onSubmit, onCancel }) {
|
|
7
|
+
const state = useTextInputState({
|
|
8
|
+
defaultValue: value,
|
|
9
|
+
onChange,
|
|
10
|
+
onSubmit: () => {
|
|
11
|
+
void onSubmit();
|
|
12
|
+
},
|
|
13
|
+
});
|
|
14
|
+
const inputValue = useTextInput({ state, placeholder: placeholder ?? '' });
|
|
15
|
+
useInput((_input, key) => {
|
|
16
|
+
if (key.escape) {
|
|
17
|
+
onCancel();
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
return (_jsxs(Box, { flexDirection: "column", children: [_jsx(TruncateText, { bold: true, children: label }), _jsx(TruncateText, { dimColor: !state.value, children: inputValue }), _jsx(TruncateText, { dimColor: true, children: "enter confirm \u00B7 esc cancel \u00B7 \u2190/\u2192 cursor \u00B7 \u2303U del to start \u00B7 \u2303K del to end" })] }));
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=text-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../src/ink/components/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAW7D,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAS;IAC1F,MAAM,KAAK,GAAG,iBAAiB,CAAC;QAC9B,YAAY,EAAE,KAAK;QACnB,QAAQ;QACR,QAAQ,EAAE,GAAG,EAAE;YACb,KAAK,QAAQ,EAAE,CAAA;QACjB,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAAA;IAE1E,QAAQ,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;QACvB,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YACf,QAAQ,EAAE,CAAA;QACZ,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,YAAY,IAAC,IAAI,kBAAE,KAAK,GAAgB,EACzC,KAAC,YAAY,IAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,KAAK,YAAG,UAAU,GAAgB,EACjE,KAAC,YAAY,IAAC,QAAQ,wIAEP,IACX,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ToggleColumnItem } from '../../flows/project-launch-flow.js';
|
|
2
|
+
export declare function ToggleColumn({ title, focused, items, cursor, width, }: {
|
|
3
|
+
title: string;
|
|
4
|
+
focused: boolean;
|
|
5
|
+
items: ToggleColumnItem[];
|
|
6
|
+
cursor: number;
|
|
7
|
+
width: number;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Text } from 'ink';
|
|
3
|
+
import { TruncateText } from './truncate-text.js';
|
|
4
|
+
function sourceBadge(source) {
|
|
5
|
+
if (source === 'project-local')
|
|
6
|
+
return '[L]';
|
|
7
|
+
if (source === 'project')
|
|
8
|
+
return '[P]';
|
|
9
|
+
if (source === 'user')
|
|
10
|
+
return '[U]';
|
|
11
|
+
if (source === 'command')
|
|
12
|
+
return '[C]';
|
|
13
|
+
if (source === 'plugin')
|
|
14
|
+
return '[PL]';
|
|
15
|
+
if (source === 'local')
|
|
16
|
+
return '[L]';
|
|
17
|
+
if (source === 'connector')
|
|
18
|
+
return '[CN]';
|
|
19
|
+
return '[D]';
|
|
20
|
+
}
|
|
21
|
+
export function ToggleColumn({ title, focused, items, cursor, width, }) {
|
|
22
|
+
const Line = TruncateText;
|
|
23
|
+
return (_jsxs(Box, { flexDirection: "column", width: width, borderStyle: "round", borderColor: focused ? 'cyan' : 'gray', paddingX: 0.5, paddingY: 0.5, children: [_jsx(Line, { bold: true, children: title }), items.map((item, index) => {
|
|
24
|
+
const lockedOff = Boolean(item.enableLocked && !item.enabled);
|
|
25
|
+
const focusedLine = focused && index === cursor;
|
|
26
|
+
const dimProps = lockedOff ? { dimColor: true } : {};
|
|
27
|
+
return (_jsxs(Line, { ...dimProps, ...(focusedLine ? { color: 'cyan' } : {}), children: [focusedLine ? '❯ ' : ' ', _jsx(Text, { ...dimProps, color: item.enabled ? 'green' : 'red', children: item.enabled ? 'ON ' : 'OFF' }), ' ', _jsx(Text, { ...dimProps, children: sourceBadge(item.source) }), ' ', _jsx(Text, { ...dimProps, children: item.name }), item.toggleable === false ? _jsx(Text, { ...dimProps, children: " (plugin)" }) : null] }, item.name));
|
|
28
|
+
}), items.length === 0 ? _jsx(Line, { dimColor: true, children: "none found" }) : null] }));
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=toggle-column.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-column.js","sourceRoot":"","sources":["../../../src/ink/components/toggle-column.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,SAAS,WAAW,CAAC,MAAkC;IACrD,IAAI,MAAM,KAAK,eAAe;QAAE,OAAO,KAAK,CAAA;IAC5C,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,KAAK,CAAA;IACtC,IAAI,MAAM,KAAK,MAAM;QAAE,OAAO,KAAK,CAAA;IACnC,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,KAAK,CAAA;IACtC,IAAI,MAAM,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAA;IACtC,IAAI,MAAM,KAAK,OAAO;QAAE,OAAO,KAAK,CAAA;IACpC,IAAI,MAAM,KAAK,WAAW;QAAE,OAAO,MAAM,CAAA;IACzC,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,GAON;IACC,MAAM,IAAI,GAAG,YAAY,CAAA;IAEzB,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACtC,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,GAAG,aAEb,KAAC,IAAI,IAAC,IAAI,kBAAE,KAAK,GAAQ,EACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBAC7D,MAAM,WAAW,GAAG,OAAO,IAAI,KAAK,KAAK,MAAM,CAAA;gBAC/C,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;gBAC7D,OAAO,CACL,MAAC,IAAI,OAEC,QAAQ,KACR,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAElD,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC1B,KAAC,IAAI,OAAK,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,YAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAQ,EAAC,GAAG,EACpG,KAAC,IAAI,OAAK,QAAQ,YAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,GAAQ,EAAC,GAAG,EACzD,KAAC,IAAI,OAAK,QAAQ,YAAG,IAAI,CAAC,IAAI,GAAQ,EACrC,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,OAAK,QAAQ,0BAAkB,CAAC,CAAC,CAAC,IAAI,KARnE,IAAI,CAAC,IAAI,CAST,CACR,CAAA;YACH,CAAC,CAAC,EACD,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,QAAQ,iCAAkB,CAAC,CAAC,CAAC,IAAI,IACzD,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"truncate-text.js","sourceRoot":"","sources":["../../../src/ink/components/truncate-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAG1C,MAAM,UAAU,YAAY,CAAC,KAAmC;IAC9D,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,KAAK,KAAK,GAAI,CAAA;AAChD,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { SettingsSelectItem } from '../../flows/settings-select-flow.js';
|
|
2
|
+
type Props = {
|
|
3
|
+
title: string;
|
|
4
|
+
help: string;
|
|
5
|
+
items: SettingsSelectItem[];
|
|
6
|
+
cursor: number;
|
|
7
|
+
};
|
|
8
|
+
export declare function TwoColumnSettingsView({ title, help, items, cursor }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, useStdout } from 'ink';
|
|
3
|
+
import { JsonTreeView } from './json-tree-view.js';
|
|
4
|
+
import { useInkResizeVersion } from './resize-context.js';
|
|
5
|
+
import { TruncateText } from './truncate-text.js';
|
|
6
|
+
export function TwoColumnSettingsView({ title, help, items, cursor }) {
|
|
7
|
+
useInkResizeVersion();
|
|
8
|
+
const { stdout } = useStdout();
|
|
9
|
+
const fallbackColumns = 120;
|
|
10
|
+
const innerWidth = stdout.columns ?? fallbackColumns;
|
|
11
|
+
const listWidth = Math.max(20, Math.floor(innerWidth / 3));
|
|
12
|
+
const previewWidth = Math.max(20, innerWidth - listWidth - 1);
|
|
13
|
+
const selected = items[cursor];
|
|
14
|
+
return (_jsxs(Box, { flexDirection: "column", children: [_jsx(TruncateText, { bold: true, color: "cyan", children: title }), _jsx(TruncateText, { dimColor: true, children: help }), _jsxs(Box, { marginTop: 0.5, width: innerWidth, children: [_jsxs(Box, { flexDirection: "column", width: listWidth, marginRight: 0.5, borderStyle: "round", borderColor: "cyan", paddingX: 0.5, paddingY: 0.5, children: [_jsxs(TruncateText, { bold: true, children: ["Settings(", items.length, ")"] }), items.map((item, index) => (_jsxs(TruncateText, { ...(index === cursor ? { color: 'cyan' } : {}), children: [index === cursor ? '❯ ' : ' ', item.name, item.temporary ? ' (detected)' : ''] }, `${item.name}:${item.sourcePath}`)))] }), _jsxs(Box, { flexDirection: "column", width: previewWidth, borderStyle: "round", borderColor: "gray", paddingX: 0.5, paddingY: 0.5, children: [_jsx(TruncateText, { bold: true, children: selected?.sourcePath ?? 'No settings selected' }), selected ? _jsx(JsonTreeView, { value: selected.settings }) : _jsx(TruncateText, { dimColor: true, children: "no settings found" })] })] })] }));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=two-column-settings-view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"two-column-settings-view.js","sourceRoot":"","sources":["../../../src/ink/components/two-column-settings-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AASjD,MAAM,UAAU,qBAAqB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAS;IACzE,mBAAmB,EAAE,CAAA;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,eAAe,GAAG,GAAG,CAAA;IAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,IAAI,eAAe,CAAA;IACpD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAA;IAC1D,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC,CAAA;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;IAE9B,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,YAAY,IAAC,IAAI,QAAC,KAAK,EAAC,MAAM,YAAE,KAAK,GAAgB,EACtD,KAAC,YAAY,IAAC,QAAQ,kBAAE,IAAI,GAAgB,EAC5C,MAAC,GAAG,IAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,aACpC,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,GAAG,EAChB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,MAAM,EAClB,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,GAAG,aAEb,MAAC,YAAY,IAAC,IAAI,gCAAW,KAAK,CAAC,MAAM,SAAiB,EACzD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,MAAC,YAAY,OAEP,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAEvD,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC9B,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAL/B,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAMzB,CAChB,CAAC,IACE,EACN,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,YAAY,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,MAAM,EAClB,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,GAAG,aAEb,KAAC,YAAY,IAAC,IAAI,kBAAE,QAAQ,EAAE,UAAU,IAAI,sBAAsB,GAAgB,EACjF,QAAQ,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,GAAI,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,QAAQ,wCAAiC,IAC5G,IACF,IACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
type State = {
|
|
2
|
+
previousValue: string;
|
|
3
|
+
value: string;
|
|
4
|
+
cursorOffset: number;
|
|
5
|
+
};
|
|
6
|
+
type Action = {
|
|
7
|
+
type: 'move-cursor-left';
|
|
8
|
+
} | {
|
|
9
|
+
type: 'move-cursor-right';
|
|
10
|
+
} | {
|
|
11
|
+
type: 'move-cursor-to-start';
|
|
12
|
+
} | {
|
|
13
|
+
type: 'move-cursor-to-end';
|
|
14
|
+
} | {
|
|
15
|
+
type: 'insert';
|
|
16
|
+
text: string;
|
|
17
|
+
} | {
|
|
18
|
+
type: 'delete';
|
|
19
|
+
} | {
|
|
20
|
+
type: 'delete-to-start';
|
|
21
|
+
} | {
|
|
22
|
+
type: 'delete-to-end';
|
|
23
|
+
} | {
|
|
24
|
+
type: 'delete-word-backward';
|
|
25
|
+
};
|
|
26
|
+
export declare const reduceTextInputState: (state: State, action: Action) => State;
|
|
27
|
+
export type TextInputState = State & {
|
|
28
|
+
moveCursorLeft: () => void;
|
|
29
|
+
moveCursorRight: () => void;
|
|
30
|
+
moveCursorToStart: () => void;
|
|
31
|
+
moveCursorToEnd: () => void;
|
|
32
|
+
insert: (text: string) => void;
|
|
33
|
+
delete: () => void;
|
|
34
|
+
deleteToStart: () => void;
|
|
35
|
+
deleteToEnd: () => void;
|
|
36
|
+
deleteWordBackward: () => void;
|
|
37
|
+
submit: () => void;
|
|
38
|
+
};
|
|
39
|
+
type UseTextInputStateProps = {
|
|
40
|
+
defaultValue?: string;
|
|
41
|
+
onChange?: (value: string) => void;
|
|
42
|
+
onSubmit?: () => void;
|
|
43
|
+
};
|
|
44
|
+
export declare function useTextInputState({ defaultValue, onChange, onSubmit, }: UseTextInputStateProps): TextInputState;
|
|
45
|
+
export {};
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { useCallback, useEffect, useReducer } from 'react';
|
|
2
|
+
export const reduceTextInputState = (state, action) => {
|
|
3
|
+
switch (action.type) {
|
|
4
|
+
case 'move-cursor-left':
|
|
5
|
+
return { ...state, cursorOffset: Math.max(0, state.cursorOffset - 1) };
|
|
6
|
+
case 'move-cursor-right':
|
|
7
|
+
return { ...state, cursorOffset: Math.min(state.value.length, state.cursorOffset + 1) };
|
|
8
|
+
case 'move-cursor-to-start':
|
|
9
|
+
return { ...state, cursorOffset: 0 };
|
|
10
|
+
case 'move-cursor-to-end':
|
|
11
|
+
return { ...state, cursorOffset: state.value.length };
|
|
12
|
+
case 'insert':
|
|
13
|
+
return {
|
|
14
|
+
...state,
|
|
15
|
+
previousValue: state.value,
|
|
16
|
+
value: state.value.slice(0, state.cursorOffset) +
|
|
17
|
+
action.text +
|
|
18
|
+
state.value.slice(state.cursorOffset),
|
|
19
|
+
cursorOffset: state.cursorOffset + action.text.length,
|
|
20
|
+
};
|
|
21
|
+
case 'delete': {
|
|
22
|
+
const newCursorOffset = Math.max(0, state.cursorOffset - 1);
|
|
23
|
+
return {
|
|
24
|
+
...state,
|
|
25
|
+
previousValue: state.value,
|
|
26
|
+
value: state.value.slice(0, newCursorOffset) + state.value.slice(state.cursorOffset),
|
|
27
|
+
cursorOffset: newCursorOffset,
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
case 'delete-to-start':
|
|
31
|
+
if (state.cursorOffset === 0)
|
|
32
|
+
return state;
|
|
33
|
+
return {
|
|
34
|
+
...state,
|
|
35
|
+
previousValue: state.value,
|
|
36
|
+
value: state.value.slice(state.cursorOffset),
|
|
37
|
+
cursorOffset: 0,
|
|
38
|
+
};
|
|
39
|
+
case 'delete-to-end':
|
|
40
|
+
if (state.cursorOffset === state.value.length)
|
|
41
|
+
return state;
|
|
42
|
+
return {
|
|
43
|
+
...state,
|
|
44
|
+
previousValue: state.value,
|
|
45
|
+
value: state.value.slice(0, state.cursorOffset),
|
|
46
|
+
cursorOffset: state.cursorOffset,
|
|
47
|
+
};
|
|
48
|
+
case 'delete-word-backward': {
|
|
49
|
+
if (state.cursorOffset === 0)
|
|
50
|
+
return state;
|
|
51
|
+
let index = state.cursorOffset;
|
|
52
|
+
while (index > 0 && state.value[index - 1] === ' ')
|
|
53
|
+
index--;
|
|
54
|
+
while (index > 0 && state.value[index - 1] !== ' ')
|
|
55
|
+
index--;
|
|
56
|
+
return {
|
|
57
|
+
...state,
|
|
58
|
+
previousValue: state.value,
|
|
59
|
+
value: state.value.slice(0, index) + state.value.slice(state.cursorOffset),
|
|
60
|
+
cursorOffset: index,
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
export function useTextInputState({ defaultValue = '', onChange, onSubmit, }) {
|
|
66
|
+
const [state, dispatch] = useReducer(reduceTextInputState, {
|
|
67
|
+
previousValue: defaultValue,
|
|
68
|
+
value: defaultValue,
|
|
69
|
+
cursorOffset: defaultValue.length,
|
|
70
|
+
});
|
|
71
|
+
const moveCursorLeft = useCallback(() => dispatch({ type: 'move-cursor-left' }), []);
|
|
72
|
+
const moveCursorRight = useCallback(() => dispatch({ type: 'move-cursor-right' }), []);
|
|
73
|
+
const moveCursorToStart = useCallback(() => dispatch({ type: 'move-cursor-to-start' }), []);
|
|
74
|
+
const moveCursorToEnd = useCallback(() => dispatch({ type: 'move-cursor-to-end' }), []);
|
|
75
|
+
const insert = useCallback((text) => dispatch({ type: 'insert', text }), []);
|
|
76
|
+
const deleteCharacter = useCallback(() => dispatch({ type: 'delete' }), []);
|
|
77
|
+
const deleteToStart = useCallback(() => dispatch({ type: 'delete-to-start' }), []);
|
|
78
|
+
const deleteToEnd = useCallback(() => dispatch({ type: 'delete-to-end' }), []);
|
|
79
|
+
const deleteWordBackward = useCallback(() => dispatch({ type: 'delete-word-backward' }), []);
|
|
80
|
+
const submit = useCallback(() => onSubmit?.(), [onSubmit]);
|
|
81
|
+
useEffect(() => {
|
|
82
|
+
if (state.value !== state.previousValue) {
|
|
83
|
+
onChange?.(state.value);
|
|
84
|
+
}
|
|
85
|
+
}, [state.previousValue, state.value, onChange]);
|
|
86
|
+
return {
|
|
87
|
+
...state,
|
|
88
|
+
moveCursorLeft,
|
|
89
|
+
moveCursorRight,
|
|
90
|
+
moveCursorToStart,
|
|
91
|
+
moveCursorToEnd,
|
|
92
|
+
insert,
|
|
93
|
+
delete: deleteCharacter,
|
|
94
|
+
deleteToStart,
|
|
95
|
+
deleteToEnd,
|
|
96
|
+
deleteWordBackward,
|
|
97
|
+
submit,
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
//# sourceMappingURL=use-text-input-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-text-input-state.js","sourceRoot":"","sources":["../../../src/ink/components/use-text-input-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAmB1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAY,EAAE,MAAc,EAAS,EAAE;IAC1E,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,kBAAkB;YACrB,OAAO,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAA;QACxE,KAAK,mBAAmB;YACtB,OAAO,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAA;QACzF,KAAK,sBAAsB;YACzB,OAAO,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,CAAA;QACtC,KAAK,oBAAoB;YACvB,OAAO,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;QACvD,KAAK,QAAQ;YACX,OAAO;gBACL,GAAG,KAAK;gBACR,aAAa,EAAE,KAAK,CAAC,KAAK;gBAC1B,KAAK,EACH,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;oBACxC,MAAM,CAAC,IAAI;oBACX,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;gBACvC,YAAY,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM;aACtD,CAAA;QACH,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;YAC3D,OAAO;gBACL,GAAG,KAAK;gBACR,aAAa,EAAE,KAAK,CAAC,KAAK;gBAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;gBACpF,YAAY,EAAE,eAAe;aAC9B,CAAA;QACH,CAAC;QACD,KAAK,iBAAiB;YACpB,IAAI,KAAK,CAAC,YAAY,KAAK,CAAC;gBAAE,OAAO,KAAK,CAAA;YAC1C,OAAO;gBACL,GAAG,KAAK;gBACR,aAAa,EAAE,KAAK,CAAC,KAAK;gBAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;gBAC5C,YAAY,EAAE,CAAC;aAChB,CAAA;QACH,KAAK,eAAe;YAClB,IAAI,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,KAAK,CAAC,MAAM;gBAAE,OAAO,KAAK,CAAA;YAC3D,OAAO;gBACL,GAAG,KAAK;gBACR,aAAa,EAAE,KAAK,CAAC,KAAK;gBAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;gBAC/C,YAAY,EAAE,KAAK,CAAC,YAAY;aACjC,CAAA;QACH,KAAK,sBAAsB,CAAC,CAAC,CAAC;YAC5B,IAAI,KAAK,CAAC,YAAY,KAAK,CAAC;gBAAE,OAAO,KAAK,CAAA;YAC1C,IAAI,KAAK,GAAG,KAAK,CAAC,YAAY,CAAA;YAC9B,OAAO,KAAK,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG;gBAAE,KAAK,EAAE,CAAA;YAC3D,OAAO,KAAK,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG;gBAAE,KAAK,EAAE,CAAA;YAC3D,OAAO;gBACL,GAAG,KAAK;gBACR,aAAa,EAAE,KAAK,CAAC,KAAK;gBAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;gBAC1E,YAAY,EAAE,KAAK;aACpB,CAAA;QACH,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAqBD,MAAM,UAAU,iBAAiB,CAAC,EAChC,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,QAAQ,GACe;IACvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,oBAAoB,EAAE;QACzD,aAAa,EAAE,YAAY;QAC3B,KAAK,EAAE,YAAY;QACnB,YAAY,EAAE,YAAY,CAAC,MAAM;KAClC,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IACpF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IACtF,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IAC3F,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IACvF,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IACpF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IAC3E,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IAClF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IAC9E,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;IAC5F,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,aAAa,EAAE,CAAC;YACxC,QAAQ,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEhD,OAAO;QACL,GAAG,KAAK;QACR,cAAc;QACd,eAAe;QACf,iBAAiB;QACjB,eAAe;QACf,MAAM;QACN,MAAM,EAAE,eAAe;QACvB,aAAa;QACb,WAAW;QACX,kBAAkB;QAClB,MAAM;KACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { TextInputState } from './use-text-input-state.js';
|
|
2
|
+
type UseTextInputProps = {
|
|
3
|
+
state: TextInputState;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
isDisabled?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare function useTextInput({ state, placeholder, isDisabled, }: UseTextInputProps): string;
|
|
8
|
+
export {};
|