refactor: improve code readability and consistency in proxy-chain and uri-parser utilities

refactor: add keys to icons in routers for improved rendering and performance
refactor: optimize RegExp polyfill by using Object.prototype.hasOwnProperty.call
refactor: reorder imports in chain-proxy-provider for consistency
refactor: remove unused "obfs-opts" property from IProxySnellConfig interface

refactor: reorganize imports and enhance refresh logic in app data provider

refactor: re-enable prop-types linting for better type safety in BaseDialog component

refactor: update dependencies in effect hooks for improved stability and performance

src/components/base/base-dialog.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import { LoadingButton } from "@mui/lab";
 import {
   Button,

src/components/proxy/proxy-chain.tsx

@@ -1,19 +1,19 @@
 import {
-  DndContext,
   closestCenter,
+  DndContext,
+  DragEndEvent,
   KeyboardSensor,
   PointerSensor,
   useSensor,
   useSensors,
-  DragEndEvent,
 } from "@dnd-kit/core";
 import {
   arrayMove,
   SortableContext,
   sortableKeyboardCoordinates,
+  useSortable,
   verticalListSortingStrategy,
 } from "@dnd-kit/sortable";
-import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import {
   Delete as DeleteIcon,
@@ -22,25 +22,25 @@ import {
   LinkOff,
 } from "@mui/icons-material";
 import {
+  Alert,
   Box,
+  Button,
+  Chip,
+  IconButton,
   Paper,
   Typography,
-  IconButton,
-  Chip,
-  Alert,
   useTheme,
-  Button,
 } from "@mui/material";
-import { useState, useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import useSWR from "swr";
 
 import { useAppData } from "@/providers/app-data-provider";
 import {
-  updateProxyChainConfigInRuntime,
-  updateProxyAndSync,
-  getProxies,
   closeAllConnections,
+  getProxies,
+  updateProxyAndSync,
+  updateProxyChainConfigInRuntime,
 } from "@/services/cmds";
 
 interface ProxyChainItem {

src/pages/_routers.tsx

@@ -30,49 +30,49 @@ export const routers = [
   {
     label: "Label-Home",
     path: "/home",
-    icon: [<HomeRoundedIcon />, <HomeSvg />],
+    icon: [<HomeRoundedIcon key="mui" />, <HomeSvg key="svg" />],
     element: <HomePage />,
   },
   {
     label: "Label-Proxies",
     path: "/",
-    icon: [<WifiRoundedIcon />, <ProxiesSvg />],
+    icon: [<WifiRoundedIcon key="mui" />, <ProxiesSvg key="svg" />],
     element: <ProxiesPage />,
   },
   {
     label: "Label-Profiles",
     path: "/profile",
-    icon: [<DnsRoundedIcon />, <ProfilesSvg />],
+    icon: [<DnsRoundedIcon key="mui" />, <ProfilesSvg key="svg" />],
     element: <ProfilesPage />,
   },
   {
     label: "Label-Connections",
     path: "/connections",
-    icon: [<LanguageRoundedIcon />, <ConnectionsSvg />],
+    icon: [<LanguageRoundedIcon key="mui" />, <ConnectionsSvg key="svg" />],
     element: <ConnectionsPage />,
   },
   {
     label: "Label-Rules",
     path: "/rules",
-    icon: [<ForkRightRoundedIcon />, <RulesSvg />],
+    icon: [<ForkRightRoundedIcon key="mui" />, <RulesSvg key="svg" />],
     element: <RulesPage />,
   },
   {
     label: "Label-Logs",
     path: "/logs",
-    icon: [<SubjectRoundedIcon />, <LogsSvg />],
+    icon: [<SubjectRoundedIcon key="mui" />, <LogsSvg key="svg" />],
     element: <LogsPage />,
   },
   {
     label: "Label-Unlock",
     path: "/unlock",
-    icon: [<LockOpenRoundedIcon />, <UnlockSvg />],
+    icon: [<LockOpenRoundedIcon key="mui" />, <UnlockSvg key="svg" />],
     element: <UnlockPage />,
   },
   {
     label: "Label-Settings",
     path: "/settings",
-    icon: [<SettingsRoundedIcon />, <SettingsSvg />],
+    icon: [<SettingsRoundedIcon key="mui" />, <SettingsSvg key="svg" />],
     element: <SettingsPage />,
   },
 ].map((router) => ({

src/pages/connections.tsx

@@ -46,17 +46,21 @@ const ConnectionsPage = () => {
 
   const isTableLayout = setting.layout === "table";
 
-  const orderOpts: Record<string, OrderFunc> = {
+  const orderOpts = useMemo<Record<string, OrderFunc>>(
+    () => ({
       Default: (list) =>
         list.sort(
           (a, b) =>
             new Date(b.start || "0").getTime()! -
             new Date(a.start || "0").getTime()!,
         ),
-    "Upload Speed": (list) => list.sort((a, b) => b.curUpload! - a.curUpload!),
+      "Upload Speed": (list) =>
+        list.sort((a, b) => b.curUpload! - a.curUpload!),
       "Download Speed": (list) =>
         list.sort((a, b) => b.curDownload! - a.curDownload!),
-  };
+    }),
+    [],
+  );
 
   const [isPaused, setIsPaused] = useState(false);
   const [frozenData, setFrozenData] = useState<IConnections | null>(null);
@@ -94,7 +98,7 @@ const ConnectionsPage = () => {
     if (orderFunc) conns = orderFunc(conns);
 
     return [conns];
-  }, [displayData, match, curOrderOpt]);
+  }, [displayData, match, curOrderOpt, orderOpts]);
 
   const onCloseAll = useLockFn(closeAllConnections);
 

src/pages/home.tsx

@@ -1,28 +1,28 @@
 import {
-  RouterOutlined,
-  SettingsOutlined,
   DnsOutlined,
-  SpeedOutlined,
   HelpOutlineRounded,
   HistoryEduOutlined,
+  RouterOutlined,
+  SettingsOutlined,
+  SpeedOutlined,
 } from "@mui/icons-material";
 import {
   Box,
   Button,
-  IconButton,
-  Dialog,
-  DialogTitle,
-  DialogContent,
-  DialogActions,
-  FormGroup,
-  FormControlLabel,
   Checkbox,
-  Tooltip,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  FormControlLabel,
+  FormGroup,
   Grid,
+  IconButton,
   Skeleton,
+  Tooltip,
 } from "@mui/material";
 import { useLockFn } from "ahooks";
-import { useState, useMemo, Suspense, lazy, useCallback } from "react";
+import { Suspense, lazy, useCallback, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import { BasePage } from "@/components/base";
@@ -264,7 +264,7 @@ const HomePage = () => {
       renderCard("network", <NetworkSettingsCard />),
       renderCard("mode", <ClashModeEnhancedCard />),
     ],
-    [homeCards, current, mutateProfiles, renderCard],
+    [current, mutateProfiles, renderCard],
   );
 
   // 新增：保存设置时用requestIdleCallback/setTimeout
@@ -314,7 +314,7 @@ const HomePage = () => {
         </Suspense>,
       ),
     ],
-    [homeCards, t, renderCard],
+    [t, renderCard],
   );
 
   return (

src/pages/profiles.tsx

@@ -1,11 +1,11 @@
 import {
-  DndContext,
   closestCenter,
+  DndContext,
+  DragEndEvent,
   KeyboardSensor,
   PointerSensor,
   useSensor,
   useSensors,
-  DragEndEvent,
 } from "@dnd-kit/core";
 import {
   SortableContext,
@@ -19,14 +19,13 @@ import {
   TextSnippetOutlined,
 } from "@mui/icons-material";
 import { LoadingButton } from "@mui/lab";
-import { Box, Button, IconButton, Stack, Divider, Grid } from "@mui/material";
+import { Box, Button, Divider, Grid, IconButton, Stack } from "@mui/material";
-import { listen } from "@tauri-apps/api/event";
+import { listen, TauriEvent } from "@tauri-apps/api/event";
-import { TauriEvent } from "@tauri-apps/api/event";
 import { readText } from "@tauri-apps/plugin-clipboard-manager";
 import { readTextFile } from "@tauri-apps/plugin-fs";
 import { useLockFn } from "ahooks";
 import { throttle } from "lodash-es";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useLocation } from "react-router-dom";
 import useSWR, { mutate } from "swr";
@@ -42,17 +41,17 @@ import {
 import { ConfigViewer } from "@/components/setting/mods/config-viewer";
 import { useListen } from "@/hooks/use-listen";
 import { useProfiles } from "@/hooks/use-profiles";
-import { closeAllConnections } from "@/services/cmds";
 import {
-  importProfile,
+  closeAllConnections,
+  createProfile,
+  deleteProfile,
   enhanceProfiles,
+  getProfiles,
   //restartCore,
   getRuntimeLogs,
-  deleteProfile,
+  importProfile,
-  updateProfile,
   reorderProfile,
-  createProfile,
+  updateProfile,
-  getProfiles,
 } from "@/services/cmds";
 import { showNotice } from "@/services/noticeService";
 import { useSetLoadingCache, useThemeMode } from "@/services/states";
@@ -117,10 +116,8 @@ const ProfilePage = () => {
   const pendingRequestRef = useRef<Promise<any> | null>(null);
 
   // 处理profile切换中断
-  const handleProfileInterrupt = (
+  const handleProfileInterrupt = useCallback(
-    previousSwitching: string,
+    (previousSwitching: string, newProfile: string) => {
-    newProfile: string,
-  ) => {
       debugProfileSwitch(
         "INTERRUPT_PREVIOUS",
         previousSwitching,
@@ -142,16 +139,21 @@ const ProfilePage = () => {
         `${t("Profile switch interrupted by new selection")}: ${previousSwitching} → ${newProfile}`,
         3000,
       );
-  };
+    },
+    [t],
+  );
 
   // 清理切换状态
-  const cleanupSwitchState = (profile: string, sequence: number) => {
+  const cleanupSwitchState = useCallback(
+    (profile: string, sequence: number) => {
       setActivatings((prev) => prev.filter((id) => id !== profile));
       switchingProfileRef.current = null;
       abortControllerRef.current = null;
       pendingRequestRef.current = null;
       debugProfileSwitch("SWITCH_END", profile, `序列号: ${sequence}`);
-  };
+    },
+    [],
+  );
   const sensors = useSensors(
     useSensor(PointerSensor),
     useSensor(KeyboardSensor, {
@@ -160,6 +162,15 @@ const ProfilePage = () => {
   );
   const { current } = location.state || {};
 
+  const {
+    profiles = {},
+    activateSelected,
+    patchProfiles,
+    mutateProfiles,
+    error,
+    isStale,
+  } = useProfiles();
+
   useEffect(() => {
     const handleFileDrop = async () => {
       const unlisten = await addListener(
@@ -197,16 +208,7 @@ const ProfilePage = () => {
     return () => {
       unsubscribe.then((cleanup) => cleanup());
     };
-  }, []);
+  }, [addListener, mutateProfiles, t]);
-
-  const {
-    profiles = {},
-    activateSelected,
-    patchProfiles,
-    mutateProfiles,
-    error,
-    isStale,
-  } = useProfiles();
 
   // 添加紧急恢复功能
   const onEmergencyRefresh = useLockFn(async () => {
@@ -380,7 +382,8 @@ const ProfilePage = () => {
     }
   };
 
-  const executeBackgroundTasks = async (
+  const executeBackgroundTasks = useCallback(
+    async (
       profile: string,
       sequence: number,
       abortController: AbortController,
@@ -403,11 +406,16 @@ const ProfilePage = () => {
       } catch (err: any) {
         console.warn("Failed to activate selected proxies:", err);
       }
-  };
+    },
+    [activateSelected],
+  );
 
-  const activateProfile = async (profile: string, notifySuccess: boolean) => {
+  const activateProfile = useCallback(
+    async (profile: string, notifySuccess: boolean) => {
       if (profiles.current === profile && !notifySuccess) {
-      console.log(`[Profile] 目标profile ${profile} 已经是当前配置，跳过切换`);
+        console.log(
+          `[Profile] 目标profile ${profile} 已经是当前配置，跳过切换`,
+        );
         return;
       }
 
@@ -524,7 +532,17 @@ const ProfilePage = () => {
           );
         }
       }
-  };
+    },
+    [
+      profiles,
+      patchProfiles,
+      mutateLogs,
+      t,
+      executeBackgroundTasks,
+      handleProfileInterrupt,
+      cleanupSwitchState,
+    ],
+  );
   const onSelect = async (current: string, force: boolean) => {
     // 阻止重复点击或已激活的profile
     if (switchingProfileRef.current === current) {
@@ -547,7 +565,7 @@ const ProfilePage = () => {
         await activateProfile(current, false);
       }
     })();
-  }, current);
+  }, [current, activateProfile, mutateProfiles]);
 
   const onEnhance = useLockFn(async (notifySuccess: boolean) => {
     if (switchingProfileRef.current) {
@@ -583,7 +601,9 @@ const ProfilePage = () => {
       await deleteProfile(uid);
       mutateProfiles();
       mutateLogs();
-      current && (await onEnhance(false));
+      if (current) {
+        await onEnhance(false);
+      }
     } catch (err: any) {
       showNotice("error", err?.message || err.toString());
     } finally {

src/pages/proxies.tsx

@@ -1,6 +1,6 @@
 import { Box, Button, ButtonGroup } from "@mui/material";
 import { useLockFn } from "ahooks";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import useSWR from "swr";
 
@@ -12,9 +12,9 @@ import {
   closeAllConnections,
   getClashConfig,
   getRuntimeProxyChainConfig,
+  patchClashMode,
   updateProxyChainConfigInRuntime,
 } from "@/services/cmds";
-import { patchClashMode } from "@/services/cmds";
 
 const ProxyPage = () => {
   const { t } = useTranslation();
@@ -44,7 +44,7 @@ const ProxyPage = () => {
 
   const { verge } = useVerge();
 
-  const modeList = ["rule", "global", "direct"];
+  const modeList = useMemo(() => ["rule", "global", "direct"], []);
 
   const curMode = clashConfig?.mode?.toLowerCase();
 
@@ -100,7 +100,7 @@ const ProxyPage = () => {
     if (curMode && !modeList.includes(curMode)) {
       onChangeMode("rule");
     }
-  }, [curMode]);
+  }, [curMode, modeList, onChangeMode]);
 
   return (
     <BasePage

src/pages/test.tsx

@@ -1,11 +1,11 @@
 import {
-  DndContext,
   closestCenter,
+  DndContext,
+  DragEndEvent,
   KeyboardSensor,
   PointerSensor,
   useSensor,
   useSensors,
-  DragEndEvent,
 } from "@dnd-kit/core";
 import {
   SortableContext,
@@ -14,7 +14,7 @@ import {
 import { Box, Button, Grid } from "@mui/material";
 import { emit } from "@tauri-apps/api/event";
 import { nanoid } from "nanoid";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 // test icons
@@ -39,7 +39,9 @@ const TestPage = () => {
   const { verge, mutateVerge, patchVerge } = useVerge();
 
   // test list
-  const testList = verge?.test_list ?? [
+  const testList = useMemo(
+    () =>
+      verge?.test_list ?? [
         {
           uid: nanoid(),
           name: "Apple",
@@ -64,7 +66,9 @@ const TestPage = () => {
           url: "https://www.youtube.com",
           icon: youtube,
         },
-  ];
+      ],
+    [verge],
+  );
 
   const onTestListItemChange = (
     uid: string,
@@ -117,7 +121,7 @@ const TestPage = () => {
     if (!verge?.test_list) {
       patchVerge({ test_list: testList });
     }
-  }, [verge]);
+  }, [verge, patchVerge, testList]);
 
   const viewerRef = useRef<TestViewerRef>(null);
   const [showScrollTop, setShowScrollTop] = useState(false);

src/pages/unlock.tsx

@@ -1,30 +1,30 @@
 import {
-  CheckCircleOutlined,
+  AccessTimeOutlined,
   CancelOutlined,
+  CheckCircleOutlined,
   HelpOutline,
   PendingOutlined,
   RefreshRounded,
-  AccessTimeOutlined,
 } from "@mui/icons-material";
 import {
   Box,
   Button,
   Card,
-  Divider,
-  Typography,
   Chip,
-  Tooltip,
   CircularProgress,
+  Divider,
+  Grid,
+  Tooltip,
+  Typography,
   alpha,
   useTheme,
-  Grid,
 } from "@mui/material";
 import { invoke } from "@tauri-apps/api/core";
 import { useLockFn } from "ahooks";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 
-import { BasePage, BaseEmpty } from "@/components/base";
+import { BaseEmpty, BasePage } from "@/components/base";
 import { showNotice } from "@/services/noticeService";
 
 interface UnlockItem {
@@ -45,9 +45,9 @@ const UnlockPage = () => {
   const [isCheckingAll, setIsCheckingAll] = useState(false);
   const [loadingItems, setLoadingItems] = useState<string[]>([]);
 
-  const sortItemsByName = (items: UnlockItem[]) => {
+  const sortItemsByName = useCallback((items: UnlockItem[]) => {
     return [...items].sort((a, b) => a.name.localeCompare(b.name));
-  };
+  }, []);
 
   // 保存测试结果到本地存储
   const saveResultsToStorage = (items: UnlockItem[], time: string | null) => {
@@ -82,18 +82,8 @@ const UnlockPage = () => {
     return { items: null, time: null };
   };
 
-  useEffect(() => {
+  const getUnlockItems = useCallback(
-    const { items: storedItems } = loadResultsFromStorage();
+    async (updateUI: boolean = true) => {
-
-    if (storedItems && storedItems.length > 0) {
-      setUnlockItems(storedItems);
-      getUnlockItems(false);
-    } else {
-      getUnlockItems(true);
-    }
-  }, []);
-
-  const getUnlockItems = async (updateUI: boolean = true) => {
       try {
         const items = await invoke<UnlockItem[]>("get_unlock_items");
         const sortedItems = sortItemsByName(items);
@@ -104,7 +94,20 @@ const UnlockPage = () => {
       } catch (err: any) {
         console.error("Failed to get unlock items:", err);
       }
-  };
+    },
+    [sortItemsByName],
+  );
+
+  useEffect(() => {
+    const { items: storedItems } = loadResultsFromStorage();
+
+    if (storedItems && storedItems.length > 0) {
+      setUnlockItems(storedItems);
+      getUnlockItems(false);
+    } else {
+      getUnlockItems(true);
+    }
+  }, [getUnlockItems]);
 
   const invokeWithTimeout = async <T,>(
     cmd: string,

src/polyfills/RegExp.js

@@ -11,13 +11,23 @@
     }
 
     if (flags) {
-      if (!originalRegExp.prototype.hasOwnProperty("unicodeSets")) {
+      if (
+        !Object.prototype.hasOwnProperty.call(
+          originalRegExp.prototype,
+          "unicodeSets",
+        )
+      ) {
         if (flags.includes("v")) {
           flags = flags.replace("v", "u");
         }
       }
 
-      if (!originalRegExp.prototype.hasOwnProperty("hasIndices")) {
+      if (
+        !Object.prototype.hasOwnProperty.call(
+          originalRegExp.prototype,
+          "hasIndices",
+        )
+      ) {
         if (flags.includes("d")) {
           flags = flags.replace("d", "");
         }

src/providers/app-data-provider.tsx

@@ -12,20 +12,18 @@ import { useClashInfo } from "@/hooks/use-clash";
 import { useVerge } from "@/hooks/use-verge";
 import { useVisibility } from "@/hooks/use-visibility";
 import {
-  getProxies,
+  forceRefreshProxies,
-  getRules,
+  getAppUptime,
   getClashConfig,
+  getConnections,
+  getMemoryData,
+  getProxies,
   getProxyProviders,
   getRuleProviders,
-  getConnections,
+  getRules,
-  getTrafficData,
-  getMemoryData,
-} from "@/services/cmds";
-import {
-  getSystemProxy,
   getRunningMode,
-  getAppUptime,
+  getSystemProxy,
-  forceRefreshProxies,
+  getTrafficData,
 } from "@/services/cmds";
 
 // 连接速度计算接口
@@ -482,7 +480,7 @@ export const AppDataProvider = ({
   );
 
   // 提供统一的刷新方法
-  const refreshAll = async () => {
+  const refreshAll = React.useCallback(async () => {
     await Promise.all([
       refreshProxy(),
       refreshClashConfig(),
@@ -491,7 +489,14 @@ export const AppDataProvider = ({
       refreshProxyProviders(),
       refreshRuleProviders(),
     ]);
-  };
+  }, [
+    refreshProxy,
+    refreshClashConfig,
+    refreshRules,
+    refreshSysproxy,
+    refreshProxyProviders,
+    refreshRuleProviders,
+  ]);
 
   // 聚合所有数据
   const value = useMemo(() => {
@@ -581,6 +586,7 @@ export const AppDataProvider = ({
     refreshSysproxy,
     refreshProxyProviders,
     refreshRuleProviders,
+    refreshAll,
   ]);
 
   return (

src/providers/chain-proxy-provider.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useCallback } from "react";
+import React, { createContext, useCallback, useContext, useState } from "react";
 
 interface ChainProxyContextType {
   isChainMode: boolean;

src/services/types.d.ts

@@ -739,7 +739,6 @@ interface IProxySnellConfig extends IProxyBaseConfig {
   psk?: string;
   udp?: boolean;
   version?: number;
-  "obfs-opts"?: {};
 }
 interface IProxyConfig
   extends IProxyBaseConfig,

src/utils/is-async-function.ts

@@ -1,3 +1,3 @@
-export default function isAsyncFunction(fn: Function): boolean {
+export default function isAsyncFunction(fn: (...args: any[]) => any): boolean {
   return fn.constructor.name === "AsyncFunction";
 }

src/utils/uri-parser.ts

@@ -648,7 +648,7 @@ function URI_VLESS(line: string): IProxyVlessConfig {
 
 function URI_Trojan(line: string): IProxyTrojanConfig {
   line = line.split("trojan://")[1];
-  let [__, password, server, ___, port, ____, addons = "", name] =
+  const [, passwordRaw, server, , port, , addons = "", nameRaw] =
     /^(.*?)@(.*?)(:(\d+))?\/?(\?(.*?))?(?:#(.*?))?$/.exec(line) || [];
 
   let portNum = parseInt(`${port}`, 10);
@@ -656,8 +656,10 @@ function URI_Trojan(line: string): IProxyTrojanConfig {
     portNum = 443;
   }
 
+  let password = passwordRaw;
   password = decodeURIComponent(password);
 
+  let name = nameRaw;
   const decodedName = trimStr(decodeURIComponent(name));
 
   name = decodedName ?? `Trojan ${server}:${portNum}`;
@@ -672,8 +674,8 @@ function URI_Trojan(line: string): IProxyTrojanConfig {
   let path = "";
 
   for (const addon of addons.split("&")) {
-    let [key, value] = addon.split("=");
+    const [key, valueRaw] = addon.split("=");
-    value = decodeURIComponent(value);
+    const value = decodeURIComponent(valueRaw);
     switch (key) {
       case "type":
         if (["ws", "h2"].includes(value)) {
@@ -704,6 +706,7 @@ function URI_Trojan(line: string): IProxyTrojanConfig {
         proxy["fingerprint"] = value;
         break;
       case "encryption":
+        {
           const encryption = value.split(";");
           if (encryption.length === 3) {
             proxy["ss-opts"] = {
@@ -712,6 +715,8 @@ function URI_Trojan(line: string): IProxyTrojanConfig {
               password: encryption[2],
             };
           }
+        }
+        break;
       case "client-fingerprint":
         proxy["client-fingerprint"] = value as ClientFingerprint;
         break;
@@ -736,17 +741,17 @@ function URI_Trojan(line: string): IProxyTrojanConfig {
 function URI_Hysteria2(line: string): IProxyHysteria2Config {
   line = line.split(/(hysteria2|hy2):\/\//)[2];
 
-  let [__, password, server, ___, port, ____, addons = "", name] =
+  const [, passwordRaw, server, , port, , addons = "", nameRaw] =
     /^(.*?)@(.*?)(:(\d+))?\/?(\?(.*?))?(?:#(.*?))?$/.exec(line) || [];
   let portNum = parseInt(`${port}`, 10);
   if (isNaN(portNum)) {
     portNum = 443;
   }
-  password = decodeURIComponent(password);
+  const password = decodeURIComponent(passwordRaw);
 
-  const decodedName = trimStr(decodeURIComponent(name));
+  const decodedName = trimStr(decodeURIComponent(nameRaw));
 
-  name = decodedName ?? `Hysteria2 ${server}:${port}`;
+  const name = decodedName ?? `Hysteria2 ${server}:${port}`;
 
   const proxy: IProxyHysteria2Config = {
     type: "hysteria2",
@@ -783,15 +788,15 @@ function URI_Hysteria2(line: string): IProxyHysteria2Config {
 
 function URI_Hysteria(line: string): IProxyHysteriaConfig {
   line = line.split(/(hysteria|hy):\/\//)[2];
-  let [__, server, ___, port, ____, addons = "", name] =
+  const [, server, , port, , addons = "", nameRaw] =
     /^(.*?)(:(\d+))?\/?(\?(.*?))?(?:#(.*?))?$/.exec(line)!;
   let portNum = parseInt(`${port}`, 10);
   if (isNaN(portNum)) {
     portNum = 443;
   }
-  const decodedName = trimStr(decodeURIComponent(name));
+  const decodedName = trimStr(decodeURIComponent(nameRaw));
 
-  name = decodedName ?? `Hysteria ${server}:${port}`;
+  const name = decodedName ?? `Hysteria ${server}:${port}`;
 
   const proxy: IProxyHysteriaConfig = {
     type: "hysteria",
@@ -856,8 +861,10 @@ function URI_Hysteria(line: string): IProxyHysteriaConfig {
         break;
       case "protocol":
         proxy["protocol"] = value;
+        break;
       case "sni":
         proxy["sni"] = value;
+        break;
       default:
         break;
     }
@@ -879,17 +886,17 @@ function URI_Hysteria(line: string): IProxyHysteriaConfig {
 function URI_TUIC(line: string): IProxyTuicConfig {
   line = line.split(/tuic:\/\//)[1];
 
-  let [__, uuid, password, server, ___, port, ____, addons = "", name] =
+  const [, uuid, passwordRaw, server, , port, , addons = "", nameRaw] =
     /^(.*?):(.*?)@(.*?)(:(\d+))?\/?(\?(.*?))?(?:#(.*?))?$/.exec(line) || [];
 
   let portNum = parseInt(`${port}`, 10);
   if (isNaN(portNum)) {
     portNum = 443;
   }
-  password = decodeURIComponent(password);
+  const password = decodeURIComponent(passwordRaw);
-  const decodedName = trimStr(decodeURIComponent(name));
+  const decodedName = trimStr(decodeURIComponent(nameRaw));
 
-  name = decodedName ?? `TUIC ${server}:${port}`;
+  const name = decodedName ?? `TUIC ${server}:${port}`;
 
   const proxy: IProxyTuicConfig = {
     type: "tuic",
@@ -958,17 +965,17 @@ function URI_TUIC(line: string): IProxyTuicConfig {
 
 function URI_Wireguard(line: string): IProxyWireguardConfig {
   line = line.split(/(wireguard|wg):\/\//)[2];
-  let [__, ___, privateKey, server, ____, port, _____, addons = "", name] =
+  const [, , privateKeyRaw, server, , port, , addons = "", nameRaw] =
     /^((.*?)@)?(.*?)(:(\d+))?\/?(\?(.*?))?(?:#(.*?))?$/.exec(line)!;
 
   let portNum = parseInt(`${port}`, 10);
   if (isNaN(portNum)) {
     portNum = 443;
   }
-  privateKey = decodeURIComponent(privateKey);
+  const privateKey = decodeURIComponent(privateKeyRaw);
-  const decodedName = trimStr(decodeURIComponent(name));
+  const decodedName = trimStr(decodeURIComponent(nameRaw));
 
-  name = decodedName ?? `WireGuard ${server}:${port}`;
+  const name = decodedName ?? `WireGuard ${server}:${port}`;
   const proxy: IProxyWireguardConfig = {
     type: "wireguard",
     name,
@@ -1007,6 +1014,7 @@ function URI_Wireguard(line: string): IProxyWireguardConfig {
         proxy["pre-shared-key"] = value;
         break;
       case "reserved":
+        {
           const parsed = value
             .split(",")
             .map((i) => parseInt(i.trim(), 10))
@@ -1014,6 +1022,7 @@ function URI_Wireguard(line: string): IProxyWireguardConfig {
           if (parsed.length === 3) {
             proxy["reserved"] = parsed;
           }
+        }
         break;
       case "udp":
         proxy["udp"] = /(TRUE)|1/i.test(value);
@@ -1040,19 +1049,21 @@ function URI_Wireguard(line: string): IProxyWireguardConfig {
 
 function URI_HTTP(line: string): IProxyHttpConfig {
   line = line.split(/(http|https):\/\//)[2];
-  let [__, ___, auth, server, ____, port, _____, addons = "", name] =
+  const [, , authRaw, server, , port, , addons = "", nameRaw] =
     /^((.*?)@)?(.*?)(:(\d+))?\/?(\?(.*?))?(?:#(.*?))?$/.exec(line)!;
 
   let portNum = parseInt(`${port}`, 10);
   if (isNaN(portNum)) {
     portNum = 443;
   }
+  let auth = authRaw;
+
   if (auth) {
     auth = decodeURIComponent(auth);
   }
-  const decodedName = trimStr(decodeURIComponent(name));
+  const decodedName = trimStr(decodeURIComponent(nameRaw));
 
-  name = decodedName ?? `HTTP ${server}:${portNum}`;
+  const name = decodedName ?? `HTTP ${server}:${portNum}`;
   const proxy: IProxyHttpConfig = {
     type: "http",
     name,
@@ -1104,18 +1115,20 @@ function URI_HTTP(line: string): IProxyHttpConfig {
 
 function URI_SOCKS(line: string): IProxySocks5Config {
   line = line.split(/socks5:\/\//)[1];
-  let [__, ___, auth, server, ____, port, _____, addons = "", name] =
+  const [, , authRaw, server, , port, , addons = "", nameRaw] =
     /^((.*?)@)?(.*?)(:(\d+))?\/?(\?(.*?))?(?:#(.*?))?$/.exec(line)!;
 
   let portNum = parseInt(`${port}`, 10);
   if (isNaN(portNum)) {
     portNum = 443;
   }
+
+  let auth = authRaw;
   if (auth) {
     auth = decodeURIComponent(auth);
   }
-  const decodedName = trimStr(decodeURIComponent(name));
+  const decodedName = trimStr(decodeURIComponent(nameRaw));
-  name = decodedName ?? `SOCKS5 ${server}:${portNum}`;
+  const name = decodedName ?? `SOCKS5 ${server}:${portNum}`;
   const proxy: IProxySocks5Config = {
     type: "socks5",
     name,