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:
@@ -7,14 +7,26 @@
|
||||
* onDone('skipped') immediately if nothing needs filling.
|
||||
*/
|
||||
|
||||
import * as React from 'react';
|
||||
import type { LoadedPlugin } from '../../types/plugin.js';
|
||||
import { errorMessage } from '../../utils/errors.js';
|
||||
import { loadMcpServerUserConfig, saveMcpServerUserConfig } from '../../utils/plugins/mcpbHandler.js';
|
||||
import { getUnconfiguredChannels, type UnconfiguredChannel } from '../../utils/plugins/mcpPluginIntegration.js';
|
||||
import { loadAllPlugins } from '../../utils/plugins/pluginLoader.js';
|
||||
import { getUnconfiguredOptions, loadPluginOptions, type PluginOptionSchema, type PluginOptionValues, savePluginOptions } from '../../utils/plugins/pluginOptionsStorage.js';
|
||||
import { PluginOptionsDialog } from './PluginOptionsDialog.js';
|
||||
import * as React from 'react'
|
||||
import type { LoadedPlugin } from '../../types/plugin.js'
|
||||
import { errorMessage } from '../../utils/errors.js'
|
||||
import {
|
||||
loadMcpServerUserConfig,
|
||||
saveMcpServerUserConfig,
|
||||
} from '../../utils/plugins/mcpbHandler.js'
|
||||
import {
|
||||
getUnconfiguredChannels,
|
||||
type UnconfiguredChannel,
|
||||
} from '../../utils/plugins/mcpPluginIntegration.js'
|
||||
import { loadAllPlugins } from '../../utils/plugins/pluginLoader.js'
|
||||
import {
|
||||
getUnconfiguredOptions,
|
||||
loadPluginOptions,
|
||||
type PluginOptionSchema,
|
||||
type PluginOptionValues,
|
||||
savePluginOptions,
|
||||
} from '../../utils/plugins/pluginOptionsStorage.js'
|
||||
import { PluginOptionsDialog } from './PluginOptionsDialog.js'
|
||||
|
||||
/**
|
||||
* Post-install lookup: return the LoadedPlugin for the just-installed
|
||||
@@ -24,12 +36,13 @@ import { PluginOptionsDialog } from './PluginOptionsDialog.js';
|
||||
*
|
||||
* Install should have cleared caches already; loadAllPlugins reads fresh.
|
||||
*/
|
||||
export async function findPluginOptionsTarget(pluginId: string): Promise<LoadedPlugin | undefined> {
|
||||
const {
|
||||
enabled,
|
||||
disabled
|
||||
} = await loadAllPlugins();
|
||||
return [...enabled, ...disabled].find(p => p.repository === pluginId || p.source === pluginId);
|
||||
export async function findPluginOptionsTarget(
|
||||
pluginId: string,
|
||||
): Promise<LoadedPlugin | undefined> {
|
||||
const { enabled, disabled } = await loadAllPlugins()
|
||||
return [...enabled, ...disabled].find(
|
||||
p => p.repository === pluginId || p.source === pluginId,
|
||||
)
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -37,37 +50,39 @@ export async function findPluginOptionsTarget(pluginId: string): Promise<LoadedP
|
||||
* collapse to this shape — the only difference is which save function runs.
|
||||
*/
|
||||
type ConfigStep = {
|
||||
key: string;
|
||||
title: string;
|
||||
subtitle: string;
|
||||
schema: PluginOptionSchema;
|
||||
key: string
|
||||
title: string
|
||||
subtitle: string
|
||||
schema: PluginOptionSchema
|
||||
/** Returns any already-saved values so PluginOptionsDialog can pre-fill and
|
||||
* skip unchanged sensitive fields on reconfigure. */
|
||||
load: () => PluginOptionValues | undefined;
|
||||
save: (values: PluginOptionValues) => void;
|
||||
};
|
||||
load: () => PluginOptionValues | undefined
|
||||
save: (values: PluginOptionValues) => void
|
||||
}
|
||||
|
||||
type Props = {
|
||||
plugin: LoadedPlugin;
|
||||
plugin: LoadedPlugin
|
||||
/** `name@marketplace` — the savePluginOptions / saveMcpServerUserConfig key. */
|
||||
pluginId: string;
|
||||
pluginId: string
|
||||
/**
|
||||
* `configured` = user filled all fields. `skipped` = nothing needed
|
||||
* configuring, or user hit cancel. `error` = save threw.
|
||||
*/
|
||||
onDone: (outcome: 'configured' | 'skipped' | 'error', detail?: string) => void;
|
||||
};
|
||||
onDone: (outcome: 'configured' | 'skipped' | 'error', detail?: string) => void
|
||||
}
|
||||
|
||||
export function PluginOptionsFlow({
|
||||
plugin,
|
||||
pluginId,
|
||||
onDone
|
||||
onDone,
|
||||
}: Props): React.ReactNode {
|
||||
// Build the step list once at mount. Re-calling after a save would drop the
|
||||
// item we just configured.
|
||||
const [steps] = React.useState<ConfigStep[]>(() => {
|
||||
const result: ConfigStep[] = [];
|
||||
const result: ConfigStep[] = []
|
||||
|
||||
// Top-level manifest.userConfig
|
||||
const unconfigured = getUnconfiguredOptions(plugin);
|
||||
const unconfigured = getUnconfiguredOptions(plugin)
|
||||
if (Object.keys(unconfigured).length > 0) {
|
||||
result.push({
|
||||
key: 'top-level',
|
||||
@@ -75,60 +90,83 @@ export function PluginOptionsFlow({
|
||||
subtitle: 'Plugin options',
|
||||
schema: unconfigured,
|
||||
load: () => loadPluginOptions(pluginId),
|
||||
save: values => savePluginOptions(pluginId, values, plugin.manifest.userConfig!)
|
||||
});
|
||||
save: values =>
|
||||
savePluginOptions(pluginId, values, plugin.manifest.userConfig!),
|
||||
})
|
||||
}
|
||||
|
||||
// Per-channel userConfig (assistant-mode channels)
|
||||
const channels: UnconfiguredChannel[] = getUnconfiguredChannels(plugin);
|
||||
const channels: UnconfiguredChannel[] = getUnconfiguredChannels(plugin)
|
||||
for (const channel of channels) {
|
||||
result.push({
|
||||
key: `channel:${channel.server}`,
|
||||
title: `Configure ${channel.displayName}`,
|
||||
subtitle: `Plugin: ${plugin.name}`,
|
||||
schema: channel.configSchema,
|
||||
load: () => loadMcpServerUserConfig(pluginId, channel.server) ?? undefined,
|
||||
save: values_0 => saveMcpServerUserConfig(pluginId, channel.server, values_0, channel.configSchema)
|
||||
});
|
||||
load: () =>
|
||||
loadMcpServerUserConfig(pluginId, channel.server) ?? undefined,
|
||||
save: values =>
|
||||
saveMcpServerUserConfig(
|
||||
pluginId,
|
||||
channel.server,
|
||||
values,
|
||||
channel.configSchema,
|
||||
),
|
||||
})
|
||||
}
|
||||
return result;
|
||||
});
|
||||
const [index, setIndex] = React.useState(0);
|
||||
|
||||
return result
|
||||
})
|
||||
|
||||
const [index, setIndex] = React.useState(0)
|
||||
|
||||
// Latest-ref: lets the effect close over the current onDone without
|
||||
// re-running when the parent re-renders.
|
||||
const onDoneRef = React.useRef(onDone);
|
||||
onDoneRef.current = onDone;
|
||||
const onDoneRef = React.useRef(onDone)
|
||||
onDoneRef.current = onDone
|
||||
|
||||
// Nothing to configure → tell the caller and render nothing. Effect,
|
||||
// not inline call: calling setState in the parent during our render
|
||||
// is a React rules-of-hooks violation.
|
||||
React.useEffect(() => {
|
||||
if (steps.length === 0) {
|
||||
onDoneRef.current('skipped');
|
||||
onDoneRef.current('skipped')
|
||||
}
|
||||
}, [steps.length]);
|
||||
}, [steps.length])
|
||||
|
||||
if (steps.length === 0) {
|
||||
return null;
|
||||
return null
|
||||
}
|
||||
const current = steps[index]!;
|
||||
function handleSave(values_1: PluginOptionValues): void {
|
||||
|
||||
const current = steps[index]!
|
||||
|
||||
function handleSave(values: PluginOptionValues): void {
|
||||
try {
|
||||
current.save(values_1);
|
||||
current.save(values)
|
||||
} catch (err) {
|
||||
onDone('error', errorMessage(err));
|
||||
return;
|
||||
onDone('error', errorMessage(err))
|
||||
return
|
||||
}
|
||||
const next = index + 1;
|
||||
const next = index + 1
|
||||
if (next < steps.length) {
|
||||
setIndex(next);
|
||||
setIndex(next)
|
||||
} else {
|
||||
onDone('configured');
|
||||
onDone('configured')
|
||||
}
|
||||
}
|
||||
|
||||
// key forces a remount when advancing to the next step — React would
|
||||
// otherwise reuse the instance and carry PluginOptionsDialog's
|
||||
// internal useState (field index, typed values) over.
|
||||
return <PluginOptionsDialog key={current.key} title={current.title} subtitle={current.subtitle} configSchema={current.schema} initialValues={current.load()} onSave={handleSave} onCancel={() => onDone('skipped')} />;
|
||||
return (
|
||||
<PluginOptionsDialog
|
||||
key={current.key}
|
||||
title={current.title}
|
||||
subtitle={current.subtitle}
|
||||
configSchema={current.schema}
|
||||
initialValues={current.load()}
|
||||
onSave={handleSave}
|
||||
onCancel={() => onDone('skipped')}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user