feat: add mihomo management flow

Author: lius-new

plugins/layouts/app-layout/src/components/app-sidebar.tsx

@@ -8,10 +8,91 @@ export const proxyResources = {
       create: '+ 添加代理',
       import: '导入',
       export: '导出',
-    },
-    stats: {
-      total: '总计',
-      healthy: '可用',
+    },
+    mihomo: {
+      form: {
+        title: '连接 Mihomo',
+        description: '填写 Mihomo external-controller 配置，测试通过后直接进入 Mihomo 页面。',
+        viewDescription: '查看当前 Mihomo 连接信息。点击编辑连接后可修改配置。',
+        hintTitle: '连接要求',
+        hintBody: '请先在本机 Clash/Mihomo 中开启 external-controller，并确认当前实例可访问。',
+        loading: '正在读取连接信息...',
+        controller: '控制地址',
+        controllerRequired: '请输入 Mihomo 控制地址',
+        secret: 'Secret（可选）',
+        secretPlaceholder: '如果未设置鉴权，可留空',
+        secretConfigured: '已配置',
+        secretEmpty: '未配置',
+        version: '版本',
+        providers: '订阅源',
+        nodes: '节点数',
+        connectedTitle: '当前已连接',
+        connectedBody: '当前 Mihomo 已附着到本地会话，可直接读取订阅和节点。',
+        edit: '编辑连接',
+        close: '关闭',
+        backToView: '返回查看',
+        submit: '测试并进入',
+        submitting: '测试中...',
+        cancel: '取消',
+        errorTitle: '连接失败',
+        connectSuccess: 'Mihomo 连接成功，正在进入 Mihomo 页面',
+        connectFailed: 'Mihomo 连接失败',
+        loadFailed: '读取连接配置失败',
+      },
+      page: {
+        title: 'Mihomo',
+        subtitle: '在这里按策略浏览节点，并对节点执行测速。',
+        connectedTo: '已连接到 {{controller}}',
+        back: '返回代理中心',
+        settings: '连接设置',
+        refresh: '刷新数据',
+        loading: '正在加载 Mihomo 数据...',
+        loadFailed: '加载 Mihomo 数据失败',
+        errorTitle: '当前未能读取 Mihomo 数据',
+        delayTestFailed: '测速失败',
+        groupDelayTestFailed: '策略组批量测速失败',
+        retry: '重试',
+        reconfigure: '重新配置',
+        providersTitle: '订阅源 / Providers',
+        providersDesc: '显示当前 Mihomo 可读取到的 provider 概览。',
+        groupsTitle: '策略组 / Groups',
+        groupsDesc: '用于了解当前实例中的可选组和当前选中节点。',
+        groupsEmpty: '当前实例没有可见的策略组。',
+        groupsUnselected: '未选中',
+        groupsCandidates: '候选',
+        nodesTitle: '节点 / Nodes',
+        nodesDesc: '显示当前实例中的基础节点，后续加入代理中心将基于这里的节点继续编排。',
+        nodesFilteredDesc: '当前按策略 {{group}} 展示候选节点。',
+        provider: {
+          name: '名称',
+          type: '类型',
+          vehicle: '载体',
+          nodes: '节点数',
+          updatedAt: '更新时间',
+          empty: '当前实例没有可见的 provider。',
+        },
+        node: {
+          name: '名称',
+          provider: '来源订阅',
+          providerUnknown: '未标记来源订阅',
+          type: '类型',
+          alive: '存活',
+          udp: 'UDP',
+          empty: '当前实例没有可见的基础节点。',
+          filteredEmpty: '当前策略下没有可见的基础节点。',
+          aliveTrue: '可用',
+          aliveFalse: '不可用',
+          test: '测速',
+          testing: '测速中',
+          timeout: '超时',
+          udpTrue: '支持',
+          udpFalse: '关闭',
+        },
+      },
+    },
+    stats: {
+      total: '总计',
+      healthy: '可用',
       unreachable: '不可用',
       testAll: '全部测试',
     },
