mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-17 22:05:50 +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,16 +1,16 @@
|
||||
import { c as _c } from "react/compiler-runtime";
|
||||
import * as React from 'react';
|
||||
import { pathToFileURL } from 'url';
|
||||
import Link from '../ink/components/Link.js';
|
||||
import { supportsHyperlinks } from '../ink/supports-hyperlinks.js';
|
||||
import { Text } from '../ink.js';
|
||||
import { getStoredImagePath } from '../utils/imageStore.js';
|
||||
import type { Theme } from '../utils/theme.js';
|
||||
import * as React from 'react'
|
||||
import { pathToFileURL } from 'url'
|
||||
import Link from '../ink/components/Link.js'
|
||||
import { supportsHyperlinks } from '../ink/supports-hyperlinks.js'
|
||||
import { Text } from '../ink.js'
|
||||
import { getStoredImagePath } from '../utils/imageStore.js'
|
||||
import type { Theme } from '../utils/theme.js'
|
||||
|
||||
type Props = {
|
||||
imageId: number;
|
||||
backgroundColor?: keyof Theme;
|
||||
isSelected?: boolean;
|
||||
};
|
||||
imageId: number
|
||||
backgroundColor?: keyof Theme
|
||||
isSelected?: boolean
|
||||
}
|
||||
|
||||
/**
|
||||
* Renders an image reference like [Image #1] as a clickable link.
|
||||
@@ -20,53 +20,42 @@ type Props = {
|
||||
* - Terminal doesn't support hyperlinks
|
||||
* - Image file is not found in the store
|
||||
*/
|
||||
export function ClickableImageRef(t0) {
|
||||
const $ = _c(13);
|
||||
const {
|
||||
imageId,
|
||||
backgroundColor,
|
||||
isSelected: t1
|
||||
} = t0;
|
||||
const isSelected = t1 === undefined ? false : t1;
|
||||
const imagePath = getStoredImagePath(imageId);
|
||||
const displayText = `[Image #${imageId}]`;
|
||||
export function ClickableImageRef({
|
||||
imageId,
|
||||
backgroundColor,
|
||||
isSelected = false,
|
||||
}: Props): React.ReactNode {
|
||||
const imagePath = getStoredImagePath(imageId)
|
||||
const displayText = `[Image #${imageId}]`
|
||||
|
||||
// If we have a stored image and terminal supports hyperlinks, make it clickable
|
||||
if (imagePath && supportsHyperlinks()) {
|
||||
const fileUrl = pathToFileURL(imagePath).href;
|
||||
let t2;
|
||||
let t3;
|
||||
if ($[0] !== backgroundColor || $[1] !== displayText || $[2] !== isSelected) {
|
||||
t2 = <Text backgroundColor={backgroundColor} inverse={isSelected}>{displayText}</Text>;
|
||||
t3 = <Text backgroundColor={backgroundColor} inverse={isSelected} bold={isSelected}>{displayText}</Text>;
|
||||
$[0] = backgroundColor;
|
||||
$[1] = displayText;
|
||||
$[2] = isSelected;
|
||||
$[3] = t2;
|
||||
$[4] = t3;
|
||||
} else {
|
||||
t2 = $[3];
|
||||
t3 = $[4];
|
||||
}
|
||||
let t4;
|
||||
if ($[5] !== fileUrl || $[6] !== t2 || $[7] !== t3) {
|
||||
t4 = <Link url={fileUrl} fallback={t2}>{t3}</Link>;
|
||||
$[5] = fileUrl;
|
||||
$[6] = t2;
|
||||
$[7] = t3;
|
||||
$[8] = t4;
|
||||
} else {
|
||||
t4 = $[8];
|
||||
}
|
||||
return t4;
|
||||
const fileUrl = pathToFileURL(imagePath).href
|
||||
|
||||
return (
|
||||
<Link
|
||||
url={fileUrl}
|
||||
fallback={
|
||||
<Text backgroundColor={backgroundColor} inverse={isSelected}>
|
||||
{displayText}
|
||||
</Text>
|
||||
}
|
||||
>
|
||||
<Text
|
||||
backgroundColor={backgroundColor}
|
||||
inverse={isSelected}
|
||||
bold={isSelected}
|
||||
>
|
||||
{displayText}
|
||||
</Text>
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
let t2;
|
||||
if ($[9] !== backgroundColor || $[10] !== displayText || $[11] !== isSelected) {
|
||||
t2 = <Text backgroundColor={backgroundColor} inverse={isSelected}>{displayText}</Text>;
|
||||
$[9] = backgroundColor;
|
||||
$[10] = displayText;
|
||||
$[11] = isSelected;
|
||||
$[12] = t2;
|
||||
} else {
|
||||
t2 = $[12];
|
||||
}
|
||||
return t2;
|
||||
|
||||
// Fallback: styled but not clickable
|
||||
return (
|
||||
<Text backgroundColor={backgroundColor} inverse={isSelected}>
|
||||
{displayText}
|
||||
</Text>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user