refactor: invock mihomo api by use tauri-plugin-mihomo (#4926)

* feat: add tauri-plugin-mihomo

* refactor: invock mihomo api by use tauri-plugin-mihomo

* chore: todo

* chore: update

* chore: update

* chore: update

* chore: update

* fix: incorrect delay status and update pretty config

* chore: update

* chore: remove cache

* chore: update

* chore: update

* fix: app freezed when change group proxy

* chore: update

* chore: update

* chore: add rustfmt.toml to tauri-plugin-mihomo

* chore: happy clippy

* refactor: connect mihomo websocket

* chore: update

* chore: update

* fix: parse bigint to number

* chore: update

* Revert "fix: parse bigint to number"

This reverts commit 74c006522e23aa52cf8979a8fb47d2b1ae0bb043.

* chore: use number instead of bigint

* chore: cleanup

* fix: rule data not refresh when switch profile

* chore: update

* chore: cleanup

* chore: update

* fix: traffic graph data display

* feat: add ipc connection pool

* chore: update

* chore: clippy

* fix: incorrect delay status

* fix: typo

* fix: empty proxies tray menu

* chore: clippy

* chore: import tauri-plugin-mihomo by using git repo

* chore: cleanup

* fix: mihomo api

* fix: incorrect delay status

* chore: update tauri-plugin-mihomo dep

chore: update

src/services/cmds.ts

@@ -1,4 +1,6 @@
 import { invoke } from "@tauri-apps/api/core";
+import dayjs from "dayjs";
+import { getProxies, getProxyProviders } from "tauri-plugin-mihomo-api";
 
 import { showNotice } from "@/services/noticeService";
 
@@ -107,64 +109,11 @@ export async function patchClashMode(payload: string) {
   return invoke<void>("patch_clash_mode", { payload });
 }
 
-// New IPC-based API functions to replace HTTP API calls
-export async function getVersion() {
-  return invoke<{
-    premium: boolean;
-    meta?: boolean;
-    version: string;
-  }>("get_clash_version");
-}
-
-export async function getClashConfig() {
-  return invoke<IConfigData>("get_clash_config");
-}
-
-export async function forceRefreshClashConfig() {
-  return invoke<IConfigData>("force_refresh_clash_config");
-}
-
-export async function updateGeoData() {
-  return invoke<void>("update_geo_data");
-}
-
-export async function upgradeCore() {
-  return invoke<void>("upgrade_clash_core");
-}
-
-export async function getRules() {
-  const response = await invoke<{ rules: IRuleItem[] }>("get_clash_rules");
-  return response?.rules || [];
-}
-
-export async function getProxyDelay(
-  name: string,
-  url?: string,
-  timeout?: number,
-) {
-  return invoke<{ delay: number }>("clash_api_get_proxy_delay", {
-    name,
-    url,
-    timeout: timeout || 10000,
-  });
-}
-
-export async function updateProxy(group: string, proxy: string) {
-  // const start = Date.now();
-  await invoke<void>("update_proxy_choice", { group, proxy });
-  // const duration = Date.now() - start;
-  // console.log(`[API] updateProxy 耗时: ${duration}ms`);
-}
-
 export async function syncTrayProxySelection() {
   return invoke<void>("sync_tray_proxy_selection");
 }
 
-export async function updateProxyAndSync(group: string, proxy: string) {
-  return invoke<void>("update_proxy_and_sync", { group, proxy });
-}
-
-export async function getProxies(): Promise<{
+export async function calcuProxies(): Promise<{
   global: IProxyGroupItem;
   direct: IProxyItem;
   groups: IProxyGroupItem[];
@@ -172,19 +121,17 @@ export async function getProxies(): Promise<{
   proxies: IProxyItem[];
 }> {
   const [proxyResponse, providerResponse] = await Promise.all([
-    invoke<{ proxies: Record<string, IProxyItem> }>("get_proxies"),
-    invoke<{ providers: Record<string, IProxyProviderItem> }>(
-      "get_providers_proxies",
-    ),
+    getProxies(),
+    calcuProxyProviders(),
   ]);
 
   const proxyRecord = proxyResponse.proxies;
-  const providerRecord = providerResponse.providers || {};
+  const providerRecord = providerResponse;
 
   // provider name map
   const providerMap = Object.fromEntries(
     Object.entries(providerRecord).flatMap(([provider, item]) =>
-      item.proxies.map((p) => [p.name, { ...p, provider }]),
+      item!.proxies.map((p) => [p.name, { ...p, provider }]),
     ),
   );
 
@@ -209,7 +156,7 @@ export async function getProxies(): Promise<{
   let groups: IProxyGroupItem[] = Object.values(proxyRecord).reduce<
     IProxyGroupItem[]
   >((acc, each) => {
-    if (each.name !== "GLOBAL" && each.all) {
+    if (each?.name !== "GLOBAL" && each?.all) {
       acc.push({
         ...each,
         all: each.all!.map((item) => generateItem(item)),
@@ -242,209 +189,57 @@ export async function getProxies(): Promise<{
 
   const proxies = [direct, reject].concat(
     Object.values(proxyRecord).filter(
-      (p) => !p.all?.length && p.name !== "DIRECT" && p.name !== "REJECT",
+      (p) => !p?.all?.length && p?.name !== "DIRECT" && p?.name !== "REJECT",
     ),
   );
 
-  const _global: IProxyGroupItem = {
+  const _global = {
     ...global,
     all: global?.all?.map((item) => generateItem(item)) || [],
   };
 
-  return { global: _global, direct, groups, records: proxyRecord, proxies };
+  return {
+    global: _global as IProxyGroupItem,
+    direct: direct as IProxyItem,
+    groups,
+    records: proxyRecord as Record<string, IProxyItem>,
+    proxies: (proxies as IProxyItem[]) ?? [],
+  };
 }
 
-export async function getProxyProviders() {
-  const response = await invoke<{
-    providers: Record<string, IProxyProviderItem>;
-  }>("get_providers_proxies");
-  if (!response || !response.providers) {
-    console.warn(
-      "getProxyProviders: Invalid response structure, returning empty object",
-    );
-    return {};
-  }
-
-  const providers = response.providers as Record<string, IProxyProviderItem>;
-
+export async function calcuProxyProviders() {
+  const providers = await getProxyProviders();
   return Object.fromEntries(
-    Object.entries(providers).filter(([, item]) => {
-      const type = item.vehicleType.toLowerCase();
-      return type === "http" || type === "file";
-    }),
+    Object.entries(providers.providers)
+      .sort()
+      .filter(
+        ([_, item]) =>
+          item?.vehicleType === "HTTP" || item?.vehicleType === "File",
+      ),
   );
 }
 
-export async function getRuleProviders() {
-  const response = await invoke<{
-    providers: Record<string, IRuleProviderItem>;
-  }>("get_rule_providers");
-
-  const providers = (response.providers || {}) as Record<
-    string,
-    IRuleProviderItem
-  >;
-
-  return Object.fromEntries(
-    Object.entries(providers).filter(([, item]) => {
-      const type = item.vehicleType.toLowerCase();
-      return type === "http" || type === "file";
-    }),
-  );
-}
-
-export async function providerHealthCheck(name: string) {
-  return invoke<void>("proxy_provider_health_check", { name });
-}
-
-export async function proxyProviderUpdate(name: string) {
-  return invoke<void>("update_proxy_provider", { name });
-}
-
-export async function ruleProviderUpdate(name: string) {
-  return invoke<void>("update_rule_provider", { name });
-}
-
-export async function getConnections() {
-  return invoke<IConnections>("get_clash_connections");
-}
-
-export async function deleteConnection(id: string) {
-  return invoke<void>("delete_clash_connection", { id });
-}
-
-export async function closeAllConnections() {
-  return invoke<void>("close_all_clash_connections");
-}
-
-export async function getGroupProxyDelays(
-  groupName: string,
-  url?: string,
-  timeout?: number,
-) {
-  return invoke<Record<string, number>>("get_group_proxy_delays", {
-    groupName,
-    url,
-    timeout,
-  });
-}
-
-export async function getTrafficData() {
-  // console.log("[Traffic][Service] 开始调用 get_traffic_data");
-  const result = await invoke<ITrafficItem>("get_traffic_data");
-  // console.log("[Traffic][Service] get_traffic_data 返回结果:", result);
-  return result;
-}
-
-export async function getMemoryData() {
-  console.log("[Memory][Service] 开始调用 get_memory_data");
-  const result = await invoke<{
-    inuse: number;
-    oslimit?: number;
-    usage_percent?: number;
-    last_updated?: number;
-  }>("get_memory_data");
-  // console.debug("[Memory][Service] get_memory_data 返回结果:", result);
-  return result;
-}
-
-export async function getFormattedTrafficData() {
-  console.log("[Traffic][Service] 开始调用 get_formatted_traffic_data");
-  const result = await invoke<IFormattedTrafficData>(
-    "get_formatted_traffic_data",
-  );
-  // console.debug(
-  //   "[Traffic][Service] get_formatted_traffic_data 返回结果:",
-  //   result,
-  // );
-  return result;
-}
-
-export async function getFormattedMemoryData() {
-  console.log("[Memory][Service] 开始调用 get_formatted_memory_data");
-  const result = await invoke<IFormattedMemoryData>(
-    "get_formatted_memory_data",
-  );
-  // console.debug("[Memory][Service] get_formatted_memory_data 返回结果:", result);
-  return result;
-}
-
-export async function getSystemMonitorOverview() {
-  console.log("[Monitor][Service] 开始调用 get_system_monitor_overview");
-  const result = await invoke<ISystemMonitorOverview>(
-    "get_system_monitor_overview",
-  );
-  // console.debug(
-  //   "[Monitor][Service] get_system_monitor_overview 返回结果:",
-  //   result,
-  // );
-  return result;
-}
-
-// 带数据验证的安全版本
-export async function getSystemMonitorOverviewSafe() {
-  // console.log(
-  //   "[Monitor][Service] 开始调用安全版本 get_system_monitor_overview",
-  // );
-  try {
-    const result = await invoke<any>("get_system_monitor_overview");
-    // console.log("[Monitor][Service] 原始数据:", result);
-
-    // 导入验证器（动态导入避免循环依赖）
-    const { systemMonitorValidator } = await import("@/utils/data-validator");
-
-    if (systemMonitorValidator.validate(result)) {
-      // console.log("[Monitor][Service] 数据验证通过");
-      return result as ISystemMonitorOverview;
-    } else {
-      // console.warn("[Monitor][Service] 数据验证失败，使用清理后的数据");
-      return systemMonitorValidator.sanitize(result);
-    }
-  } catch {
-    // console.error("[Monitor][Service] API调用失败:", error);
-    // 返回安全的默认值
-    const { systemMonitorValidator } = await import("@/utils/data-validator");
-    return systemMonitorValidator.sanitize(null);
-  }
-}
-
-export async function startTrafficService() {
-  console.log("[Traffic][Service] 开始调用 start_traffic_service");
-  try {
-    const result = await invoke<void>("start_traffic_service");
-    console.log("[Traffic][Service] start_traffic_service 调用成功");
-    return result;
-  } catch (error) {
-    console.error("[Traffic][Service] start_traffic_service 调用失败:", error);
-    throw error;
-  }
-}
-
-export async function stopTrafficService() {
-  console.log("[Traffic][Service] 开始调用 stop_traffic_service");
-  const result = await invoke<void>("stop_traffic_service");
-  console.log("[Traffic][Service] stop_traffic_service 调用成功");
-  return result;
-}
-
-export async function isDebugEnabled() {
-  return invoke<boolean>("is_clash_debug_enabled");
-}
-
-export async function gc() {
-  return invoke<void>("clash_gc");
-}
-
 export async function getClashLogs() {
-  return invoke<any>("get_clash_logs");
-}
+  const regex = /time="(.+?)"\s+level=(.+?)\s+msg="(.+?)"/;
+  const newRegex = /(.+?)\s+(.+?)\s+(.+)/;
+  const logs = await invoke<string[]>("get_clash_logs");
 
-export async function startLogsMonitoring(level?: string) {
-  return invoke<void>("start_logs_monitoring", { level });
-}
+  return logs.reduce<ILogItem[]>((acc, log) => {
+    const result = log.match(regex);
+    if (result) {
+      const [_, _time, type, payload] = result;
+      const time = dayjs(_time).format("MM-DD HH:mm:ss");
+      acc.push({ time, type, payload });
+      return acc;
+    }
 
-export async function stopLogsMonitoring() {
-  return invoke<void>("stop_logs_monitoring");
+    const result2 = log.match(newRegex);
+    if (result2) {
+      const [_, time, type, payload] = result2;
+      acc.push({ time, type, payload });
+    }
+    return acc;
+  }, []);
 }
 
 export async function clearLogs() {
@@ -576,16 +371,6 @@ export async function cmdGetProxyDelay(
   }
 }
 
-/// 用于profile切换等场景
-export async function forceRefreshProxies() {
-  const start = Date.now();
-  console.log("[API] 强制刷新代理缓存");
-  const result = await invoke<any>("force_refresh_proxies");
-  const duration = Date.now() - start;
-  console.log(`[API] 代理缓存刷新完成，耗时: ${duration}ms`);
-  return result;
-}
-
 export async function cmdTestDelay(url: string) {
   return invoke<number>("test_delay", { url });
 }

src/services/delay.ts

@@ -1,4 +1,4 @@
-import { cmdGetProxyDelay } from "@/services/cmds";
+import { delayProxyByName } from "tauri-plugin-mihomo-api";
 
 const hashKey = (name: string, group: string) => `${group ?? ""}::${name}`;
 
@@ -106,7 +106,7 @@ class DelayManager {
 
       // 使用Promise.race来实现超时控制
       const result = await Promise.race([
-        cmdGetProxyDelay(name, timeout, url),
+        delayProxyByName(name, url, timeout),
         timeoutPromise,
       ]);
 
@@ -210,13 +210,14 @@ class DelayManager {
   formatDelay(delay: number, timeout = 10000) {
     if (delay === -1) return "-";
     if (delay === -2) return "testing";
-    if (delay >= timeout) return "timeout";
+    if (delay === 0 || (delay >= timeout && delay <= 1e5)) return "timeout";
+    if (delay > 1e5) return "Error";
     return `${delay}`;
   }
 
   formatDelayColor(delay: number, timeout = 10000) {
     if (delay < 0) return "";
-    if (delay >= timeout) return "error.main";
+    if (delay === 0 || delay >= timeout) return "error.main";
     if (delay >= 10000) return "error.main";
     if (delay >= 400) return "warning.main";
     if (delay >= 250) return "primary.main";

src/services/global-log-service.ts

@@ -3,7 +3,6 @@ import { create } from "zustand";
 
 import {
   fetchLogsViaIPC,
-  startLogsStreaming,
   stopLogsStreaming,
   clearLogs as clearLogsIPC,
 } from "@/services/ipc-log-service";
@@ -96,7 +95,7 @@ export const initGlobalLogService = (
   console.log("[GlobalLog-IPC] 启用IPC流式日志服务");
 
   // 启动流式监控
-  startLogsStreaming(logLevel);
+  // startLogsStreaming(logLevel);
 
   // 立即获取一次日志
   fetchLogsViaIPCPeriodically();
@@ -152,7 +151,7 @@ export const changeLogLevel = (level: LogLevel) => {
 
   if (enabled) {
     // IPC流式模式下重新启动监控
-    startLogsStreaming(level);
+    // startLogsStreaming(level);
     fetchLogsViaIPCPeriodically();
   }
 };
@@ -180,11 +179,11 @@ export const clearGlobalLogs = () => {
 };
 
 // 自定义钩子，用于获取过滤后的日志数据
-export const useGlobalLogData = (logLevel: LogLevel = "all") => {
+export const useGlobalLogData = (logLevel: LogLevel = "info") => {
   const logs = useGlobalLogStore((state) => state.logs);
 
   // 根据当前选择的日志等级过滤日志
-  if (logLevel === "all") {
+  if (logLevel === "info") {
     return logs;
   } else {
     return logs.filter((log) => log.type.toLowerCase() === logLevel);

src/services/ipc-log-service.ts

@@ -1,12 +1,6 @@
 // IPC-based log service using Tauri commands with streaming support
-import dayjs from "dayjs";
 
-import {
-  getClashLogs,
-  startLogsMonitoring,
-  stopLogsMonitoring,
-  clearLogs as clearLogsCmd,
-} from "@/services/cmds";
+import { clearLogs as clearLogsCmd } from "@/services/cmds";
 
 type LogLevel = "debug" | "info" | "warning" | "error" | "all";
 
@@ -21,7 +15,7 @@ interface ILogItem {
 export const startLogsStreaming = async (logLevel: LogLevel = "info") => {
   try {
     const level = logLevel === "all" ? undefined : logLevel;
-    await startLogsMonitoring(level);
+    // await startLogsMonitoring(level);
     console.log(
       `[IPC-LogService] Started logs monitoring with level: ${logLevel}`,
     );
@@ -33,7 +27,7 @@ export const startLogsStreaming = async (logLevel: LogLevel = "info") => {
 // Stop logs monitoring
 export const stopLogsStreaming = async () => {
   try {
-    await stopLogsMonitoring();
+    // await stopLogsMonitoring();
     console.log("[IPC-LogService] Stopped logs monitoring");
   } catch (error) {
     console.error("[IPC-LogService] Failed to stop logs monitoring:", error);
@@ -45,16 +39,16 @@ export const fetchLogsViaIPC = async (): Promise<ILogItem[]> => {
   try {
     // Server-side filtering handles the level via /logs?level={level}
     // We just fetch all cached logs regardless of the logLevel parameter
-    const response = await getClashLogs();
+    // const response = await getClashLogs();
 
-    // The response should be in the format expected by the frontend
-    // Transform the logs to match the expected format
-    if (Array.isArray(response)) {
-      return response.map((log: any) => ({
-        ...log,
-        time: log.time || dayjs().format("HH:mm:ss"),
-      }));
-    }
+    // // The response should be in the format expected by the frontend
+    // // Transform the logs to match the expected format
+    // if (Array.isArray(response)) {
+    //   return response.map((log: any) => ({
+    //     ...log,
+    //     time: log.time || dayjs().format("HH:mm:ss"),
+    //   }));
+    // }
 
     return [];
   } catch (error) {

src/services/states.ts

@@ -1,11 +1,30 @@
 import { createContextState } from "foxact/create-context-state";
 import { useLocalStorage } from "foxact/use-local-storage";
+import { LogLevel } from "tauri-plugin-mihomo-api";
 
 const [ThemeModeProvider, useThemeMode, useSetThemeMode] = createContextState<
   "light" | "dark"
 >("light");
 
-export const useEnableLog = () => useLocalStorage("enable-log", false);
+export type LogFilter = "all" | "debug" | "info" | "warn" | "err";
+
+interface IClashLog {
+  enable: boolean;
+  logLevel: LogLevel;
+  logFilter: LogFilter;
+}
+const defaultClashLog: IClashLog = {
+  enable: true,
+  logLevel: "info",
+  logFilter: "all",
+};
+export const useClashLog = () =>
+  useLocalStorage<IClashLog>("clash-log", defaultClashLog, {
+    serializer: JSON.stringify,
+    deserializer: JSON.parse,
+  });
+
+// export const useEnableLog = () => useLocalStorage("enable-log", false);
 
 interface IConnectionSetting {
   layout: "table" | "list";