@@ -138,9 +219,95 @@ export const proxyResources = {
       create: '+ Add Proxy',
       import: 'Import',
       export: 'Export',
-    },
-    stats: {
-      total: 'Total',
+    },
+    mihomo: {
+      form: {
+        title: 'Connect Mihomo',
+        description:
+          'Fill in the Mihomo external-controller configuration. After a successful test, the Mihomo page opens immediately.',
+        viewDescription:
+          'View the current Mihomo connection details. Click edit to update the configuration.',
+        hintTitle: 'Requirements',
+        hintBody:
+          'Please enable external-controller in your local Clash/Mihomo instance before connecting.',
+        loading: 'Loading connection info...',
+        controller: 'Controller Address',
+        controllerRequired: 'Please enter the Mihomo controller address',
+        secret: 'Secret (Optional)',
+        secretPlaceholder: 'Leave empty if your instance does not require auth',
+        secretConfigured: 'Configured',
+        secretEmpty: 'Not configured',
+        version: 'Version',
+        providers: 'Providers',
+        nodes: 'Nodes',
+        connectedTitle: 'Currently Connected',
+        connectedBody:
+          'The current Mihomo instance is already attached to this local session and can be used to read providers and nodes.',
+        edit: 'Edit Connection',
+        close: 'Close',
+        backToView: 'Back to Overview',
+        submit: 'Test and Enter',
+        submitting: 'Testing...',
+        cancel: 'Cancel',
+        errorTitle: 'Connection Failed',
+        connectSuccess: 'Mihomo connected. Opening the Mihomo page...',
+        connectFailed: 'Failed to connect to Mihomo',
+        loadFailed: 'Failed to load connection configuration',
+      },
+      page: {
+        title: 'Mihomo',
+        subtitle: 'Browse nodes by strategy and run delay tests from this page.',
+        connectedTo: 'Connected to {{controller}}',
+        back: 'Back to Proxy Center',
+        settings: 'Connection Settings',
+        refresh: 'Refresh',
+        loading: 'Loading Mihomo data...',
+        loadFailed: 'Failed to load Mihomo data',
+        errorTitle: 'Unable to read Mihomo data',
+        delayTestFailed: 'Failed to test node delay',
+        groupDelayTestFailed: 'Failed to batch test group delays',
+        retry: 'Retry',
+        reconfigure: 'Reconfigure',
+        providersTitle: 'Providers',
+        providersDesc: 'Shows the provider overview available in the current Mihomo instance.',
+        groupsTitle: 'Groups',
+        groupsDesc: 'Inspect the available groups and their current selected node.',
+        groupsEmpty: 'No visible groups found in the current instance.',
+        groupsUnselected: 'Unselected',
+        groupsCandidates: 'candidates',
+        nodesTitle: 'Nodes',
+        nodesDesc:
+          'Shows the base nodes currently available. The next phase can build proxy-center entries from these nodes.',
+        nodesFilteredDesc: 'Showing candidate nodes for strategy {{group}}.',
+        provider: {
+          name: 'Name',
+          type: 'Type',
+          vehicle: 'Vehicle',
+          nodes: 'Nodes',
+          updatedAt: 'Updated At',
+          empty: 'No provider is visible in the current instance.',
+        },
+        node: {
+          name: 'Name',
+          provider: 'Provider',
+          providerUnknown: 'Unlabeled provider',
+          type: 'Type',
+          alive: 'Alive',
+          udp: 'UDP',
+          empty: 'No base node is visible in the current instance.',
+          filteredEmpty: 'No base node is visible under the current strategy.',
+          aliveTrue: 'Available',
+          aliveFalse: 'Unavailable',
+          test: 'Test',
+          testing: 'Testing',
+          timeout: 'Timeout',
+          udpTrue: 'Enabled',
+          udpFalse: 'Disabled',
+        },
+      },
+    },
+    stats: {
+      total: 'Total',
       healthy: 'Healthy',
       unreachable: 'Unreachable',
       testAll: 'Test All',

plugins/pages/proxy-center/src/i18n/resources.ts

@@ -20,6 +20,7 @@ import { useProxyHandlers } from './hooks/use-proxy-handlers';
 import { selectAndReadProxyFile, type ImportProxyItem } from './utils/import-export';
 import type { Proxy } from './types';
 import { ITEMS_PER_PAGE } from './constants';
+import { MihomoPage } from './mihomo/mihomo-page';
 
 const ProxyCenterPage: React.FC = () => {
   useTranslation('proxy'); // 注册 i18n namespace
@@ -264,19 +265,32 @@ const ProxyCenterPage: React.FC = () => {
 };
 
 // 在模块加载时贡献路由
-try {
-  extensionRegistry.contribute('routes', {
-    contributorId: 'proxy-center',
+try {
+  extensionRegistry.contribute('routes', {
+    contributorId: 'proxy-center',
     value: {
       path: '/proxy',
       Component: ProxyCenterPage,
     },
     priority: 10,
   });
   console.log('[proxy-center] Route contributed at module load: /proxy');
-} catch (error) {
-  console.warn('[proxy-center] Failed to contribute route at module load:', error);
-}
+} catch (error) {
+  console.warn('[proxy-center] Failed to contribute route at module load:', error);
+}
+
+try {
+  extensionRegistry.contribute('routes', {
+    contributorId: 'proxy-center-mihomo',
+    value: {
+      path: '/proxy/mihomo',
+      Component: MihomoPage,
+    },
+    priority: 10,
+  });
+} catch (error) {
+  console.warn('[proxy-center] Failed to contribute Mihomo route at module load:', error);
+}
 
 try {
   extensionRegistry.contribute('i18n:resources', {

plugins/pages/proxy-center/src/index.tsx

@@ -0,0 +1,32 @@
+import { invoke } from '@/lib/tauri';
+import type {
+  MihomoConnectionConfig,
+  MihomoConnectionInfo,
+  MihomoOverview,
+  MihomoProxyDelayResult,
+  MihomoStatus,
+} from './types';
+
+export function testAndAttachMihomo(config: MihomoConnectionConfig): Promise<MihomoStatus> {
+  return invoke<MihomoStatus>('test_and_attach_mihomo', { config });
+}
+
+export function getMihomoStatus(): Promise<MihomoStatus> {
+  return invoke<MihomoStatus>('get_mihomo_status');
+}
+
+export function getMihomoConnectionInfo(): Promise<MihomoConnectionInfo> {
+  return invoke<MihomoConnectionInfo>('get_mihomo_connection_info');
+}
+
+export function getMihomoOverview(): Promise<MihomoOverview> {
+  return invoke<MihomoOverview>('get_mihomo_overview');
+}
+
+export function testMihomoProxyDelay(proxyName: string): Promise<MihomoProxyDelayResult> {
+  return invoke<MihomoProxyDelayResult>('test_mihomo_proxy_delay', { proxyName });
+}
+
+export function testMihomoGroupDelays(groupName: string): Promise<MihomoProxyDelayResult[]> {
+  return invoke<MihomoProxyDelayResult[]>('test_mihomo_group_delays', { groupName });
+}

plugins/pages/proxy-center/src/mihomo/api.ts

@@ -0,0 +1,75 @@
+import type { SVGProps } from 'react';
+
+import { cn } from '@/lib/utils';
+
+type ClashIconProps = SVGProps<SVGSVGElement>;
+
+const STROKE_WIDTH = 3.2;
+
+export function ClashIcon({ className, ...props }: ClashIconProps) {
+  return (
+    <svg
+      viewBox="8 4 32 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={cn('h-4 w-4', className)}
+      {...props}
+    >
+      <path
+        d="M27.19 42.5a89.0444 89.0444 0 0 1-14.6813-1.5725S13.94 12.3721 17.9209 5.5357c-.13-.297 2.9919 1.2125 4.4218 6.2665a25.5569 25.5569 0 0 1 4.8471-.47"
+        stroke="currentColor"
+        strokeWidth={STROKE_WIDTH}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <ellipse
+        cx="21.2404"
+        cy="20.3089"
+        rx="1.6708"
+        ry="2.1301"
+        stroke="currentColor"
+        strokeWidth={STROKE_WIDTH}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M27.19 42.5a89.0444 89.0444 0 0 0 14.6813-1.5725S40.44 12.3721 36.4583 5.5357c.03-.2006-3.59 1.7549-4.4218 6.2665a25.5582 25.5582 0 0 0-4.8471-.47"
+        stroke="currentColor"
+        strokeWidth={STROKE_WIDTH}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <ellipse
+        cx="33.1398"
+        cy="20.3089"
+        rx="1.6708"
+        ry="2.1301"
+        stroke="currentColor"
+        strokeWidth={STROKE_WIDTH}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.5083 40.927C10.5777 40.6 7.56 40.6178 6.4685 37.44c-1.0674-3.107.4377-6.6708 3.7411-7.0453"
+        stroke="currentColor"
+        strokeWidth={STROKE_WIDTH}
+        strokeLinecap="round"
+        strokeMiterlimit="5.7143"
+      />
+      <path
+        d="M25.4634 26.3872a1.4666 1.4666 0 0 0 1.4726-1.4725"
+        stroke="currentColor"
+        strokeWidth={STROKE_WIDTH}
+        strokeLinecap="round"
+        strokeMiterlimit="5.7143"
+      />
+      <path
+        d="M28.4091 26.3872a1.4666 1.4666 0 0 1-1.4726-1.4725"
+        stroke="currentColor"
+        strokeWidth={STROKE_WIDTH}
+        strokeLinecap="round"
+        strokeMiterlimit="5.7143"
+      />
+    </svg>
+  );
+}