mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-23 00:35:51 +00:00
style: 完成所有文件的lint
This commit is contained in:
claude-code-best
@@ -1,140 +1,104 @@
|
||||
import figures from 'figures'
|
||||
import { join } from 'path'
|
||||
import React, {
|
||||
Suspense,
|
||||
use,
|
||||
useCallback,
|
||||
useEffect,
|
||||
useMemo,
|
||||
useState,
|
||||
} from 'react'
|
||||
import { KeybindingWarnings } from 'src/components/KeybindingWarnings.js'
|
||||
import { McpParsingWarnings } from 'src/components/mcp/McpParsingWarnings.js'
|
||||
import { getModelMaxOutputTokens } from 'src/utils/context.js'
|
||||
import { getClaudeConfigHomeDir } from 'src/utils/envUtils.js'
|
||||
import type { SettingSource } from 'src/utils/settings/constants.js'
|
||||
import { getOriginalCwd } from '../bootstrap/state.js'
|
||||
import type { CommandResultDisplay } from '../commands.js'
|
||||
import { Pane } from '@anthropic/ink'
|
||||
import { PressEnterToContinue } from '../components/PressEnterToContinue.js'
|
||||
import { SandboxDoctorSection } from '../components/sandbox/SandboxDoctorSection.js'
|
||||
import { ValidationErrorsList } from '../components/ValidationErrorsList.js'
|
||||
import { useSettingsErrors } from '../hooks/notifs/useSettingsErrors.js'
|
||||
import { useExitOnCtrlCDWithKeybindings } from '../hooks/useExitOnCtrlCDWithKeybindings.js'
|
||||
import { Box, Text } from '@anthropic/ink'
|
||||
import { useKeybindings } from '../keybindings/useKeybinding.js'
|
||||
import { useAppState } from '../state/AppState.js'
|
||||
import { getPluginErrorMessage } from '../types/plugin.js'
|
||||
import {
|
||||
getGcsDistTags,
|
||||
getNpmDistTags,
|
||||
type NpmDistTags,
|
||||
} from '../utils/autoUpdater.js'
|
||||
import {
|
||||
type ContextWarnings,
|
||||
checkContextWarnings,
|
||||
} from '../utils/doctorContextWarnings.js'
|
||||
import {
|
||||
type DiagnosticInfo,
|
||||
getDoctorDiagnostic,
|
||||
} from '../utils/doctorDiagnostic.js'
|
||||
import { validateBoundedIntEnvVar } from '../utils/envValidation.js'
|
||||
import { pathExists } from '../utils/file.js'
|
||||
import figures from 'figures';
|
||||
import { join } from 'path';
|
||||
import React, { Suspense, use, useCallback, useEffect, useMemo, useState } from 'react';
|
||||
import { KeybindingWarnings } from 'src/components/KeybindingWarnings.js';
|
||||
import { McpParsingWarnings } from 'src/components/mcp/McpParsingWarnings.js';
|
||||
import { getModelMaxOutputTokens } from 'src/utils/context.js';
|
||||
import { getClaudeConfigHomeDir } from 'src/utils/envUtils.js';
|
||||
import type { SettingSource } from 'src/utils/settings/constants.js';
|
||||
import { getOriginalCwd } from '../bootstrap/state.js';
|
||||
import type { CommandResultDisplay } from '../commands.js';
|
||||
import { Pane } from '@anthropic/ink';
|
||||
import { PressEnterToContinue } from '../components/PressEnterToContinue.js';
|
||||
import { SandboxDoctorSection } from '../components/sandbox/SandboxDoctorSection.js';
|
||||
import { ValidationErrorsList } from '../components/ValidationErrorsList.js';
|
||||
import { useSettingsErrors } from '../hooks/notifs/useSettingsErrors.js';
|
||||
import { useExitOnCtrlCDWithKeybindings } from '../hooks/useExitOnCtrlCDWithKeybindings.js';
|
||||
import { Box, Text } from '@anthropic/ink';
|
||||
import { useKeybindings } from '../keybindings/useKeybinding.js';
|
||||
import { useAppState } from '../state/AppState.js';
|
||||
import { getPluginErrorMessage } from '../types/plugin.js';
|
||||
import { getGcsDistTags, getNpmDistTags, type NpmDistTags } from '../utils/autoUpdater.js';
|
||||
import { type ContextWarnings, checkContextWarnings } from '../utils/doctorContextWarnings.js';
|
||||
import { type DiagnosticInfo, getDoctorDiagnostic } from '../utils/doctorDiagnostic.js';
|
||||
import { validateBoundedIntEnvVar } from '../utils/envValidation.js';
|
||||
import { pathExists } from '../utils/file.js';
|
||||
import {
|
||||
cleanupStaleLocks,
|
||||
getAllLockInfo,
|
||||
isPidBasedLockingEnabled,
|
||||
type LockInfo,
|
||||
} from '../utils/nativeInstaller/pidLock.js'
|
||||
import { getInitialSettings } from '../utils/settings/settings.js'
|
||||
import {
|
||||
BASH_MAX_OUTPUT_DEFAULT,
|
||||
BASH_MAX_OUTPUT_UPPER_LIMIT,
|
||||
} from '../utils/shell/outputLimits.js'
|
||||
import {
|
||||
TASK_MAX_OUTPUT_DEFAULT,
|
||||
TASK_MAX_OUTPUT_UPPER_LIMIT,
|
||||
} from '../utils/task/outputFormatting.js'
|
||||
import { getXDGStateHome } from '../utils/xdg.js'
|
||||
} from '../utils/nativeInstaller/pidLock.js';
|
||||
import { getInitialSettings } from '../utils/settings/settings.js';
|
||||
import { BASH_MAX_OUTPUT_DEFAULT, BASH_MAX_OUTPUT_UPPER_LIMIT } from '../utils/shell/outputLimits.js';
|
||||
import { TASK_MAX_OUTPUT_DEFAULT, TASK_MAX_OUTPUT_UPPER_LIMIT } from '../utils/task/outputFormatting.js';
|
||||
import { getXDGStateHome } from '../utils/xdg.js';
|
||||
|
||||
type Props = {
|
||||
onDone: (
|
||||
result?: string,
|
||||
options?: { display?: CommandResultDisplay },
|
||||
) => void
|
||||
}
|
||||
onDone: (result?: string, options?: { display?: CommandResultDisplay }) => void;
|
||||
};
|
||||
|
||||
type AgentInfo = {
|
||||
activeAgents: Array<{
|
||||
agentType: string
|
||||
source: SettingSource | 'built-in' | 'plugin'
|
||||
}>
|
||||
userAgentsDir: string
|
||||
projectAgentsDir: string
|
||||
userDirExists: boolean
|
||||
projectDirExists: boolean
|
||||
failedFiles?: Array<{ path: string; error: string }>
|
||||
}
|
||||
agentType: string;
|
||||
source: SettingSource | 'built-in' | 'plugin';
|
||||
}>;
|
||||
userAgentsDir: string;
|
||||
projectAgentsDir: string;
|
||||
userDirExists: boolean;
|
||||
projectDirExists: boolean;
|
||||
failedFiles?: Array<{ path: string; error: string }>;
|
||||
};
|
||||
|
||||
type VersionLockInfo = {
|
||||
enabled: boolean
|
||||
locks: LockInfo[]
|
||||
locksDir: string
|
||||
staleLocksCleaned: number
|
||||
}
|
||||
enabled: boolean;
|
||||
locks: LockInfo[];
|
||||
locksDir: string;
|
||||
staleLocksCleaned: number;
|
||||
};
|
||||
|
||||
function DistTagsDisplay({
|
||||
promise,
|
||||
}: {
|
||||
promise: Promise<NpmDistTags>
|
||||
}): React.ReactNode {
|
||||
const distTags = use(promise)
|
||||
function DistTagsDisplay({ promise }: { promise: Promise<NpmDistTags> }): React.ReactNode {
|
||||
const distTags = use(promise);
|
||||
if (!distTags.latest) {
|
||||
return <Text dimColor>└ Failed to fetch versions</Text>
|
||||
return <Text dimColor>└ Failed to fetch versions</Text>;
|
||||
}
|
||||
return (
|
||||
<>
|
||||
{distTags.stable && <Text>└ Stable version: {distTags.stable}</Text>}
|
||||
<Text>└ Latest version: {distTags.latest}</Text>
|
||||
</>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
const agentDefinitions = useAppState(s => s.agentDefinitions)
|
||||
const mcpTools = useAppState(s => s.mcp.tools)
|
||||
const toolPermissionContext = useAppState(s => s.toolPermissionContext)
|
||||
const pluginsErrors = useAppState(s => s.plugins.errors)
|
||||
useExitOnCtrlCDWithKeybindings()
|
||||
const agentDefinitions = useAppState(s => s.agentDefinitions);
|
||||
const mcpTools = useAppState(s => s.mcp.tools);
|
||||
const toolPermissionContext = useAppState(s => s.toolPermissionContext);
|
||||
const pluginsErrors = useAppState(s => s.plugins.errors);
|
||||
useExitOnCtrlCDWithKeybindings();
|
||||
|
||||
const tools = useMemo(() => {
|
||||
return mcpTools || []
|
||||
}, [mcpTools])
|
||||
return mcpTools || [];
|
||||
}, [mcpTools]);
|
||||
|
||||
const [diagnostic, setDiagnostic] = useState<DiagnosticInfo | null>(null)
|
||||
const [agentInfo, setAgentInfo] = useState<AgentInfo | null>(null)
|
||||
const [contextWarnings, setContextWarnings] =
|
||||
useState<ContextWarnings | null>(null)
|
||||
const [versionLockInfo, setVersionLockInfo] =
|
||||
useState<VersionLockInfo | null>(null)
|
||||
const validationErrors = useSettingsErrors()
|
||||
const [diagnostic, setDiagnostic] = useState<DiagnosticInfo | null>(null);
|
||||
const [agentInfo, setAgentInfo] = useState<AgentInfo | null>(null);
|
||||
const [contextWarnings, setContextWarnings] = useState<ContextWarnings | null>(null);
|
||||
const [versionLockInfo, setVersionLockInfo] = useState<VersionLockInfo | null>(null);
|
||||
const validationErrors = useSettingsErrors();
|
||||
|
||||
// Create promise once for dist-tags fetch (depends on diagnostic)
|
||||
const distTagsPromise = useMemo(
|
||||
() =>
|
||||
getDoctorDiagnostic().then(diag => {
|
||||
const fetchDistTags =
|
||||
diag.installationType === 'native' ? getGcsDistTags : getNpmDistTags
|
||||
return fetchDistTags().catch(() => ({ latest: null, stable: null }))
|
||||
const fetchDistTags = diag.installationType === 'native' ? getGcsDistTags : getNpmDistTags;
|
||||
return fetchDistTags().catch(() => ({ latest: null, stable: null }));
|
||||
}),
|
||||
[],
|
||||
)
|
||||
const autoUpdatesChannel =
|
||||
getInitialSettings()?.autoUpdatesChannel ?? 'latest'
|
||||
);
|
||||
const autoUpdatesChannel = getInitialSettings()?.autoUpdatesChannel ?? 'latest';
|
||||
|
||||
const errorsExcludingMcp = validationErrors.filter(
|
||||
error => error.mcpErrorMetadata === undefined,
|
||||
)
|
||||
const errorsExcludingMcp = validationErrors.filter(error => error.mcpErrorMetadata === undefined);
|
||||
|
||||
const envValidationErrors = useMemo(() => {
|
||||
const envVars = [
|
||||
@@ -153,34 +117,29 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
// Check for values against the latest supported model
|
||||
...getModelMaxOutputTokens('claude-opus-4-7'),
|
||||
},
|
||||
]
|
||||
];
|
||||
return envVars
|
||||
.map(v => {
|
||||
const value = process.env[v.name]
|
||||
const result = validateBoundedIntEnvVar(
|
||||
v.name,
|
||||
value,
|
||||
v.default,
|
||||
v.upperLimit,
|
||||
)
|
||||
return { name: v.name, ...result }
|
||||
const value = process.env[v.name];
|
||||
const result = validateBoundedIntEnvVar(v.name, value, v.default, v.upperLimit);
|
||||
return { name: v.name, ...result };
|
||||
})
|
||||
.filter(v => v.status !== 'valid')
|
||||
}, [])
|
||||
.filter(v => v.status !== 'valid');
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
void getDoctorDiagnostic().then(setDiagnostic)
|
||||
void getDoctorDiagnostic().then(setDiagnostic);
|
||||
|
||||
void (async () => {
|
||||
const userAgentsDir = join(getClaudeConfigHomeDir(), 'agents')
|
||||
const projectAgentsDir = join(getOriginalCwd(), '.claude', 'agents')
|
||||
const userAgentsDir = join(getClaudeConfigHomeDir(), 'agents');
|
||||
const projectAgentsDir = join(getOriginalCwd(), '.claude', 'agents');
|
||||
|
||||
const { activeAgents, allAgents, failedFiles } = agentDefinitions
|
||||
const { activeAgents, allAgents, failedFiles } = agentDefinitions;
|
||||
|
||||
const [userDirExists, projectDirExists] = await Promise.all([
|
||||
pathExists(userAgentsDir),
|
||||
pathExists(projectAgentsDir),
|
||||
])
|
||||
]);
|
||||
|
||||
const agentInfoData = {
|
||||
activeAgents: activeAgents.map(a => ({
|
||||
@@ -192,8 +151,8 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
userDirExists,
|
||||
projectDirExists,
|
||||
failedFiles,
|
||||
}
|
||||
setAgentInfo(agentInfoData)
|
||||
};
|
||||
setAgentInfo(agentInfoData);
|
||||
|
||||
const warnings = await checkContextWarnings(
|
||||
tools,
|
||||
@@ -203,34 +162,34 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
failedFiles,
|
||||
},
|
||||
async () => toolPermissionContext,
|
||||
)
|
||||
setContextWarnings(warnings)
|
||||
);
|
||||
setContextWarnings(warnings);
|
||||
|
||||
// Fetch version lock info if PID-based locking is enabled
|
||||
if (isPidBasedLockingEnabled()) {
|
||||
const locksDir = join(getXDGStateHome(), 'claude', 'locks')
|
||||
const staleLocksCleaned = cleanupStaleLocks(locksDir)
|
||||
const locks = getAllLockInfo(locksDir)
|
||||
const locksDir = join(getXDGStateHome(), 'claude', 'locks');
|
||||
const staleLocksCleaned = cleanupStaleLocks(locksDir);
|
||||
const locks = getAllLockInfo(locksDir);
|
||||
setVersionLockInfo({
|
||||
enabled: true,
|
||||
locks,
|
||||
locksDir,
|
||||
staleLocksCleaned,
|
||||
})
|
||||
});
|
||||
} else {
|
||||
setVersionLockInfo({
|
||||
enabled: false,
|
||||
locks: [],
|
||||
locksDir: '',
|
||||
staleLocksCleaned: 0,
|
||||
})
|
||||
});
|
||||
}
|
||||
})()
|
||||
}, [toolPermissionContext, tools, agentDefinitions])
|
||||
})();
|
||||
}, [toolPermissionContext, tools, agentDefinitions]);
|
||||
|
||||
const handleDismiss = useCallback(() => {
|
||||
onDone('Claude Code diagnostics dismissed', { display: 'system' })
|
||||
}, [onDone])
|
||||
onDone('Claude Code diagnostics dismissed', { display: 'system' });
|
||||
}, [onDone]);
|
||||
|
||||
// Handle dismiss via keybindings (Enter, Escape, or Ctrl+C)
|
||||
useKeybindings(
|
||||
@@ -239,7 +198,7 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
'confirm:no': handleDismiss,
|
||||
},
|
||||
{ context: 'Confirmation' },
|
||||
)
|
||||
);
|
||||
|
||||
// Loading state
|
||||
if (!diagnostic) {
|
||||
@@ -247,7 +206,7 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
<Pane>
|
||||
<Text dimColor>Checking installation status…</Text>
|
||||
</Pane>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
// Format the diagnostic output according to spec
|
||||
@@ -256,12 +215,9 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
<Box flexDirection="column">
|
||||
<Text bold>Diagnostics</Text>
|
||||
<Text>
|
||||
└ Currently running: {diagnostic.installationType} (
|
||||
{diagnostic.version})
|
||||
└ Currently running: {diagnostic.installationType} ({diagnostic.version})
|
||||
</Text>
|
||||
{diagnostic.packageManager && (
|
||||
<Text>└ Package manager: {diagnostic.packageManager}</Text>
|
||||
)}
|
||||
{diagnostic.packageManager && <Text>└ Package manager: {diagnostic.packageManager}</Text>}
|
||||
<Text>└ Path: {diagnostic.installationPath}</Text>
|
||||
<Text>└ Invoked: {diagnostic.invokedBinary}</Text>
|
||||
<Text>└ Config install method: {diagnostic.configInstallMethod}</Text>
|
||||
@@ -279,9 +235,7 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
{diagnostic.recommendation && (
|
||||
<>
|
||||
<Text></Text>
|
||||
<Text color="warning">
|
||||
Recommendation: {diagnostic.recommendation.split('\n')[0]}
|
||||
</Text>
|
||||
<Text color="warning">Recommendation: {diagnostic.recommendation.split('\n')[0]}</Text>
|
||||
<Text dimColor>{diagnostic.recommendation.split('\n')[1]}</Text>
|
||||
</>
|
||||
)}
|
||||
@@ -324,17 +278,9 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
{/* Updates section */}
|
||||
<Box flexDirection="column">
|
||||
<Text bold>Updates</Text>
|
||||
<Text>
|
||||
└ Auto-updates:{' '}
|
||||
{diagnostic.packageManager
|
||||
? 'Managed by package manager'
|
||||
: diagnostic.autoUpdates}
|
||||
</Text>
|
||||
<Text>└ Auto-updates: {diagnostic.packageManager ? 'Managed by package manager' : diagnostic.autoUpdates}</Text>
|
||||
{diagnostic.hasUpdatePermissions !== null && (
|
||||
<Text>
|
||||
└ Update permissions:{' '}
|
||||
{diagnostic.hasUpdatePermissions ? 'Yes' : 'No (requires sudo)'}
|
||||
</Text>
|
||||
<Text>└ Update permissions: {diagnostic.hasUpdatePermissions ? 'Yes' : 'No (requires sudo)'}</Text>
|
||||
)}
|
||||
<Text>└ Auto-update channel: {autoUpdatesChannel}</Text>
|
||||
<Suspense fallback={null}>
|
||||
@@ -355,11 +301,7 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
{envValidationErrors.map((validation, i) => (
|
||||
<Text key={i}>
|
||||
└ {validation.name}:{' '}
|
||||
<Text
|
||||
color={validation.status === 'capped' ? 'warning' : 'error'}
|
||||
>
|
||||
{validation.message}
|
||||
</Text>
|
||||
<Text color={validation.status === 'capped' ? 'warning' : 'error'}>{validation.message}</Text>
|
||||
</Text>
|
||||
))}
|
||||
</Box>
|
||||
@@ -370,9 +312,7 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
<Box flexDirection="column">
|
||||
<Text bold>Version Locks</Text>
|
||||
{versionLockInfo.staleLocksCleaned > 0 && (
|
||||
<Text dimColor>
|
||||
└ Cleaned {versionLockInfo.staleLocksCleaned} stale lock(s)
|
||||
</Text>
|
||||
<Text dimColor>└ Cleaned {versionLockInfo.staleLocksCleaned} stale lock(s)</Text>
|
||||
)}
|
||||
{versionLockInfo.locks.length === 0 ? (
|
||||
<Text dimColor>└ No active version locks</Text>
|
||||
@@ -380,11 +320,7 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
versionLockInfo.locks.map((lock, i) => (
|
||||
<Text key={i}>
|
||||
└ {lock.version}: PID {lock.pid}{' '}
|
||||
{lock.isProcessRunning ? (
|
||||
<Text>(running)</Text>
|
||||
) : (
|
||||
<Text color="warning">(stale)</Text>
|
||||
)}
|
||||
{lock.isProcessRunning ? <Text>(running)</Text> : <Text color="warning">(stale)</Text>}
|
||||
</Text>
|
||||
))
|
||||
)}
|
||||
@@ -396,9 +332,7 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
<Text bold color="error">
|
||||
Agent Parse Errors
|
||||
</Text>
|
||||
<Text color="error">
|
||||
└ Failed to parse {agentInfo.failedFiles.length} agent file(s):
|
||||
</Text>
|
||||
<Text color="error">└ Failed to parse {agentInfo.failedFiles.length} agent file(s):</Text>
|
||||
{agentInfo.failedFiles.map((file, i) => (
|
||||
<Text key={i} dimColor>
|
||||
{' '}└ {file.path}: {file.error}
|
||||
@@ -413,14 +347,11 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
<Text bold color="error">
|
||||
Plugin Errors
|
||||
</Text>
|
||||
<Text color="error">
|
||||
└ {pluginsErrors.length} plugin error(s) detected:
|
||||
</Text>
|
||||
<Text color="error">└ {pluginsErrors.length} plugin error(s) detected:</Text>
|
||||
{pluginsErrors.map((error, i) => (
|
||||
<Text key={i} dimColor>
|
||||
{' '}└ {error.source || 'unknown'}
|
||||
{'plugin' in error && error.plugin ? ` [${error.plugin}]` : ''}:{' '}
|
||||
{getPluginErrorMessage(error)}
|
||||
{'plugin' in error && error.plugin ? ` [${error.plugin}]` : ''}: {getPluginErrorMessage(error)}
|
||||
</Text>
|
||||
))}
|
||||
</Box>
|
||||
@@ -435,8 +366,7 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
<Text>
|
||||
└{' '}
|
||||
<Text color="warning">
|
||||
{figures.warning}{' '}
|
||||
{contextWarnings.unreachableRulesWarning.message}
|
||||
{figures.warning} {contextWarnings.unreachableRulesWarning.message}
|
||||
</Text>
|
||||
</Text>
|
||||
{contextWarnings.unreachableRulesWarning.details.map((detail, i) => (
|
||||
@@ -449,9 +379,7 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
|
||||
{/* Context Usage Warnings */}
|
||||
{contextWarnings &&
|
||||
(contextWarnings.claudeMdWarning ||
|
||||
contextWarnings.agentWarning ||
|
||||
contextWarnings.mcpWarning) && (
|
||||
(contextWarnings.claudeMdWarning || contextWarnings.agentWarning || contextWarnings.mcpWarning) && (
|
||||
<Box flexDirection="column">
|
||||
<Text bold>Context Usage Warnings</Text>
|
||||
|
||||
@@ -512,5 +440,5 @@ export function Doctor({ onDone }: Props): React.ReactNode {
|
||||
<PressEnterToContinue />
|
||||
</Box>
|
||||
</Pane>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user