This commit completes stage 4 of the refactoring plan, focusing on cleanup and optimization of the modernized codebase. ## Key Changes ### Code Cleanup - Remove legacy `src/lib/styles.ts` (no longer needed) - Remove old modal components (`ImportProgressModal.tsx`, `ProviderList.tsx`) - Streamline `src/lib/tauri-api.ts` from 712 lines to 17 lines (-97.6%) - Remove global `window.api` pollution - Keep only event listeners (`tauriEvents.onProviderSwitched`) - All API calls now use modular `@/lib/api/*` layer ### Type System - Clean up `src/vite-env.d.ts` (remove 156 lines of outdated types) - Remove obsolete global type declarations - All TypeScript checks pass with zero errors ### Code Formatting - Format all source files with Prettier (82 files) - Fix formatting issues in 15 files: - App.tsx and core components - MCP management components - Settings module components - Provider management components - UI components ### Documentation Updates - Update `REFACTORING_CHECKLIST.md` with stage 4 progress - Mark completed tasks in `REFACTORING_MASTER_PLAN.md` ## Impact **Code Reduction:** - Total: -1,753 lines, +384 lines (net -1,369 lines) - tauri-api.ts: 712 → 17 lines (-97.6%) - Removed styles.ts: -82 lines - Removed vite-env.d.ts declarations: -156 lines **Quality Improvements:** - ✅ Zero TypeScript errors - ✅ Zero TODO/FIXME comments - ✅ 100% Prettier compliant - ✅ Zero `window.api` references - ✅ Fully modular API layer ## Testing - [x] TypeScript compilation passes - [x] Code formatting validated - [x] No linting errors Stage 4 completion: 100% Ready for stage 5 (testing and bug fixes)
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import React from "react";
|
||
import ReactDOM from "react-dom/client";
|
||
import App from "./App";
|
||
import { UpdateProvider } from "./contexts/UpdateContext";
|
||
import "./index.css";
|
||
// 导入国际化配置
|
||
import "./i18n";
|
||
import { QueryClientProvider } from "@tanstack/react-query";
|
||
import { ThemeProvider } from "@/components/theme-provider";
|
||
import { queryClient } from "@/lib/query";
|
||
import { Toaster } from "@/components/ui/sonner";
|
||
|
||
// 根据平台添加 body class,便于平台特定样式
|
||
try {
|
||
const ua = navigator.userAgent || "";
|
||
const plat = (navigator.platform || "").toLowerCase();
|
||
const isMac = /mac/i.test(ua) || plat.includes("mac");
|
||
if (isMac) {
|
||
document.body.classList.add("is-mac");
|
||
}
|
||
} catch {
|
||
// 忽略平台检测失败
|
||
}
|
||
|
||
ReactDOM.createRoot(document.getElementById("root")!).render(
|
||
<React.StrictMode>
|
||
<QueryClientProvider client={queryClient}>
|
||
<ThemeProvider defaultTheme="system" storageKey="cc-switch-theme">
|
||
<UpdateProvider>
|
||
<App />
|
||
<Toaster />
|
||
</UpdateProvider>
|
||
</ThemeProvider>
|
||
</QueryClientProvider>
|
||
</React.StrictMode>,
|
||
);
|