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,170 +1,136 @@
|
||||
import { c as _c } from "react/compiler-runtime";
|
||||
import React, { useCallback, useEffect, useState } from 'react';
|
||||
import { checkIsGitClean, checkNeedsClaudeAiLogin } from 'src/utils/background/remote/preconditions.js';
|
||||
import { gracefulShutdownSync } from 'src/utils/gracefulShutdown.js';
|
||||
import { Box, Text } from '../ink.js';
|
||||
import { ConsoleOAuthFlow } from './ConsoleOAuthFlow.js';
|
||||
import { Select } from './CustomSelect/index.js';
|
||||
import { Dialog } from './design-system/Dialog.js';
|
||||
import { TeleportStash } from './TeleportStash.js';
|
||||
export type TeleportLocalErrorType = 'needsLogin' | 'needsGitStash';
|
||||
import React, { useCallback, useEffect, useState } from 'react'
|
||||
import {
|
||||
checkIsGitClean,
|
||||
checkNeedsClaudeAiLogin,
|
||||
} from 'src/utils/background/remote/preconditions.js'
|
||||
import { gracefulShutdownSync } from 'src/utils/gracefulShutdown.js'
|
||||
import { Box, Text } from '../ink.js'
|
||||
import { ConsoleOAuthFlow } from './ConsoleOAuthFlow.js'
|
||||
import { Select } from './CustomSelect/index.js'
|
||||
import { Dialog } from './design-system/Dialog.js'
|
||||
import { TeleportStash } from './TeleportStash.js'
|
||||
|
||||
export type TeleportLocalErrorType = 'needsLogin' | 'needsGitStash'
|
||||
|
||||
type TeleportErrorProps = {
|
||||
onComplete: () => void;
|
||||
errorsToIgnore?: ReadonlySet<TeleportLocalErrorType>;
|
||||
};
|
||||
onComplete: () => void
|
||||
errorsToIgnore?: ReadonlySet<TeleportLocalErrorType>
|
||||
}
|
||||
|
||||
// Module-level sentinel so the default parameter has stable identity.
|
||||
// Previously `= new Set()` created a fresh Set every render, which put
|
||||
// a new object in checkErrors' deps and caused the mount effect to
|
||||
// re-fire on every render.
|
||||
const EMPTY_ERRORS_TO_IGNORE: ReadonlySet<TeleportLocalErrorType> = new Set();
|
||||
export function TeleportError(t0) {
|
||||
const $ = _c(18);
|
||||
const {
|
||||
onComplete,
|
||||
errorsToIgnore: t1
|
||||
} = t0;
|
||||
const errorsToIgnore = t1 === undefined ? EMPTY_ERRORS_TO_IGNORE : t1;
|
||||
const [currentError, setCurrentError] = useState(null);
|
||||
const [isLoggingIn, setIsLoggingIn] = useState(false);
|
||||
let t2;
|
||||
if ($[0] !== errorsToIgnore || $[1] !== onComplete) {
|
||||
t2 = async () => {
|
||||
const currentErrors = await getTeleportErrors();
|
||||
const filteredErrors = new Set(Array.from(currentErrors).filter(error => !errorsToIgnore.has(error)));
|
||||
if (filteredErrors.size === 0) {
|
||||
onComplete();
|
||||
return;
|
||||
}
|
||||
if (filteredErrors.has("needsLogin")) {
|
||||
setCurrentError("needsLogin");
|
||||
const EMPTY_ERRORS_TO_IGNORE: ReadonlySet<TeleportLocalErrorType> = new Set()
|
||||
|
||||
export function TeleportError({
|
||||
onComplete,
|
||||
errorsToIgnore = EMPTY_ERRORS_TO_IGNORE,
|
||||
}: TeleportErrorProps): React.ReactNode {
|
||||
const [currentError, setCurrentError] =
|
||||
useState<TeleportLocalErrorType | null>(null)
|
||||
const [isLoggingIn, setIsLoggingIn] = useState<boolean>(false)
|
||||
|
||||
// Check for errors on mount and when error resolution occurs
|
||||
const checkErrors = useCallback(async () => {
|
||||
const currentErrors = await getTeleportErrors()
|
||||
const filteredErrors = new Set(
|
||||
Array.from(currentErrors).filter(
|
||||
(error: TeleportLocalErrorType) => !errorsToIgnore.has(error),
|
||||
),
|
||||
)
|
||||
|
||||
// If no errors remain, call onComplete
|
||||
if (filteredErrors.size === 0) {
|
||||
onComplete()
|
||||
return
|
||||
}
|
||||
|
||||
// Set current error to handle (prioritize login over git)
|
||||
if (filteredErrors.has('needsLogin')) {
|
||||
setCurrentError('needsLogin')
|
||||
} else if (filteredErrors.has('needsGitStash')) {
|
||||
setCurrentError('needsGitStash')
|
||||
}
|
||||
}, [onComplete, errorsToIgnore])
|
||||
|
||||
// Check errors on mount
|
||||
useEffect(() => {
|
||||
void checkErrors()
|
||||
}, [checkErrors])
|
||||
|
||||
const onCancel = useCallback(() => {
|
||||
gracefulShutdownSync(0)
|
||||
}, [])
|
||||
|
||||
const handleLoginComplete = useCallback(() => {
|
||||
setIsLoggingIn(false)
|
||||
void checkErrors()
|
||||
}, [checkErrors])
|
||||
|
||||
const handleLoginWithClaudeAI = useCallback(() => {
|
||||
setIsLoggingIn(true)
|
||||
}, [setIsLoggingIn])
|
||||
|
||||
const handleLoginDialogSelect = useCallback(
|
||||
(value: string) => {
|
||||
if (value === 'login') {
|
||||
handleLoginWithClaudeAI()
|
||||
} else {
|
||||
if (filteredErrors.has("needsGitStash")) {
|
||||
setCurrentError("needsGitStash");
|
||||
}
|
||||
// User selected exit
|
||||
onCancel()
|
||||
}
|
||||
};
|
||||
$[0] = errorsToIgnore;
|
||||
$[1] = onComplete;
|
||||
$[2] = t2;
|
||||
} else {
|
||||
t2 = $[2];
|
||||
}
|
||||
const checkErrors = t2;
|
||||
let t3;
|
||||
let t4;
|
||||
if ($[3] !== checkErrors) {
|
||||
t3 = () => {
|
||||
checkErrors();
|
||||
};
|
||||
t4 = [checkErrors];
|
||||
$[3] = checkErrors;
|
||||
$[4] = t3;
|
||||
$[5] = t4;
|
||||
} else {
|
||||
t3 = $[4];
|
||||
t4 = $[5];
|
||||
}
|
||||
useEffect(t3, t4);
|
||||
const onCancel = _temp;
|
||||
let t5;
|
||||
if ($[6] !== checkErrors) {
|
||||
t5 = () => {
|
||||
setIsLoggingIn(false);
|
||||
checkErrors();
|
||||
};
|
||||
$[6] = checkErrors;
|
||||
$[7] = t5;
|
||||
} else {
|
||||
t5 = $[7];
|
||||
}
|
||||
const handleLoginComplete = t5;
|
||||
let t6;
|
||||
if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t6 = () => {
|
||||
setIsLoggingIn(true);
|
||||
};
|
||||
$[8] = t6;
|
||||
} else {
|
||||
t6 = $[8];
|
||||
}
|
||||
const handleLoginWithClaudeAI = t6;
|
||||
let t7;
|
||||
if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t7 = value => {
|
||||
if (value === "login") {
|
||||
handleLoginWithClaudeAI();
|
||||
} else {
|
||||
onCancel();
|
||||
}
|
||||
};
|
||||
$[9] = t7;
|
||||
} else {
|
||||
t7 = $[9];
|
||||
}
|
||||
const handleLoginDialogSelect = t7;
|
||||
let t8;
|
||||
if ($[10] !== checkErrors) {
|
||||
t8 = () => {
|
||||
checkErrors();
|
||||
};
|
||||
$[10] = checkErrors;
|
||||
$[11] = t8;
|
||||
} else {
|
||||
t8 = $[11];
|
||||
}
|
||||
const handleStashComplete = t8;
|
||||
},
|
||||
[handleLoginWithClaudeAI, onCancel],
|
||||
)
|
||||
|
||||
const handleStashComplete = useCallback(() => {
|
||||
void checkErrors()
|
||||
}, [checkErrors])
|
||||
|
||||
// Don't render anything if no current error (onComplete will be called)
|
||||
if (!currentError) {
|
||||
return null;
|
||||
return null
|
||||
}
|
||||
|
||||
switch (currentError) {
|
||||
case "needsGitStash":
|
||||
{
|
||||
let t9;
|
||||
if ($[12] !== handleStashComplete) {
|
||||
t9 = <TeleportStash onStashAndContinue={handleStashComplete} onCancel={onCancel} />;
|
||||
$[12] = handleStashComplete;
|
||||
$[13] = t9;
|
||||
} else {
|
||||
t9 = $[13];
|
||||
}
|
||||
return t9;
|
||||
}
|
||||
case "needsLogin":
|
||||
{
|
||||
if (isLoggingIn) {
|
||||
let t9;
|
||||
if ($[14] !== handleLoginComplete) {
|
||||
t9 = <ConsoleOAuthFlow onDone={handleLoginComplete} mode="login" forceLoginMethod="claudeai" />;
|
||||
$[14] = handleLoginComplete;
|
||||
$[15] = t9;
|
||||
} else {
|
||||
t9 = $[15];
|
||||
}
|
||||
return t9;
|
||||
}
|
||||
let t9;
|
||||
if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t9 = <Box flexDirection="column"><Text dimColor={true}>Teleport requires a Claude.ai account.</Text><Text dimColor={true}>Your Claude Pro/Max subscription will be used by Claude Code.</Text></Box>;
|
||||
$[16] = t9;
|
||||
} else {
|
||||
t9 = $[16];
|
||||
}
|
||||
let t10;
|
||||
if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t10 = <Dialog title="Log in to Claude" onCancel={onCancel}>{t9}<Select options={[{
|
||||
label: "Login with Claude account",
|
||||
value: "login"
|
||||
}, {
|
||||
label: "Exit",
|
||||
value: "exit"
|
||||
}]} onChange={handleLoginDialogSelect} /></Dialog>;
|
||||
$[17] = t10;
|
||||
} else {
|
||||
t10 = $[17];
|
||||
}
|
||||
return t10;
|
||||
case 'needsGitStash':
|
||||
return (
|
||||
<TeleportStash
|
||||
onStashAndContinue={handleStashComplete}
|
||||
onCancel={onCancel}
|
||||
/>
|
||||
)
|
||||
|
||||
case 'needsLogin': {
|
||||
if (isLoggingIn) {
|
||||
return (
|
||||
<ConsoleOAuthFlow
|
||||
onDone={handleLoginComplete}
|
||||
mode="login"
|
||||
forceLoginMethod="claudeai"
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<Dialog title="Log in to Claude" onCancel={onCancel}>
|
||||
<Box flexDirection="column">
|
||||
<Text dimColor>Teleport requires a Claude.ai account.</Text>
|
||||
<Text dimColor>
|
||||
Your Claude Pro/Max subscription will be used by Claude Code.
|
||||
</Text>
|
||||
</Box>
|
||||
<Select
|
||||
options={[
|
||||
{ label: 'Login with Claude account', value: 'login' },
|
||||
{ label: 'Exit', value: 'exit' },
|
||||
]}
|
||||
onChange={handleLoginDialogSelect}
|
||||
/>
|
||||
</Dialog>
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -172,17 +138,22 @@ export function TeleportError(t0) {
|
||||
* Gets current teleport errors that need to be resolved
|
||||
* @returns Set of teleport error types that need to be handled
|
||||
*/
|
||||
function _temp() {
|
||||
gracefulShutdownSync(0);
|
||||
}
|
||||
export async function getTeleportErrors(): Promise<Set<TeleportLocalErrorType>> {
|
||||
const errors = new Set<TeleportLocalErrorType>();
|
||||
const [needsLogin, isGitClean] = await Promise.all([checkNeedsClaudeAiLogin(), checkIsGitClean()]);
|
||||
export async function getTeleportErrors(): Promise<
|
||||
Set<TeleportLocalErrorType>
|
||||
> {
|
||||
const errors = new Set<TeleportLocalErrorType>()
|
||||
|
||||
const [needsLogin, isGitClean] = await Promise.all([
|
||||
checkNeedsClaudeAiLogin(),
|
||||
checkIsGitClean(),
|
||||
])
|
||||
|
||||
if (needsLogin) {
|
||||
errors.add('needsLogin');
|
||||
errors.add('needsLogin')
|
||||
}
|
||||
if (!isGitClean) {
|
||||
errors.add('needsGitStash');
|
||||
errors.add('needsGitStash')
|
||||
}
|
||||
return errors;
|
||||
|
||||
return errors
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user