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:
claude-code-best
@@ -1,127 +1,173 @@
|
||||
import { join } from 'path';
|
||||
import React, { useCallback, useState } from 'react';
|
||||
import type { ExitState } from '../hooks/useExitOnCtrlCDWithKeybindings.js';
|
||||
import { useTerminalSize } from '../hooks/useTerminalSize.js';
|
||||
import { setClipboard } from '../ink/termio/osc.js';
|
||||
import { Box, Text } from '../ink.js';
|
||||
import { useKeybinding } from '../keybindings/useKeybinding.js';
|
||||
import { getCwd } from '../utils/cwd.js';
|
||||
import { writeFileSync_DEPRECATED } from '../utils/slowOperations.js';
|
||||
import { ConfigurableShortcutHint } from './ConfigurableShortcutHint.js';
|
||||
import { Select } from './CustomSelect/select.js';
|
||||
import { Byline } from './design-system/Byline.js';
|
||||
import { Dialog } from './design-system/Dialog.js';
|
||||
import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
|
||||
import TextInput from './TextInput.js';
|
||||
import { join } from 'path'
|
||||
import React, { useCallback, useState } from 'react'
|
||||
import type { ExitState } from '../hooks/useExitOnCtrlCDWithKeybindings.js'
|
||||
import { useTerminalSize } from '../hooks/useTerminalSize.js'
|
||||
import { setClipboard } from '../ink/termio/osc.js'
|
||||
import { Box, Text } from '../ink.js'
|
||||
import { useKeybinding } from '../keybindings/useKeybinding.js'
|
||||
import { getCwd } from '../utils/cwd.js'
|
||||
import { writeFileSync_DEPRECATED } from '../utils/slowOperations.js'
|
||||
import { ConfigurableShortcutHint } from './ConfigurableShortcutHint.js'
|
||||
import { Select } from './CustomSelect/select.js'
|
||||
import { Byline } from './design-system/Byline.js'
|
||||
import { Dialog } from './design-system/Dialog.js'
|
||||
import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js'
|
||||
import TextInput from './TextInput.js'
|
||||
|
||||
type ExportDialogProps = {
|
||||
content: string;
|
||||
defaultFilename: string;
|
||||
onDone: (result: {
|
||||
success: boolean;
|
||||
message: string;
|
||||
}) => void;
|
||||
};
|
||||
type ExportOption = 'clipboard' | 'file';
|
||||
content: string
|
||||
defaultFilename: string
|
||||
onDone: (result: { success: boolean; message: string }) => void
|
||||
}
|
||||
|
||||
type ExportOption = 'clipboard' | 'file'
|
||||
|
||||
export function ExportDialog({
|
||||
content,
|
||||
defaultFilename,
|
||||
onDone
|
||||
onDone,
|
||||
}: ExportDialogProps): React.ReactNode {
|
||||
const [, setSelectedOption] = useState<ExportOption | null>(null);
|
||||
const [filename, setFilename] = useState<string>(defaultFilename);
|
||||
const [cursorOffset, setCursorOffset] = useState<number>(defaultFilename.length);
|
||||
const [showFilenameInput, setShowFilenameInput] = useState(false);
|
||||
const {
|
||||
columns
|
||||
} = useTerminalSize();
|
||||
const [, setSelectedOption] = useState<ExportOption | null>(null)
|
||||
const [filename, setFilename] = useState<string>(defaultFilename)
|
||||
const [cursorOffset, setCursorOffset] = useState<number>(
|
||||
defaultFilename.length,
|
||||
)
|
||||
const [showFilenameInput, setShowFilenameInput] = useState(false)
|
||||
const { columns } = useTerminalSize()
|
||||
|
||||
// Handle going back from filename input to option selection
|
||||
const handleGoBack = useCallback(() => {
|
||||
setShowFilenameInput(false);
|
||||
setSelectedOption(null);
|
||||
}, []);
|
||||
setShowFilenameInput(false)
|
||||
setSelectedOption(null)
|
||||
}, [])
|
||||
|
||||
const handleSelectOption = async (value: string): Promise<void> => {
|
||||
if (value === 'clipboard') {
|
||||
// Copy to clipboard immediately
|
||||
const raw = await setClipboard(content);
|
||||
if (raw) process.stdout.write(raw);
|
||||
onDone({
|
||||
success: true,
|
||||
message: 'Conversation copied to clipboard'
|
||||
});
|
||||
const raw = await setClipboard(content)
|
||||
if (raw) process.stdout.write(raw)
|
||||
onDone({ success: true, message: 'Conversation copied to clipboard' })
|
||||
} else if (value === 'file') {
|
||||
setSelectedOption('file');
|
||||
setShowFilenameInput(true);
|
||||
setSelectedOption('file')
|
||||
setShowFilenameInput(true)
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
const handleFilenameSubmit = () => {
|
||||
const finalFilename = filename.endsWith('.txt') ? filename : filename.replace(/\.[^.]+$/, '') + '.txt';
|
||||
const filepath = join(getCwd(), finalFilename);
|
||||
const finalFilename = filename.endsWith('.txt')
|
||||
? filename
|
||||
: filename.replace(/\.[^.]+$/, '') + '.txt'
|
||||
const filepath = join(getCwd(), finalFilename)
|
||||
|
||||
try {
|
||||
writeFileSync_DEPRECATED(filepath, content, {
|
||||
encoding: 'utf-8',
|
||||
flush: true
|
||||
});
|
||||
flush: true,
|
||||
})
|
||||
onDone({
|
||||
success: true,
|
||||
message: `Conversation exported to: ${filepath}`
|
||||
});
|
||||
message: `Conversation exported to: ${filepath}`,
|
||||
})
|
||||
} catch (error) {
|
||||
onDone({
|
||||
success: false,
|
||||
message: `Failed to export conversation: ${error instanceof Error ? error.message : 'Unknown error'}`
|
||||
});
|
||||
message: `Failed to export conversation: ${error instanceof Error ? error.message : 'Unknown error'}`,
|
||||
})
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// Dialog calls onCancel when Escape is pressed. If we are in the filename
|
||||
// input sub-screen, go back to the option list instead of closing entirely.
|
||||
const handleCancel = useCallback(() => {
|
||||
if (showFilenameInput) {
|
||||
handleGoBack();
|
||||
handleGoBack()
|
||||
} else {
|
||||
onDone({
|
||||
success: false,
|
||||
message: 'Export cancelled'
|
||||
});
|
||||
onDone({ success: false, message: 'Export cancelled' })
|
||||
}
|
||||
}, [showFilenameInput, handleGoBack, onDone]);
|
||||
const options = [{
|
||||
label: 'Copy to clipboard',
|
||||
value: 'clipboard',
|
||||
description: 'Copy the conversation to your system clipboard'
|
||||
}, {
|
||||
label: 'Save to file',
|
||||
value: 'file',
|
||||
description: 'Save the conversation to a file in the current directory'
|
||||
}];
|
||||
}, [showFilenameInput, handleGoBack, onDone])
|
||||
|
||||
const options = [
|
||||
{
|
||||
label: 'Copy to clipboard',
|
||||
value: 'clipboard',
|
||||
description: 'Copy the conversation to your system clipboard',
|
||||
},
|
||||
{
|
||||
label: 'Save to file',
|
||||
value: 'file',
|
||||
description: 'Save the conversation to a file in the current directory',
|
||||
},
|
||||
]
|
||||
|
||||
// Custom input guide that changes based on dialog state
|
||||
function renderInputGuide(exitState: ExitState): React.ReactNode {
|
||||
if (showFilenameInput) {
|
||||
return <Byline>
|
||||
return (
|
||||
<Byline>
|
||||
<KeyboardShortcutHint shortcut="Enter" action="save" />
|
||||
<ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="go back" />
|
||||
</Byline>;
|
||||
<ConfigurableShortcutHint
|
||||
action="confirm:no"
|
||||
context="Confirmation"
|
||||
fallback="Esc"
|
||||
description="go back"
|
||||
/>
|
||||
</Byline>
|
||||
)
|
||||
}
|
||||
|
||||
if (exitState.pending) {
|
||||
return <Text>Press {exitState.keyName} again to exit</Text>;
|
||||
return <Text>Press {exitState.keyName} again to exit</Text>
|
||||
}
|
||||
return <ConfigurableShortcutHint action="confirm:no" context="Confirmation" fallback="Esc" description="cancel" />;
|
||||
|
||||
return (
|
||||
<ConfigurableShortcutHint
|
||||
action="confirm:no"
|
||||
context="Confirmation"
|
||||
fallback="Esc"
|
||||
description="cancel"
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
// Use Settings context so 'n' key doesn't cancel (allows typing 'n' in filename input)
|
||||
useKeybinding('confirm:no', handleCancel, {
|
||||
context: 'Settings',
|
||||
isActive: showFilenameInput
|
||||
});
|
||||
return <Dialog title="Export Conversation" subtitle="Select export method:" color="permission" onCancel={handleCancel} inputGuide={renderInputGuide} isCancelActive={!showFilenameInput}>
|
||||
{!showFilenameInput ? <Select options={options} onChange={handleSelectOption} onCancel={handleCancel} /> : <Box flexDirection="column">
|
||||
isActive: showFilenameInput,
|
||||
})
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
title="Export Conversation"
|
||||
subtitle="Select export method:"
|
||||
color="permission"
|
||||
onCancel={handleCancel}
|
||||
inputGuide={renderInputGuide}
|
||||
isCancelActive={!showFilenameInput}
|
||||
>
|
||||
{!showFilenameInput ? (
|
||||
<Select
|
||||
options={options}
|
||||
onChange={handleSelectOption}
|
||||
onCancel={handleCancel}
|
||||
/>
|
||||
) : (
|
||||
<Box flexDirection="column">
|
||||
<Text>Enter filename:</Text>
|
||||
<Box flexDirection="row" gap={1} marginTop={1}>
|
||||
<Text>></Text>
|
||||
<TextInput value={filename} onChange={setFilename} onSubmit={handleFilenameSubmit} focus={true} showCursor={true} columns={columns} cursorOffset={cursorOffset} onChangeCursorOffset={setCursorOffset} />
|
||||
<TextInput
|
||||
value={filename}
|
||||
onChange={setFilename}
|
||||
onSubmit={handleFilenameSubmit}
|
||||
focus={true}
|
||||
showCursor={true}
|
||||
columns={columns}
|
||||
cursorOffset={cursorOffset}
|
||||
onChangeCursorOffset={setCursorOffset}
|
||||
/>
|
||||
</Box>
|
||||
</Box>}
|
||||
</Dialog>;
|
||||
</Box>
|
||||
)}
|
||||
</Dialog>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user