mirror of
https://github.com/farion1231/cc-switch.git
synced 2026-07-24 12:44:18 +08:00
f3e7412a14
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)
80 lines
2.2 KiB
TypeScript
80 lines
2.2 KiB
TypeScript
import { useQuery, type UseQueryResult } from "@tanstack/react-query";
|
|
import { providersApi, settingsApi, type AppType } from "@/lib/api";
|
|
import type { Provider, Settings } from "@/types";
|
|
|
|
const sortProviders = (
|
|
providers: Record<string, Provider>,
|
|
): Record<string, Provider> => {
|
|
const sortedEntries = Object.values(providers)
|
|
.sort((a, b) => {
|
|
const indexA = a.sortIndex ?? Number.MAX_SAFE_INTEGER;
|
|
const indexB = b.sortIndex ?? Number.MAX_SAFE_INTEGER;
|
|
if (indexA !== indexB) {
|
|
return indexA - indexB;
|
|
}
|
|
|
|
const timeA = a.createdAt ?? 0;
|
|
const timeB = b.createdAt ?? 0;
|
|
if (timeA === timeB) {
|
|
return a.name.localeCompare(b.name, "zh-CN");
|
|
}
|
|
return timeA - timeB;
|
|
})
|
|
.map((provider) => [provider.id, provider] as const);
|
|
|
|
return Object.fromEntries(sortedEntries);
|
|
};
|
|
|
|
export interface ProvidersQueryData {
|
|
providers: Record<string, Provider>;
|
|
currentProviderId: string;
|
|
}
|
|
|
|
export const useProvidersQuery = (
|
|
appType: AppType,
|
|
): UseQueryResult<ProvidersQueryData> => {
|
|
return useQuery({
|
|
queryKey: ["providers", appType],
|
|
queryFn: async () => {
|
|
let providers: Record<string, Provider> = {};
|
|
let currentProviderId = "";
|
|
|
|
try {
|
|
providers = await providersApi.getAll(appType);
|
|
} catch (error) {
|
|
console.error("获取供应商列表失败:", error);
|
|
}
|
|
|
|
try {
|
|
currentProviderId = await providersApi.getCurrent(appType);
|
|
} catch (error) {
|
|
console.error("获取当前供应商失败:", error);
|
|
}
|
|
|
|
if (Object.keys(providers).length === 0) {
|
|
try {
|
|
const success = await providersApi.importDefault(appType);
|
|
if (success) {
|
|
providers = await providersApi.getAll(appType);
|
|
currentProviderId = await providersApi.getCurrent(appType);
|
|
}
|
|
} catch (error) {
|
|
console.error("导入默认配置失败:", error);
|
|
}
|
|
}
|
|
|
|
return {
|
|
providers: sortProviders(providers),
|
|
currentProviderId,
|
|
};
|
|
},
|
|
});
|
|
};
|
|
|
|
export const useSettingsQuery = (): UseQueryResult<Settings> => {
|
|
return useQuery({
|
|
queryKey: ["settings"],
|
|
queryFn: async () => settingsApi.get(),
|
|
});
|
|
};
|