mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-18 06:15:51 +00:00
更新大量 tsx 原始文件; 已经迁移 login panel; 部分 (#121)
* style(B1-1): 格式化 ink/buddy/cli/context/screens/tasks/services/keybindings/state (43 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 修复了 Box.tsx 和 ScrollBox.tsx 中无效的 global.d.ts import。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-2): 格式化 commands (79 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-3): 格式化 components/messages,permissions,mcp,sandbox,shell (104 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-4): 格式化 components/PromptInput,FeedbackSurvey,tasks,agents,skills,design-system,wizard (73 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-5): 格式化 components其余 + hooks + tools (232 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * style(B1-6): 格式化 main/entrypoints/utils/moreright (21 files) 纯格式化:移除分号、React Compiler import、import 多行展开。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: 更新 README,新增 Run.ps1/TODO.md,删除 V6.md - README.md: 大幅重写,更详细版本历史和配置示例 - Run.ps1: 新增 Windows 启动脚本 - TODO.md: 新增包完成清单 - V6.md: 删除(架构重构规划已不适用) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: 修复以前的问题 * fix: 修复 login 面板的问题 --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,13 +1,18 @@
|
||||
import { c as _c } from "react/compiler-runtime";
|
||||
import figures from 'figures';
|
||||
import React, { useCallback, useState } from 'react';
|
||||
import { Dialog } from '../../components/design-system/Dialog.js';
|
||||
import { stringWidth } from '../../ink/stringWidth.js';
|
||||
import figures from 'figures'
|
||||
import React, { useCallback, useState } from 'react'
|
||||
import { Dialog } from '../../components/design-system/Dialog.js'
|
||||
import { stringWidth } from '../../ink/stringWidth.js'
|
||||
// eslint-disable-next-line custom-rules/prefer-use-keybindings -- raw text input for config dialog
|
||||
import { Box, Text, useInput } from '../../ink.js';
|
||||
import { useKeybinding, useKeybindings } from '../../keybindings/useKeybinding.js';
|
||||
import { isEnvTruthy } from '../../utils/envUtils.js';
|
||||
import type { PluginOptionSchema, PluginOptionValues } from '../../utils/plugins/pluginOptionsStorage.js';
|
||||
import { Box, Text, useInput } from '../../ink.js'
|
||||
import {
|
||||
useKeybinding,
|
||||
useKeybindings,
|
||||
} from '../../keybindings/useKeybinding.js'
|
||||
import { isEnvTruthy } from '../../utils/envUtils.js'
|
||||
import type {
|
||||
PluginOptionSchema,
|
||||
PluginOptionValues,
|
||||
} from '../../utils/plugins/pluginOptionsStorage.js'
|
||||
|
||||
/**
|
||||
* Build the onSave payload from collected string inputs.
|
||||
@@ -21,336 +26,189 @@ import type { PluginOptionSchema, PluginOptionValues } from '../../utils/plugins
|
||||
*
|
||||
* Exported for unit testing.
|
||||
*/
|
||||
export function buildFinalValues(fields: string[], collected: Record<string, string>, configSchema: PluginOptionSchema, initialValues: PluginOptionValues | undefined): PluginOptionValues {
|
||||
const finalValues: PluginOptionValues = {};
|
||||
export function buildFinalValues(
|
||||
fields: string[],
|
||||
collected: Record<string, string>,
|
||||
configSchema: PluginOptionSchema,
|
||||
initialValues: PluginOptionValues | undefined,
|
||||
): PluginOptionValues {
|
||||
const finalValues: PluginOptionValues = {}
|
||||
for (const fieldKey of fields) {
|
||||
const schema = configSchema[fieldKey];
|
||||
const value = collected[fieldKey] ?? '';
|
||||
if (schema?.sensitive === true && value === '' && initialValues?.[fieldKey] !== undefined) {
|
||||
continue;
|
||||
const schema = configSchema[fieldKey]
|
||||
const value = collected[fieldKey] ?? ''
|
||||
|
||||
if (
|
||||
schema?.sensitive === true &&
|
||||
value === '' &&
|
||||
initialValues?.[fieldKey] !== undefined
|
||||
) {
|
||||
continue
|
||||
}
|
||||
|
||||
if (schema?.type === 'number') {
|
||||
// Number('') returns 0, not NaN — omit blank number inputs so
|
||||
// validateUserConfig's required check actually catches them.
|
||||
if (value.trim() === '') continue;
|
||||
const num = Number(value);
|
||||
finalValues[fieldKey] = Number.isNaN(num) ? value : num;
|
||||
if (value.trim() === '') continue
|
||||
const num = Number(value)
|
||||
finalValues[fieldKey] = Number.isNaN(num) ? value : num
|
||||
} else if (schema?.type === 'boolean') {
|
||||
finalValues[fieldKey] = isEnvTruthy(value);
|
||||
finalValues[fieldKey] = isEnvTruthy(value)
|
||||
} else {
|
||||
finalValues[fieldKey] = value;
|
||||
finalValues[fieldKey] = value
|
||||
}
|
||||
}
|
||||
return finalValues;
|
||||
return finalValues
|
||||
}
|
||||
|
||||
type Props = {
|
||||
title: string;
|
||||
subtitle: string;
|
||||
configSchema: PluginOptionSchema;
|
||||
title: string
|
||||
subtitle: string
|
||||
configSchema: PluginOptionSchema
|
||||
/** Pre-fill fields when reconfiguring. Sensitive fields are not prepopulated. */
|
||||
initialValues?: PluginOptionValues;
|
||||
onSave: (config: PluginOptionValues) => void;
|
||||
onCancel: () => void;
|
||||
};
|
||||
export function PluginOptionsDialog(t0) {
|
||||
const $ = _c(70);
|
||||
const {
|
||||
title,
|
||||
subtitle,
|
||||
initialValues?: PluginOptionValues
|
||||
onSave: (config: PluginOptionValues) => void
|
||||
onCancel: () => void
|
||||
}
|
||||
|
||||
export function PluginOptionsDialog({
|
||||
title,
|
||||
subtitle,
|
||||
configSchema,
|
||||
initialValues,
|
||||
onSave,
|
||||
onCancel,
|
||||
}: Props): React.ReactNode {
|
||||
const fields = Object.keys(configSchema)
|
||||
|
||||
// Prepopulate from initialValues but skip sensitive fields — we don't
|
||||
// want to echo secrets back into the text buffer.
|
||||
const initialFor = useCallback(
|
||||
(key: string): string => {
|
||||
if (configSchema[key]?.sensitive === true) return ''
|
||||
const v = initialValues?.[key]
|
||||
return v === undefined ? '' : String(v)
|
||||
},
|
||||
[configSchema, initialValues],
|
||||
)
|
||||
|
||||
const [currentFieldIndex, setCurrentFieldIndex] = useState(0)
|
||||
const [values, setValues] = useState<Record<string, string>>({})
|
||||
const [currentInput, setCurrentInput] = useState(() =>
|
||||
fields[0] ? initialFor(fields[0]) : '',
|
||||
)
|
||||
|
||||
const currentField = fields[currentFieldIndex]
|
||||
const fieldSchema = currentField ? configSchema[currentField] : null
|
||||
|
||||
// Use Settings context so 'n' key doesn't cancel (allows typing 'n' in input).
|
||||
// isCancelActive={false} on Dialog keeps its own confirm:no out of the way.
|
||||
useKeybinding('confirm:no', onCancel, { context: 'Settings' })
|
||||
|
||||
// Tab to next field
|
||||
const handleNextField = useCallback(() => {
|
||||
if (currentFieldIndex < fields.length - 1 && currentField) {
|
||||
setValues(prev => ({ ...prev, [currentField]: currentInput }))
|
||||
setCurrentFieldIndex(prev => prev + 1)
|
||||
const nextKey = fields[currentFieldIndex + 1]
|
||||
setCurrentInput(nextKey ? initialFor(nextKey) : '')
|
||||
}
|
||||
}, [currentFieldIndex, fields, currentField, currentInput, initialFor])
|
||||
|
||||
// Enter to save current field and move to next, or save all if last
|
||||
const handleConfirm = useCallback(() => {
|
||||
if (!currentField) return
|
||||
|
||||
const newValues = { ...values, [currentField]: currentInput }
|
||||
|
||||
if (currentFieldIndex === fields.length - 1) {
|
||||
onSave(buildFinalValues(fields, newValues, configSchema, initialValues))
|
||||
} else {
|
||||
// Move to next field
|
||||
setValues(newValues)
|
||||
setCurrentFieldIndex(prev => prev + 1)
|
||||
const nextKey = fields[currentFieldIndex + 1]
|
||||
setCurrentInput(nextKey ? initialFor(nextKey) : '')
|
||||
}
|
||||
}, [
|
||||
currentField,
|
||||
values,
|
||||
currentInput,
|
||||
currentFieldIndex,
|
||||
fields,
|
||||
configSchema,
|
||||
initialValues,
|
||||
onSave,
|
||||
onCancel
|
||||
} = t0;
|
||||
let t1;
|
||||
if ($[0] !== configSchema) {
|
||||
t1 = Object.keys(configSchema);
|
||||
$[0] = configSchema;
|
||||
$[1] = t1;
|
||||
} else {
|
||||
t1 = $[1];
|
||||
}
|
||||
const fields = t1;
|
||||
let t2;
|
||||
if ($[2] !== configSchema || $[3] !== initialValues) {
|
||||
t2 = key => {
|
||||
if (configSchema[key]?.sensitive === true) {
|
||||
return "";
|
||||
}
|
||||
const v = initialValues?.[key];
|
||||
return v === undefined ? "" : String(v);
|
||||
};
|
||||
$[2] = configSchema;
|
||||
$[3] = initialValues;
|
||||
$[4] = t2;
|
||||
} else {
|
||||
t2 = $[4];
|
||||
}
|
||||
const initialFor = t2;
|
||||
const [currentFieldIndex, setCurrentFieldIndex] = useState(0);
|
||||
let t3;
|
||||
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t3 = {};
|
||||
$[5] = t3;
|
||||
} else {
|
||||
t3 = $[5];
|
||||
}
|
||||
const [values, setValues] = useState(t3);
|
||||
let t4;
|
||||
if ($[6] !== fields[0] || $[7] !== initialFor) {
|
||||
t4 = () => fields[0] ? initialFor(fields[0]) : "";
|
||||
$[6] = fields[0];
|
||||
$[7] = initialFor;
|
||||
$[8] = t4;
|
||||
} else {
|
||||
t4 = $[8];
|
||||
}
|
||||
const [currentInput, setCurrentInput] = useState(t4);
|
||||
const currentField = fields[currentFieldIndex];
|
||||
const fieldSchema = currentField ? configSchema[currentField] : null;
|
||||
let t5;
|
||||
if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t5 = {
|
||||
context: "Settings"
|
||||
};
|
||||
$[9] = t5;
|
||||
} else {
|
||||
t5 = $[9];
|
||||
}
|
||||
useKeybinding("confirm:no", onCancel, t5);
|
||||
let t6;
|
||||
if ($[10] !== currentField || $[11] !== currentFieldIndex || $[12] !== currentInput || $[13] !== fields || $[14] !== initialFor) {
|
||||
t6 = () => {
|
||||
if (currentFieldIndex < fields.length - 1 && currentField) {
|
||||
setValues(prev => ({
|
||||
...prev,
|
||||
[currentField]: currentInput
|
||||
}));
|
||||
setCurrentFieldIndex(_temp);
|
||||
const nextKey = fields[currentFieldIndex + 1];
|
||||
setCurrentInput(nextKey ? initialFor(nextKey) : "");
|
||||
}
|
||||
};
|
||||
$[10] = currentField;
|
||||
$[11] = currentFieldIndex;
|
||||
$[12] = currentInput;
|
||||
$[13] = fields;
|
||||
$[14] = initialFor;
|
||||
$[15] = t6;
|
||||
} else {
|
||||
t6 = $[15];
|
||||
}
|
||||
const handleNextField = t6;
|
||||
let t7;
|
||||
if ($[16] !== configSchema || $[17] !== currentField || $[18] !== currentFieldIndex || $[19] !== currentInput || $[20] !== fields || $[21] !== initialFor || $[22] !== initialValues || $[23] !== onSave || $[24] !== values) {
|
||||
t7 = () => {
|
||||
if (!currentField) {
|
||||
return;
|
||||
}
|
||||
const newValues = {
|
||||
...values,
|
||||
[currentField]: currentInput
|
||||
};
|
||||
if (currentFieldIndex === fields.length - 1) {
|
||||
onSave(buildFinalValues(fields, newValues, configSchema, initialValues));
|
||||
} else {
|
||||
setValues(newValues);
|
||||
setCurrentFieldIndex(_temp2);
|
||||
const nextKey_0 = fields[currentFieldIndex + 1];
|
||||
setCurrentInput(nextKey_0 ? initialFor(nextKey_0) : "");
|
||||
}
|
||||
};
|
||||
$[16] = configSchema;
|
||||
$[17] = currentField;
|
||||
$[18] = currentFieldIndex;
|
||||
$[19] = currentInput;
|
||||
$[20] = fields;
|
||||
$[21] = initialFor;
|
||||
$[22] = initialValues;
|
||||
$[23] = onSave;
|
||||
$[24] = values;
|
||||
$[25] = t7;
|
||||
} else {
|
||||
t7 = $[25];
|
||||
}
|
||||
const handleConfirm = t7;
|
||||
let t8;
|
||||
if ($[26] !== handleConfirm || $[27] !== handleNextField) {
|
||||
t8 = {
|
||||
"confirm:nextField": handleNextField,
|
||||
"confirm:yes": handleConfirm
|
||||
};
|
||||
$[26] = handleConfirm;
|
||||
$[27] = handleNextField;
|
||||
$[28] = t8;
|
||||
} else {
|
||||
t8 = $[28];
|
||||
}
|
||||
let t9;
|
||||
if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t9 = {
|
||||
context: "Confirmation"
|
||||
};
|
||||
$[29] = t9;
|
||||
} else {
|
||||
t9 = $[29];
|
||||
}
|
||||
useKeybindings(t8, t9);
|
||||
let t10;
|
||||
if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t10 = (char, key_0) => {
|
||||
if (key_0.backspace || key_0.delete) {
|
||||
setCurrentInput(_temp3);
|
||||
return;
|
||||
}
|
||||
if (char && !key_0.ctrl && !key_0.meta && !key_0.tab && !key_0.return) {
|
||||
setCurrentInput(prev_3 => prev_3 + char);
|
||||
}
|
||||
};
|
||||
$[30] = t10;
|
||||
} else {
|
||||
t10 = $[30];
|
||||
}
|
||||
useInput(t10);
|
||||
initialFor,
|
||||
initialValues,
|
||||
])
|
||||
|
||||
useKeybindings(
|
||||
{
|
||||
'confirm:nextField': handleNextField,
|
||||
'confirm:yes': handleConfirm,
|
||||
},
|
||||
{ context: 'Confirmation' },
|
||||
)
|
||||
|
||||
// Character input handling (backspace, typing)
|
||||
useInput((char, key) => {
|
||||
// Backspace
|
||||
if (key.backspace || key.delete) {
|
||||
setCurrentInput(prev => prev.slice(0, -1))
|
||||
return
|
||||
}
|
||||
|
||||
// Regular character input
|
||||
if (char && !key.ctrl && !key.meta && !key.tab && !key.return) {
|
||||
setCurrentInput(prev => prev + char)
|
||||
}
|
||||
})
|
||||
|
||||
if (!fieldSchema || !currentField) {
|
||||
return null;
|
||||
return null
|
||||
}
|
||||
const isSensitive = fieldSchema.sensitive === true;
|
||||
const isRequired = fieldSchema.required === true;
|
||||
let t11;
|
||||
if ($[31] !== currentInput || $[32] !== isSensitive) {
|
||||
t11 = isSensitive ? "*".repeat(stringWidth(currentInput)) : currentInput;
|
||||
$[31] = currentInput;
|
||||
$[32] = isSensitive;
|
||||
$[33] = t11;
|
||||
} else {
|
||||
t11 = $[33];
|
||||
}
|
||||
const displayValue = t11;
|
||||
const t12 = fieldSchema.title || currentField;
|
||||
let t13;
|
||||
if ($[34] !== isRequired) {
|
||||
t13 = isRequired && <Text color="error"> *</Text>;
|
||||
$[34] = isRequired;
|
||||
$[35] = t13;
|
||||
} else {
|
||||
t13 = $[35];
|
||||
}
|
||||
let t14;
|
||||
if ($[36] !== t12 || $[37] !== t13) {
|
||||
t14 = <Text bold={true}>{t12}{t13}</Text>;
|
||||
$[36] = t12;
|
||||
$[37] = t13;
|
||||
$[38] = t14;
|
||||
} else {
|
||||
t14 = $[38];
|
||||
}
|
||||
let t15;
|
||||
if ($[39] !== fieldSchema.description) {
|
||||
t15 = fieldSchema.description && <Text dimColor={true}>{fieldSchema.description}</Text>;
|
||||
$[39] = fieldSchema.description;
|
||||
$[40] = t15;
|
||||
} else {
|
||||
t15 = $[40];
|
||||
}
|
||||
let t16;
|
||||
if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t16 = <Text>{figures.pointerSmall} </Text>;
|
||||
$[41] = t16;
|
||||
} else {
|
||||
t16 = $[41];
|
||||
}
|
||||
let t17;
|
||||
if ($[42] !== displayValue) {
|
||||
t17 = <Text>{displayValue}</Text>;
|
||||
$[42] = displayValue;
|
||||
$[43] = t17;
|
||||
} else {
|
||||
t17 = $[43];
|
||||
}
|
||||
let t18;
|
||||
if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t18 = <Text>█</Text>;
|
||||
$[44] = t18;
|
||||
} else {
|
||||
t18 = $[44];
|
||||
}
|
||||
let t19;
|
||||
if ($[45] !== t17) {
|
||||
t19 = <Box marginTop={1}>{t16}{t17}{t18}</Box>;
|
||||
$[45] = t17;
|
||||
$[46] = t19;
|
||||
} else {
|
||||
t19 = $[46];
|
||||
}
|
||||
let t20;
|
||||
if ($[47] !== t14 || $[48] !== t15 || $[49] !== t19) {
|
||||
t20 = <Box flexDirection="column">{t14}{t15}{t19}</Box>;
|
||||
$[47] = t14;
|
||||
$[48] = t15;
|
||||
$[49] = t19;
|
||||
$[50] = t20;
|
||||
} else {
|
||||
t20 = $[50];
|
||||
}
|
||||
const t21 = currentFieldIndex + 1;
|
||||
let t22;
|
||||
if ($[51] !== fields.length || $[52] !== t21) {
|
||||
t22 = <Text dimColor={true}>Field {t21} of {fields.length}</Text>;
|
||||
$[51] = fields.length;
|
||||
$[52] = t21;
|
||||
$[53] = t22;
|
||||
} else {
|
||||
t22 = $[53];
|
||||
}
|
||||
let t23;
|
||||
if ($[54] !== currentFieldIndex || $[55] !== fields.length) {
|
||||
t23 = currentFieldIndex < fields.length - 1 && <Text dimColor={true}>Tab: Next field · Enter: Save and continue</Text>;
|
||||
$[54] = currentFieldIndex;
|
||||
$[55] = fields.length;
|
||||
$[56] = t23;
|
||||
} else {
|
||||
t23 = $[56];
|
||||
}
|
||||
let t24;
|
||||
if ($[57] !== currentFieldIndex || $[58] !== fields.length) {
|
||||
t24 = currentFieldIndex === fields.length - 1 && <Text dimColor={true}>Enter: Save configuration</Text>;
|
||||
$[57] = currentFieldIndex;
|
||||
$[58] = fields.length;
|
||||
$[59] = t24;
|
||||
} else {
|
||||
t24 = $[59];
|
||||
}
|
||||
let t25;
|
||||
if ($[60] !== t22 || $[61] !== t23 || $[62] !== t24) {
|
||||
t25 = <Box flexDirection="column">{t22}{t23}{t24}</Box>;
|
||||
$[60] = t22;
|
||||
$[61] = t23;
|
||||
$[62] = t24;
|
||||
$[63] = t25;
|
||||
} else {
|
||||
t25 = $[63];
|
||||
}
|
||||
let t26;
|
||||
if ($[64] !== onCancel || $[65] !== subtitle || $[66] !== t20 || $[67] !== t25 || $[68] !== title) {
|
||||
t26 = <Dialog title={title} subtitle={subtitle} onCancel={onCancel} isCancelActive={false}>{t20}{t25}</Dialog>;
|
||||
$[64] = onCancel;
|
||||
$[65] = subtitle;
|
||||
$[66] = t20;
|
||||
$[67] = t25;
|
||||
$[68] = title;
|
||||
$[69] = t26;
|
||||
} else {
|
||||
t26 = $[69];
|
||||
}
|
||||
return t26;
|
||||
}
|
||||
function _temp3(prev_2) {
|
||||
return prev_2.slice(0, -1);
|
||||
}
|
||||
function _temp2(prev_1) {
|
||||
return prev_1 + 1;
|
||||
}
|
||||
function _temp(prev_0) {
|
||||
return prev_0 + 1;
|
||||
|
||||
const isSensitive = fieldSchema.sensitive === true
|
||||
const isRequired = fieldSchema.required === true
|
||||
const displayValue = isSensitive
|
||||
? '*'.repeat(stringWidth(currentInput))
|
||||
: currentInput
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
title={title}
|
||||
subtitle={subtitle}
|
||||
onCancel={onCancel}
|
||||
isCancelActive={false}
|
||||
>
|
||||
<Box flexDirection="column">
|
||||
<Text bold={true}>
|
||||
{fieldSchema.title || currentField}
|
||||
{isRequired && <Text color="error"> *</Text>}
|
||||
</Text>
|
||||
{fieldSchema.description && (
|
||||
<Text dimColor={true}>{fieldSchema.description}</Text>
|
||||
)}
|
||||
|
||||
<Box marginTop={1}>
|
||||
<Text>{figures.pointerSmall} </Text>
|
||||
<Text>{displayValue}</Text>
|
||||
<Text>█</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
<Box flexDirection="column">
|
||||
<Text dimColor={true}>
|
||||
Field {currentFieldIndex + 1} of {fields.length}
|
||||
</Text>
|
||||
{currentFieldIndex < fields.length - 1 && (
|
||||
<Text dimColor={true}>
|
||||
Tab: Next field · Enter: Save and continue
|
||||
</Text>
|
||||
)}
|
||||
{currentFieldIndex === fields.length - 1 && (
|
||||
<Text dimColor={true}>Enter: Save configuration</Text>
|
||||
)}
|
||||
</Box>
|
||||
</Dialog>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user