diff --git a/src/components/proxy/use-head-state.ts b/src/components/proxy/use-head-state.ts
index daba79b496fa6575c5a1d90d73a3613f29955b31..d1bce2fcf03788bc55ea8de30b912d27a36f38ba 100644
--- a/src/components/proxy/use-head-state.ts
+++ b/src/components/proxy/use-head-state.ts
@@ -1,7 +1,6 @@
import { useCallback, useEffect, useState } from "react";
-import { useRecoilValue } from "recoil";
-import { atomCurrentProfile } from "@/services/states";
import { ProxySortType } from "./use-filter-sort";
+import { useProfiles } from "@/hooks/use-profiles";
export interface HeadState {
open?: boolean;
@@ -25,7 +24,8 @@ export const DEFAULT_STATE: HeadState = {
};
export function useHeadStateNew() {
- const current = useRecoilValue(atomCurrentProfile);
+ const { profiles } = useProfiles();
+ const current = profiles?.current || "";
const [state, setState] = useState<Record<string, HeadState>>({});
diff --git a/src/hooks/use-profiles.ts b/src/hooks/use-profiles.ts
index 9b6c5fe8be89ceec85f506ce1ce90ba3f6f2afdf..9b49df2230885431c210819ffe5b27a8f9a0596c 100644
--- a/src/hooks/use-profiles.ts
+++ b/src/hooks/use-profiles.ts
@@ -1,9 +1,10 @@
-import useSWR from "swr";
+import useSWR, { mutate } from "swr";
import {
getProfiles,
patchProfile,
patchProfilesConfig,
} from "@/services/cmds";
+import { getProxies, updateProxy } from "@/services/api";
export const useProfiles = () => {
const { data: profiles, mutate: mutateProfiles } = useSWR(
@@ -23,9 +24,54 @@ export const useProfiles = () => {
}
};
+ // æ ¹æ®selected的节点选择
+ const activateSelected = async () => {
+ const proxiesData = await getProxies();
+ const profileData = await getProfiles();
+
+ if (!profileData || !proxiesData) return;
+
+ const current = profileData.items?.find(
+ (e) => e.uid === profileData.current
+ );
+
+ if (!current) return;
+
+ // init selected array
+ const { selected = [] } = current;
+ const selectedMap = Object.fromEntries(
+ selected.map((each) => [each.name!, each.now!])
+ );
+
+ let hasChange = false;
+
+ const newSelected: typeof selected = [];
+ const { global, groups } = proxiesData;
+
+ [global, ...groups].forEach(({ type, name, now }) => {
+ if (!now || (type !== "Selector" && type !== "Fallback")) return;
+ if (selectedMap[name] != null && selectedMap[name] !== now) {
+ hasChange = true;
+ updateProxy(name, selectedMap[name]);
+ console.log({
+ name,
+ now,
+ select: selectedMap[name],
+ });
+ }
+ newSelected.push({ name, now: selectedMap[name] });
+ });
+
+ if (hasChange) {
+ patchProfile(profileData.current!, { selected: newSelected });
+ mutate("getProxies", getProxies());
+ }
+ };
+
return {
profiles,
current: profiles?.items?.find((p) => p.uid === profiles.current),
+ activateSelected,
patchProfiles,
patchCurrent,
mutateProfiles,
diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx
index 4b52ace997ef6d651100f92510cb7f2f47ef8562..1027ecc94fef437d24c46a1f2b32b43b95674b34 100644
--- a/src/pages/_layout.tsx
+++ b/src/pages/_layout.tsx
@@ -3,7 +3,6 @@ import i18next from "i18next";
import relativeTime from "dayjs/plugin/relativeTime";
import { SWRConfig, mutate } from "swr";
import { useEffect } from "react";
-import { useSetRecoilState } from "recoil";
import { useTranslation } from "react-i18next";
import { Route, Routes } from "react-router-dom";
import { alpha, List, Paper, ThemeProvider } from "@mui/material";
@@ -11,8 +10,6 @@ import { listen } from "@tauri-apps/api/event";
import { appWindow } from "@tauri-apps/api/window";
import { routers } from "./_routers";
import { getAxios } from "@/services/api";
-import { atomCurrentProfile } from "@/services/states";
-import { getProfiles } from "@/services/cmds";
import { useVerge } from "@/hooks/use-verge";
import { ReactComponent as LogoSvg } from "@/assets/image/logo.svg";
import { BaseErrorBoundary, Notice } from "@/components/base";
@@ -36,8 +33,6 @@ const Layout = () => {
const { verge } = useVerge();
const { theme_blur, language } = verge || {};
- const setCurrentProfile = useSetRecoilState(atomCurrentProfile);
-
useEffect(() => {
window.addEventListener("keydown", (e) => {
if (e.key === "Escape") {
@@ -71,9 +66,6 @@ const Layout = () => {
break;
}
});
-
- // set current profile uid
- getProfiles().then((data) => setCurrentProfile(data.current ?? ""));
}, []);
useEffect(() => {
diff --git a/src/pages/profiles.tsx b/src/pages/profiles.tsx
index b023aca325b4fd1621aeeb69b0557b57de610eb1..ec423f1231bf69ce4b68c80bb5c8bcfb1a549893 100644
--- a/src/pages/profiles.tsx
+++ b/src/pages/profiles.tsx
@@ -1,20 +1,17 @@
import useSWR, { mutate } from "swr";
import { useLockFn } from "ahooks";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { useSetRecoilState } from "recoil";
+import { useMemo, useRef, useState } from "react";
import { Box, Button, Grid, IconButton, Stack, TextField } from "@mui/material";
import { CachedRounded } from "@mui/icons-material";
import { useTranslation } from "react-i18next";
import {
getProfiles,
- patchProfile,
importProfile,
enhanceProfiles,
getRuntimeLogs,
deleteProfile,
} from "@/services/cmds";
-import { closeAllConnections, getProxies, updateProxy } from "@/services/api";
-import { atomCurrentProfile } from "@/services/states";
+import { closeAllConnections } from "@/services/api";
import { BasePage, Notice } from "@/components/base";
import {
ProfileViewer,
@@ -30,9 +27,12 @@ const ProfilePage = () => {
const [url, setUrl] = useState("");
const [disabled, setDisabled] = useState(false);
- const setCurrentProfile = useSetRecoilState(atomCurrentProfile);
-
- const { profiles = {}, patchProfiles, mutateProfiles } = useProfiles();
+ const {
+ profiles = {},
+ activateSelected,
+ patchProfiles,
+ mutateProfiles,
+ } = useProfiles();
const { data: chainLogs = {}, mutate: mutateLogs } = useSWR(
"getRuntimeLogs",
@@ -60,48 +60,6 @@ const ProfilePage = () => {
return { regularItems, enhanceItems };
}, [profiles]);
- // sync selected proxy
- useEffect(() => {
- if (profiles.current == null) return;
-
- const current = profiles.current;
- const profile = regularItems.find((p) => p.uid === current);
-
- setCurrentProfile(current);
-
- if (!profile) return;
-
- setTimeout(async () => {
- const proxiesData = await getProxies();
- mutate("getProxies", proxiesData);
-
- // init selected array
- const { selected = [] } = profile;
- const selectedMap = Object.fromEntries(
- selected.map((each) => [each.name!, each.now!])
- );
-
- let hasChange = false;
-
- const newSelected: typeof selected = [];
- const { global, groups } = proxiesData;
-
- [global, ...groups].forEach(({ type, name, now }) => {
- if (!now || (type !== "Selector" && type !== "Fallback")) return;
- if (selectedMap[name] != null && selectedMap[name] !== now) {
- hasChange = true;
- updateProxy(name, selectedMap[name]);
- }
- newSelected.push({ name, now });
- });
-
- // update profile selected list
- patchProfile(current!, { selected: newSelected });
- // update proxies cache
- if (hasChange) mutate("getProxies", getProxies());
- }, 100);
- }, [profiles, regularItems]);
-
const onImport = async () => {
if (!url) return;
setUrl("");
@@ -119,6 +77,7 @@ const ProfilePage = () => {
const current = remoteItem.uid;
patchProfiles({ current });
mutateLogs();
+ setTimeout(() => activateSelected(), 2000);
}
});
} catch (err: any) {
@@ -132,9 +91,9 @@ const ProfilePage = () => {
if (!force && current === profiles.current) return;
try {
await patchProfiles({ current });
- setCurrentProfile(current);
mutateLogs();
closeAllConnections();
+ setTimeout(() => activateSelected(), 2000);
Notice.success("Refresh clash config", 1000);
} catch (err: any) {
Notice.error(err?.message || err.toString(), 4000);
diff --git a/src/services/states.ts b/src/services/states.ts
index 399eb3e85516ae8b35d718dce49b804d3d2f1532..6ac6edcf8f9daa36ea65e2d1f49b75634de5fb19 100644
--- a/src/services/states.ts
+++ b/src/services/states.ts
@@ -71,9 +71,3 @@ export const atomUpdateState = atom<boolean>({
key: "atomUpdateState",
default: false,
});
-
-// current profile uid
-export const atomCurrentProfile = atom<string>({
- key: "atomCurrentProfile",
- default: "",
-});