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,139 +1,83 @@
|
||||
import { c as _c } from "react/compiler-runtime";
|
||||
import { toString as qrToString } from 'qrcode';
|
||||
import * as React from 'react';
|
||||
import { useEffect, useState } from 'react';
|
||||
import { Pane } from '../../components/design-system/Pane.js';
|
||||
import { Box, Text } from '../../ink.js';
|
||||
import { useKeybinding } from '../../keybindings/useKeybinding.js';
|
||||
import { useAppState } from '../../state/AppState.js';
|
||||
import type { LocalJSXCommandCall } from '../../types/command.js';
|
||||
import { logForDebugging } from '../../utils/debug.js';
|
||||
import { toString as qrToString } from 'qrcode'
|
||||
import * as React from 'react'
|
||||
import { useEffect, useState } from 'react'
|
||||
import { Pane } from '../../components/design-system/Pane.js'
|
||||
import { Box, Text } from '../../ink.js'
|
||||
import { useKeybinding } from '../../keybindings/useKeybinding.js'
|
||||
import { useAppState } from '../../state/AppState.js'
|
||||
import type { LocalJSXCommandCall } from '../../types/command.js'
|
||||
import { logForDebugging } from '../../utils/debug.js'
|
||||
|
||||
type Props = {
|
||||
onDone: () => void;
|
||||
};
|
||||
function SessionInfo(t0) {
|
||||
const $ = _c(19);
|
||||
const {
|
||||
onDone
|
||||
} = t0;
|
||||
const remoteSessionUrl = useAppState(_temp);
|
||||
const [qrCode, setQrCode] = useState("");
|
||||
let t1;
|
||||
let t2;
|
||||
if ($[0] !== remoteSessionUrl) {
|
||||
t1 = () => {
|
||||
if (!remoteSessionUrl) {
|
||||
return;
|
||||
}
|
||||
const url = remoteSessionUrl;
|
||||
const generateQRCode = async function generateQRCode() {
|
||||
const qr = await qrToString(url, {
|
||||
type: "utf8",
|
||||
errorCorrectionLevel: "L"
|
||||
});
|
||||
setQrCode(qr);
|
||||
};
|
||||
generateQRCode().catch(_temp2);
|
||||
};
|
||||
t2 = [remoteSessionUrl];
|
||||
$[0] = remoteSessionUrl;
|
||||
$[1] = t1;
|
||||
$[2] = t2;
|
||||
} else {
|
||||
t1 = $[1];
|
||||
t2 = $[2];
|
||||
}
|
||||
useEffect(t1, t2);
|
||||
let t3;
|
||||
if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t3 = {
|
||||
context: "Confirmation"
|
||||
};
|
||||
$[3] = t3;
|
||||
} else {
|
||||
t3 = $[3];
|
||||
}
|
||||
useKeybinding("confirm:no", onDone, t3);
|
||||
onDone: () => void
|
||||
}
|
||||
|
||||
function SessionInfo({ onDone }: Props): React.ReactNode {
|
||||
const remoteSessionUrl = useAppState(s => s.remoteSessionUrl)
|
||||
const [qrCode, setQrCode] = useState<string>('')
|
||||
|
||||
// Generate QR code when URL is available
|
||||
useEffect(() => {
|
||||
if (!remoteSessionUrl) return
|
||||
|
||||
const url = remoteSessionUrl
|
||||
async function generateQRCode(): Promise<void> {
|
||||
const qr = await qrToString(url, {
|
||||
type: 'utf8',
|
||||
errorCorrectionLevel: 'L',
|
||||
})
|
||||
setQrCode(qr)
|
||||
}
|
||||
// Intentionally silent fail - URL is still shown so QR is non-critical
|
||||
generateQRCode().catch(e => {
|
||||
logForDebugging('QR code generation failed', e)
|
||||
})
|
||||
}, [remoteSessionUrl])
|
||||
|
||||
// Handle ESC to dismiss
|
||||
useKeybinding('confirm:no', onDone, { context: 'Confirmation' })
|
||||
|
||||
// Not in remote mode
|
||||
if (!remoteSessionUrl) {
|
||||
let t4;
|
||||
if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t4 = <Pane><Text color="warning">Not in remote mode. Start with `claude --remote` to use this command.</Text><Text dimColor={true}>(press esc to close)</Text></Pane>;
|
||||
$[4] = t4;
|
||||
} else {
|
||||
t4 = $[4];
|
||||
}
|
||||
return t4;
|
||||
return (
|
||||
<Pane>
|
||||
<Text color="warning">
|
||||
Not in remote mode. Start with `claude --remote` to use this command.
|
||||
</Text>
|
||||
<Text dimColor>(press esc to close)</Text>
|
||||
</Pane>
|
||||
)
|
||||
}
|
||||
let T0;
|
||||
let t4;
|
||||
let t5;
|
||||
if ($[5] !== qrCode) {
|
||||
const lines = qrCode.split("\n").filter(_temp3);
|
||||
const isLoading = lines.length === 0;
|
||||
T0 = Pane;
|
||||
if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t4 = <Box marginBottom={1}><Text bold={true}>Remote session</Text></Box>;
|
||||
$[9] = t4;
|
||||
} else {
|
||||
t4 = $[9];
|
||||
}
|
||||
t5 = isLoading ? <Text dimColor={true}>Generating QR code…</Text> : lines.map(_temp4);
|
||||
$[5] = qrCode;
|
||||
$[6] = T0;
|
||||
$[7] = t4;
|
||||
$[8] = t5;
|
||||
} else {
|
||||
T0 = $[6];
|
||||
t4 = $[7];
|
||||
t5 = $[8];
|
||||
}
|
||||
let t6;
|
||||
if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t6 = <Text dimColor={true}>Open in browser: </Text>;
|
||||
$[10] = t6;
|
||||
} else {
|
||||
t6 = $[10];
|
||||
}
|
||||
let t7;
|
||||
if ($[11] !== remoteSessionUrl) {
|
||||
t7 = <Box marginTop={1}>{t6}<Text color="ide">{remoteSessionUrl}</Text></Box>;
|
||||
$[11] = remoteSessionUrl;
|
||||
$[12] = t7;
|
||||
} else {
|
||||
t7 = $[12];
|
||||
}
|
||||
let t8;
|
||||
if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
|
||||
t8 = <Box marginTop={1}><Text dimColor={true}>(press esc to close)</Text></Box>;
|
||||
$[13] = t8;
|
||||
} else {
|
||||
t8 = $[13];
|
||||
}
|
||||
let t9;
|
||||
if ($[14] !== T0 || $[15] !== t4 || $[16] !== t5 || $[17] !== t7) {
|
||||
t9 = <T0>{t4}{t5}{t7}{t8}</T0>;
|
||||
$[14] = T0;
|
||||
$[15] = t4;
|
||||
$[16] = t5;
|
||||
$[17] = t7;
|
||||
$[18] = t9;
|
||||
} else {
|
||||
t9 = $[18];
|
||||
}
|
||||
return t9;
|
||||
}
|
||||
function _temp4(line_0, i) {
|
||||
return <Text key={i}>{line_0}</Text>;
|
||||
}
|
||||
function _temp3(line) {
|
||||
return line.length > 0;
|
||||
}
|
||||
function _temp2(e) {
|
||||
logForDebugging("QR code generation failed", e);
|
||||
}
|
||||
function _temp(s) {
|
||||
return s.remoteSessionUrl;
|
||||
|
||||
const lines = qrCode.split('\n').filter(line => line.length > 0)
|
||||
const isLoading = lines.length === 0
|
||||
|
||||
return (
|
||||
<Pane>
|
||||
<Box marginBottom={1}>
|
||||
<Text bold>Remote session</Text>
|
||||
</Box>
|
||||
|
||||
{/* QR Code - silently fails if generation errors, URL is still shown */}
|
||||
{isLoading ? (
|
||||
<Text dimColor>Generating QR code…</Text>
|
||||
) : (
|
||||
lines.map((line, i) => <Text key={i}>{line}</Text>)
|
||||
)}
|
||||
|
||||
{/* URL */}
|
||||
<Box marginTop={1}>
|
||||
<Text dimColor>Open in browser: </Text>
|
||||
<Text color="ide">{remoteSessionUrl}</Text>
|
||||
</Box>
|
||||
|
||||
<Box marginTop={1}>
|
||||
<Text dimColor>(press esc to close)</Text>
|
||||
</Box>
|
||||
</Pane>
|
||||
)
|
||||
}
|
||||
|
||||
export const call: LocalJSXCommandCall = async onDone => {
|
||||
return <SessionInfo onDone={onDone} />;
|
||||
};
|
||||
return <SessionInfo onDone={onDone} />
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user