{
+ return {
+ hasError: true,
+ error,
+ };
+ }
+
+ componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
+ // 记录错误到日志系统
+ logger.error(
+ LogCategory.CONSOLE_ERROR,
+ `React组件错误: ${error.message}`,
+ {
+ error: error.toString(),
+ componentStack: errorInfo.componentStack,
+ },
+ error.stack
+ );
+
+ this.setState({
+ errorInfo,
+ });
+
+ // 调用自定义错误处理
+ this.props.onError?.(error, errorInfo);
+ }
+
+ handleReset = () => {
+ this.setState({
+ hasError: false,
+ error: null,
+ errorInfo: null,
+ });
+ };
+
+ handleReload = () => {
+ window.location.reload();
+ };
+
+ handleGoHome = () => {
+ window.location.href = '/';
+ };
+
+ render() {
+ if (this.state.hasError) {
+ // 如果提供了自定义fallback，使用它
+ if (this.props.fallback) {
+ return this.props.fallback;
+ }
+
+ // 默认错误UI
+ return (
+
+
+
+
+ {this.state.error && (
+
+
+
+ {this.state.error.message}
+
+
+
+ {import.meta.env.DEV && this.state.error.stack && (
+
+
+ 查看错误堆栈
+
+
+ {this.state.error.stack}
+
+
+ )}
+
+ {import.meta.env.DEV && this.state.errorInfo?.componentStack && (
+
+
+ 查看组件堆栈
+
+
+ {this.state.errorInfo.componentStack}
+
+
+ )}
+
+ )}
+
+
+
+
+
+
+
+
+ 错误已被记录，我们会尽快修复
+
+
+
(
+ Component: React.ComponentType
,
+ fallback?: ReactNode
+) {
+ return function WithErrorBoundaryComponent(props: P) {
+ return (
+
+
+
+ );
+ };
+}
diff --git a/src/components/debug/LogViewer.tsx b/src/components/debug/LogViewer.tsx
new file mode 100644
index 0000000..4596495
--- /dev/null
+++ b/src/components/debug/LogViewer.tsx
@@ -0,0 +1,269 @@
+/**
+ * 日志查看器组件
+ */
+
+import { useState, useMemo } from 'react';
+import { logger, LogLevel, LogCategory, LogEntry } from '@/shared/utils/logger';
+import { useLogs, useLogStats } from '@/shared/hooks/useLogger';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Badge } from '@/components/ui/badge';
+import { Trash2, Search, RefreshCw, FileJson, FileSpreadsheet } from 'lucide-react';
+import { toast } from 'sonner';
+
+export function LogViewer() {
+ const [levelFilter, setLevelFilter] = useState('ALL');
+ const [categoryFilter, setCategoryFilter] = useState('ALL');
+ const [searchQuery, setSearchQuery] = useState('');
+ const [selectedLog, setSelectedLog] = useState(null);
+
+ const filter = useMemo(() => ({
+ level: levelFilter !== 'ALL' ? levelFilter : undefined,
+ category: categoryFilter !== 'ALL' ? categoryFilter : undefined,
+ search: searchQuery || undefined,
+ }), [levelFilter, categoryFilter, searchQuery]);
+
+ const rawLogs = useLogs(filter);
+ // 反转日志顺序，最新的在最上面
+ const logs = useMemo(() => [...rawLogs].reverse(), [rawLogs]);
+ const stats = useLogStats();
+
+ const handleClearLogs = () => {
+ if (confirm('确定要清空所有日志吗？')) {
+ logger.clearLogs();
+ toast.success('日志已清空');
+ }
+ };
+
+ const handleDownloadJson = () => {
+ logger.downloadLogs('json');
+ toast.success('日志已导出为JSON');
+ };
+
+ const handleDownloadCsv = () => {
+ logger.downloadLogs('csv');
+ toast.success('日志已导出为CSV');
+ };
+
+ const getLevelColor = (level: LogLevel) => {
+ const colors = {
+ [LogLevel.DEBUG]: 'bg-gray-500',
+ [LogLevel.INFO]: 'bg-blue-500',
+ [LogLevel.WARN]: 'bg-yellow-500',
+ [LogLevel.ERROR]: 'bg-red-500',
+ [LogLevel.FATAL]: 'bg-red-900',
+ };
+ return colors[level];
+ };
+
+ const getCategoryColor = (category: LogCategory) => {
+ const colors = {
+ [LogCategory.USER_ACTION]: 'bg-green-500',
+ [LogCategory.API_CALL]: 'bg-purple-500',
+ [LogCategory.SYSTEM]: 'bg-blue-500',
+ [LogCategory.CONSOLE_ERROR]: 'bg-red-500',
+ };
+ return colors[category];
+ };
+
+ return (
+
+ {/* 统计信息 */}
+
+
+
+
+
+
最新日志
+
+ {logs.length > 0 ? new Date(logs[logs.length - 1].timestamp).toLocaleTimeString() : '-'}
+
+
+
+
+ {/* 工具栏 */}
+
+
+
+ setSearchQuery(e.target.value)}
+ className="pl-8"
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* 日志列表 */}
+
+
+
+
+ {logs.length === 0 ? (
+
+ 没有找到日志
+
+ ) : (
+ logs.map((log) => (
+
+
+
+
+ {log.level}
+
+
+ {log.category}
+
+
+ {new Date(log.timestamp).toLocaleString()}
+
+
+
+
+
{log.message}
+
+ ))
+ )}
+
+
+
+
+ {/* 日志详情 */}
+ {selectedLog && (
+
+
+
日志详情
+
+
+
+
+
+
ID
+
{selectedLog.id}
+
+
+
时间
+
{new Date(selectedLog.timestamp).toLocaleString()}
+
+
+
级别
+
+ {selectedLog.level}
+
+
+
+
分类
+
+ {selectedLog.category}
+
+
+
+
消息
+
+ {selectedLog.message}
+
+
+ {selectedLog.data && (
+
+
数据
+
+ {JSON.stringify(selectedLog.data, null, 2)}
+
+
+ )}
+ {selectedLog.stack && (
+
+
堆栈跟踪
+
+ {selectedLog.stack}
+
+
+ )}
+ {selectedLog.url && (
+
+
URL
+
{selectedLog.url}
+
+ )}
+ {selectedLog.userAgent && (
+
+
User Agent
+
{selectedLog.userAgent}
+
+ )}
+
+
+
+ )}
+
+
-
💡 使用 API 中转站？在这里填入中转站地址
+
💡 使用 API 中转站？在这里填入中转站地址。配置保存后会在实际使用时自动验证。
查看常见 API 中转示例
diff --git a/src/features/projects/services/repoScan.ts b/src/features/projects/services/repoScan.ts
index 5dde9fc..9a12858 100644
--- a/src/features/projects/services/repoScan.ts
+++ b/src/features/projects/services/repoScan.ts
@@ -75,6 +75,17 @@ export async function runRepositoryAudit(params: {
console.log(`🚀 ${repoType}任务已创建: ${taskId}，准备启动后台扫描...`);
+ // 记录审计任务开始
+ import('@/shared/utils/logger').then(({ logger, LogCategory }) => {
+ logger.info(LogCategory.SYSTEM, `开始审计任务: ${taskId}`, {
+ taskId,
+ projectId: params.projectId,
+ repoUrl: params.repoUrl,
+ branch,
+ repoType,
+ });
+ });
+
// 启动后台审计任务，不阻塞返回
(async () => {
console.log(`🎬 后台扫描任务开始执行: ${taskId}`);
@@ -283,10 +294,29 @@ export async function runRepositoryAudit(params: {
completed_at: new Date().toISOString()
} as any);
+ // 记录审计完成
+ import('@/shared/utils/logger').then(({ logger, LogCategory }) => {
+ logger.info(LogCategory.SYSTEM, `审计任务完成: ${taskId}`, {
+ taskId,
+ totalFiles: files.length,
+ scannedFiles: totalFiles,
+ totalLines,
+ issuesCount: createdIssues,
+ qualityScore,
+ failedCount,
+ });
+ });
+
taskControl.cleanupTask(taskId);
} catch (e) {
console.error('❌ GitHub审计任务执行失败:', e);
console.error('错误详情:', e);
+
+ // 记录审计失败
+ import('@/shared/utils/errorHandler').then(({ handleError }) => {
+ handleError(e, `审计任务失败: ${taskId}`);
+ });
+
try {
await api.updateAuditTask(taskId, { status: "failed" } as any);
} catch (updateError) {
diff --git a/src/features/projects/services/repoZipScan.ts b/src/features/projects/services/repoZipScan.ts
index baf8dbd..9710ef9 100644
--- a/src/features/projects/services/repoZipScan.ts
+++ b/src/features/projects/services/repoZipScan.ts
@@ -139,6 +139,16 @@ export async function scanZipFile(params: {
console.log(`🚀 ZIP任务已创建: ${taskId}，准备启动后台扫描...`);
+ // 记录审计任务开始
+ import('@/shared/utils/logger').then(({ logger, LogCategory }) => {
+ logger.info(LogCategory.SYSTEM, `开始ZIP文件审计: ${taskId}`, {
+ taskId,
+ projectId,
+ fileName: zipFile.name,
+ fileSize: zipFile.size,
+ });
+ });
+
// 启动后台扫描任务，不阻塞返回
(async () => {
console.log(`🎬 后台扫描任务开始执行: ${taskId}`);
@@ -344,9 +354,30 @@ export async function scanZipFile(params: {
completed_at: new Date().toISOString()
} as any);
+ // 记录审计完成
+ import('@/shared/utils/logger').then(({ logger, LogCategory }) => {
+ logger.info(LogCategory.SYSTEM, `ZIP审计任务完成: ${taskId}`, {
+ taskId,
+ status: taskStatus,
+ totalFiles,
+ scannedFiles,
+ failedFiles,
+ totalLines,
+ issuesCount: totalIssues,
+ qualityScore: avgQualityScore,
+ successRate: successRate.toFixed(1) + '%',
+ });
+ });
+
resolve();
} catch (processingError) {
await api.updateAuditTask(taskId, { status: "failed" } as any);
+
+ // 记录处理错误
+ import('@/shared/utils/errorHandler').then(({ handleError }) => {
+ handleError(processingError, `ZIP审计任务处理失败: ${taskId}`);
+ });
+
reject(processingError);
}
});
diff --git a/src/pages/InstantAnalysis.tsx b/src/pages/InstantAnalysis.tsx
index 9b4618e..0810cc4 100644
--- a/src/pages/InstantAnalysis.tsx
+++ b/src/pages/InstantAnalysis.tsx
@@ -281,7 +281,7 @@ public class Example {
// 构造临时任务和问题数据用于导出
const getTempTaskAndIssues = () => {
if (!result) return null;
-
+
const tempTask: AuditTask = {
id: 'instant-' + Date.now(),
project_id: 'instant-analysis',
@@ -313,7 +313,7 @@ public class Example {
updated_at: new Date().toISOString()
}
};
-
+
const tempIssues: AuditIssue[] = result.issues.map((issue, index) => ({
id: `instant-issue-${index}`,
task_id: tempTask.id,
@@ -332,7 +332,7 @@ public class Example {
resolved_at: undefined,
created_at: new Date().toISOString()
}));
-
+
return { task: tempTask, issues: tempIssues };
};
@@ -618,10 +618,10 @@ public class Example {
{language.charAt(0).toUpperCase() + language.slice(1)}
-
+
{/* 导出按钮 */}
-