mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-18 14:25: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,53 +1,71 @@
|
||||
import * as React from 'react';
|
||||
import { Box, Text } from '../../ink.js';
|
||||
import { Select } from '../CustomSelect/select.js';
|
||||
import { PermissionDialog } from '../permissions/PermissionDialog.js';
|
||||
import * as React from 'react'
|
||||
import { Box, Text } from '../../ink.js'
|
||||
import { Select } from '../CustomSelect/select.js'
|
||||
import { PermissionDialog } from '../permissions/PermissionDialog.js'
|
||||
|
||||
type Props = {
|
||||
pluginName: string;
|
||||
pluginDescription?: string;
|
||||
marketplaceName: string;
|
||||
sourceCommand: string;
|
||||
onResponse: (response: 'yes' | 'no' | 'disable') => void;
|
||||
};
|
||||
const AUTO_DISMISS_MS = 30_000;
|
||||
pluginName: string
|
||||
pluginDescription?: string
|
||||
marketplaceName: string
|
||||
sourceCommand: string
|
||||
onResponse: (response: 'yes' | 'no' | 'disable') => void
|
||||
}
|
||||
|
||||
const AUTO_DISMISS_MS = 30_000
|
||||
|
||||
export function PluginHintMenu({
|
||||
pluginName,
|
||||
pluginDescription,
|
||||
marketplaceName,
|
||||
sourceCommand,
|
||||
onResponse
|
||||
onResponse,
|
||||
}: Props): React.ReactNode {
|
||||
const onResponseRef = React.useRef(onResponse);
|
||||
onResponseRef.current = onResponse;
|
||||
const onResponseRef = React.useRef(onResponse)
|
||||
onResponseRef.current = onResponse
|
||||
|
||||
React.useEffect(() => {
|
||||
const timeoutId = setTimeout(ref => ref.current('no'), AUTO_DISMISS_MS, onResponseRef);
|
||||
return () => clearTimeout(timeoutId);
|
||||
}, []);
|
||||
const timeoutId = setTimeout(
|
||||
ref => ref.current('no'),
|
||||
AUTO_DISMISS_MS,
|
||||
onResponseRef,
|
||||
)
|
||||
return () => clearTimeout(timeoutId)
|
||||
}, [])
|
||||
|
||||
function onSelect(value: string): void {
|
||||
switch (value) {
|
||||
case 'yes':
|
||||
onResponse('yes');
|
||||
break;
|
||||
onResponse('yes')
|
||||
break
|
||||
case 'disable':
|
||||
onResponse('disable');
|
||||
break;
|
||||
onResponse('disable')
|
||||
break
|
||||
default:
|
||||
onResponse('no');
|
||||
onResponse('no')
|
||||
}
|
||||
}
|
||||
const options = [{
|
||||
label: <Text>
|
||||
|
||||
const options = [
|
||||
{
|
||||
label: (
|
||||
<Text>
|
||||
Yes, install <Text bold>{pluginName}</Text>
|
||||
</Text>,
|
||||
value: 'yes'
|
||||
}, {
|
||||
label: 'No',
|
||||
value: 'no'
|
||||
}, {
|
||||
label: "No, and don't show plugin installation hints again",
|
||||
value: 'disable'
|
||||
}];
|
||||
return <PermissionDialog title="Plugin Recommendation">
|
||||
</Text>
|
||||
),
|
||||
value: 'yes',
|
||||
},
|
||||
{
|
||||
label: 'No',
|
||||
value: 'no',
|
||||
},
|
||||
{
|
||||
label: "No, and don't show plugin installation hints again",
|
||||
value: 'disable',
|
||||
},
|
||||
]
|
||||
|
||||
return (
|
||||
<PermissionDialog title="Plugin Recommendation">
|
||||
<Box flexDirection="column" paddingX={2} paddingY={1}>
|
||||
<Box marginBottom={1}>
|
||||
<Text dimColor>
|
||||
@@ -63,15 +81,22 @@ export function PluginHintMenu({
|
||||
<Text dimColor>Marketplace:</Text>
|
||||
<Text> {marketplaceName}</Text>
|
||||
</Box>
|
||||
{pluginDescription && <Box>
|
||||
{pluginDescription && (
|
||||
<Box>
|
||||
<Text dimColor>{pluginDescription}</Text>
|
||||
</Box>}
|
||||
</Box>
|
||||
)}
|
||||
<Box marginTop={1}>
|
||||
<Text>Would you like to install it?</Text>
|
||||
</Box>
|
||||
<Box>
|
||||
<Select options={options} onChange={onSelect} onCancel={() => onResponse('no')} />
|
||||
<Select
|
||||
options={options}
|
||||
onChange={onSelect}
|
||||
onCancel={() => onResponse('no')}
|
||||
/>
|
||||
</Box>
|
||||
</Box>
|
||||
</PermissionDialog>;
|
||||
</PermissionDialog>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user