新增内核管理模块，可切换easytier内核版本，优化帮助和清除数据提示

app.vue

@@ -6,6 +6,30 @@
 <script setup lang="ts">
 	import useMainStore from "@/stores/index";
 	import { initTheme } from "@/composables/theme";
+	import { warn, debug, trace, info, error } from "@tauri-apps/plugin-log";
+	function forwardConsole(fnName: "log" | "debug" | "info" | "warn" | "error", logger: (message: string) => Promise<void>) {
+		const original = console[fnName];
+		console[fnName] = (message) => {
+			original(message);
+			if (import.meta.env.PROD) {
+				try {
+					if (typeof message === "string") {
+						logger(message);
+					} else {
+						logger(JSON.stringify(message));
+					}
+				} catch (e) {
+					logger(`${message}`);
+				}
+			}
+		};
+	}
+	forwardConsole("log", info);
+	forwardConsole("debug", debug);
+	forwardConsole("info", info);
+	forwardConsole("warn", warn);
+	forwardConsole("error", error);
+
 	const mainStore = useMainStore();
 	// console.log(mainStore.theme)
 	initTheme(mainStore.theme);

assets/css/main.css

@@ -32,3 +32,8 @@ html.dark body {
 	box-sizing: border-box;
 	padding: 3px 5px;
 }
+
+.full-label .el-form-item__label {
+	width: 100%;
+	padding-right: 0;
+}

composables/configJson.ts

@@ -15,7 +15,7 @@ export const updateConfigJson = async (configJsonSeverUrl: Array<string> | strin
 			proxyNetworks,
 			autoStart,
 			relayAllPeerrpc,
-			coonectAfterStart,
+			connectAfterStart,
 			multiThread,
 			enablExitNode,
 			useSmoltcp,
@@ -39,7 +39,7 @@ export const updateConfigJson = async (configJsonSeverUrl: Array<string> | strin
 		}
 		await writeTextFile(path, JSON.stringify({ serverUrl: writeServerUrl, ...otherConfig }, null, 4), { baseDir: BaseDirectory.Resource });
 	} catch (err) {
-		console.log(err);
+		console.error(err);
 		ElMessage.error(`更新config.json失败`);
 	}
 };

composables/netcard.ts

@@ -2,6 +2,8 @@ import { invoke } from "@tauri-apps/api/core";
 import { Command } from "@tauri-apps/plugin-shell";
 import { ElMessage, type TabPaneName } from "element-plus";
 import useMainStore from "@/stores/index";
+import { BaseDirectory } from "@tauri-apps/api/path";
+import { exists } from "@tauri-apps/plugin-fs";
 
 const getWinIpBroadcastPid = async () => {
     const mainStore = useMainStore();
@@ -19,17 +21,23 @@ export const handleWinipBcStart = async () => {
     if (!mainStore.winipBcStart) {
         try {
             await invoke("stop_command", { child_id: mainStore.winipBcPid || 0 });
+            const isExists = await exists("easytier/tool/WinIPBroadcast.exe", { baseDir: BaseDirectory.Resource });
+            if(!isExists) {
+                ElMessage.error(`WinipBc不存在`);
+                console.error(`WinipBc不存在`);
+                return;
+            }
             const child = await Command.create("WinIPBroadcast", ["run"]).spawn();
             mainStore.winipBcPid = child.pid || 0;
             if (mainStore.winipBcPid) {
                 mainStore.winipBcStart = true;
 				mainStore.winIpBcAutoStart = true;
             } else {
-                ElMessage.error(`启动失败`);
+                ElMessage.error(`WinipBc失败`);
             }
         } catch (err) {
-            ElMessage.error(`启动失败`);
-            console.log(err);
+            ElMessage.error(`WinipBc失败`);
+            console.error(err);
         }
     } else {
 		mainStore.winIpBcAutoStart = false;
@@ -41,7 +49,7 @@ export const handleWinipBcStart = async () => {
 export const initStartWinIpBroadcast = async () => {
     const mainStore = useMainStore();
     await getWinIpBroadcastPid();
-    // console.log(mainStore.winipBcStart, mainStore.winIpBcAutoStart)
+    // console.error(mainStore.winipBcStart, mainStore.winIpBcAutoStart)
     if (mainStore.winIpBcAutoStart && !mainStore.winipBcStart) {
         await handleWinipBcStart();
     }

composables/tray.ts

@@ -36,7 +36,7 @@ export async function useTray(init: boolean = false, beforExit: Function) {
 			});
 		}
 	} catch (error) {
-		console.warn("Error while creating tray icon:", error);
+		console.error("Error while creating tray icon:", error);
 		return null;
 	}
 

composables/windows.ts

@@ -26,13 +26,13 @@ export default async (
 		if (appWindow) {
 			const appSize = await appWindow.outerSize();
 			// const monitor = await currentMonitor();
-			// console.log(monitor)
+			// console.error(monitor)
 			const factor = await appWindow.scaleFactor();
 			const appPosition = await appWindow.outerPosition();
-			// console.log((appPosition.x + appSize.width) / 1.25);
+			// console.error((appPosition.x + appSize.width) / 1.25);
 			const logicalPosition = new PhysicalPosition(appPosition.x + appSize.width, appPosition.y).toLogical(factor);
 			defaultOpts.parent = appWindow;
-			// console.log(logicalPosition);
+			// console.error(logicalPosition);
 			defaultOpts.x = logicalPosition.x;
 			defaultOpts.y = logicalPosition.y;
 		}

package.json

@@ -3,7 +3,7 @@
 	"private": true,
 	"author": "leizi97",
 	"description": "A simple network initiator based on Easytier",
-	"version": "1.2.0",
+	"version": "1.2.3",
 	"scripts": {
 		"dev": "nuxt dev --dotenv env/.env.dev --host 0.0.0.0",
 		"build": "nuxt generate --dotenv env/.env.prod"
@@ -20,7 +20,9 @@
 		"@tauri-apps/plugin-clipboard-manager": "^2.0.0",
 		"@tauri-apps/plugin-fs": "~2",
 		"@tauri-apps/plugin-http": "^2.0.1",
+		"@tauri-apps/plugin-log": "^2.0.0",
 		"@tauri-apps/plugin-shell": "~2",
+		"@tauri-apps/plugin-window-state": "~2",
 		"@types/lodash-es": "^4.17.12",
 		"@vitejs/plugin-vue-jsx": "^4.1.0",
 		"@vueuse/core": "^11.2.0",

pages/advance.vue

@@ -26,7 +26,7 @@
 				打开日志目录
 			</ElButton>
 		</div>
-		<div><ElCheckbox v-model="mainStore.config.coonectAfterStart">软件启动后，自动"启动联机"(搭配开机自启，无感联机)</ElCheckbox></div>
+		<div><ElCheckbox v-model="mainStore.config.connectAfterStart">软件启动后，自动"启动联机"(搭配开机自启，无感联机)</ElCheckbox></div>
 		<div class="flex items-center gap-[15px] flex-nowrap">
 			<ElCheckbox v-model="mainStore.createConfigInEasytier">自动生成界面配置文件easytier/config.json</ElCheckbox>
 			<ElButton
@@ -76,7 +76,7 @@
 
 		<ElDivider />
 		<div><ElCheckbox v-model="mainStore.config.enablExitNode">允许此节点成为出口节点</ElCheckbox></div>
-		<div><ElCheckbox v-model="mainStore.config.disableEncryption">禁用对等节点通信的加密，默认为false，必须与对等节点相同</ElCheckbox></div>
+		<div><ElCheckbox v-model="mainStore.config.disableEncryption">禁用对等节点通信的加密，默认为启用，必须与对等节点相同</ElCheckbox></div>
 		<div><ElCheckbox v-model="mainStore.config.multiThread">使用多线程运行时，默认为单线程</ElCheckbox></div>
 		<ElDivider />
 
@@ -123,7 +123,7 @@
 		}
 	};
 	mainStore.$subscribe(async (...a) => {
-		// console.log("subscribe", a);
+		// console.error("subscribe", a);
 		await appWindow.emitTo("main", "config", { config: { ...mainStore.config }, createConfigInEasytier: mainStore.createConfigInEasytier });
 		// if(mainStore.createConfigInEasytier) {
 		// 	updateConfigJson();

pages/index.vue

@@ -10,9 +10,10 @@
 		<!-- <div> -->
 		<ElFormItem
 			label="服务器"
-			prop="serverUrl">
+			prop="serverUrl"
+			class="full-label">
 			<template #label>
-				<div class="flex items-center gap-[0_5px]">
+				<div class="flex items-center flex-nowrap gap-[0_5px]">
 					<div>服务器</div>
 					<span>-</span>
 					<ElTag
@@ -25,28 +26,37 @@
 						@click="getCoreVersion(true)">
 						获取内核版本
 					</ElButton>
-					<ElTag
+					<div
 						v-else
-						type="info">
-						{{ data.coreVersion }}
-					</ElTag>
-					<ElPopconfirm
+						class="flex-1 truncate">
+						<ElTooltip :content="data.coreVersion">
+							<ElTag type="info">
+								{{ data.coreVersion }}
+							</ElTag>
+						</ElTooltip>
+					</div>
+
+					<!-- <ElPopconfirm
 						width="325"
 						cancel-button-text="取消"
 						confirm-button-text="继续"
 						title="内核从github下载，需要出国工具，可能下载缓慢或失败，是否继续?
 						也可以从官方群里手动下载后解压到easytier-game.exe同级目录下的easytier目录里,全部覆盖即可"
-						@confirm="handleUpdateCore">
-						<template #reference>
-							<ElButton
-								:disabled="data.isStart"
-								:loading="data.update"
-								type="warning"
-								size="small">
-								{{ data.coreVersion ? "更新内核" : "下载内核" }}
-							</ElButton>
-						</template>
-					</ElPopconfirm>
+						@confirm="handleCoreManagement"
+					>
+						<template #reference> -->
+					<ElButton
+						class="ml-auto"
+						:disabled="data.isStart"
+						@click="handleCoreManagement"
+						:loading="data.update"
+						type="primary"
+						size="small">
+						内核管理
+						<!-- {{ data.coreVersion ? "更新内核" : "下载内核" }} -->
+					</ElButton>
+					<!-- </template>
+					</ElPopconfirm> -->
 				</div>
 			</template>
 			<ElSelect
@@ -233,12 +243,16 @@
 					size="small">
 					强制中转
 				</ElCheckbox>
-				<ElCheckbox
-					@change="handleAutoStartByTask"
-					:model-value="config.autoStart"
-					size="small">
-					开机自启
-				</ElCheckbox>
+				<ElTooltip
+					placement="top-start"
+					content="自启后隐藏于托盘，不显示界面">
+					<ElCheckbox
+						@change="handleAutoStartByTask"
+						:model-value="config.autoStart"
+						size="small">
+						开机自启
+					</ElCheckbox>
+				</ElTooltip>
 				<div>
 					<ElButton
 						@click="handleShowCidrDialog"
@@ -273,6 +287,71 @@
 			</div>
 		</div>
 	</ElForm>
+	<ElDialog
+		width="95%"
+		top="10px"
+		append-to-body
+		:z-index="10"
+		class="!mb-0"
+		v-model="coreManagementData.visible"
+		:close-on-press-escape="false"
+		title="内核管理">
+		<div>
+			<ElText>当前版本: {{ data.coreVersion || "-" }}</ElText>
+		</div>
+		<div class="mt-[10px] pb-[5px]">
+			<ElText class="!mr-[10px]">选择一个内核版本安装</ElText>
+			<ElButton
+				:loading="coreManagementData.loading"
+				@click="getReleaseList"
+				size="small"
+				>刷新</ElButton
+			>
+		</div>
+		<ElSelect
+			placeholder="请选择内核版本"
+			no-data-text="正在获取中..."
+			popper-class="!h-[120px]"
+			v-model="coreManagementData.data">
+			<ElOption
+				v-for="(release, idx) in data.releaseList"
+				:key="`${idx}-ray`"
+				:label="release[0]"
+				:value="`${release[2]}<>${release[1]}`">
+				{{ release ? release[0] : "" }}
+			</ElOption>
+		</ElSelect>
+		<div class="pb-[5px] mt-[10px]">
+			<ElTooltip content="不使用出国软件也能告诉下载github Release包的地址，可自行搜索替换使用">
+				<ElText>github下载加速地址</ElText>
+			</ElTooltip>
+		</div>
+		<ElInput
+			v-model="mainStore.githubFastUrl"
+			placeholder="请输入github加速地址"></ElInput>
+		<template #footer>
+			<div class="text-right">
+				<ElButton
+					size="small"
+					:loading="data.update"
+					@click="handleInstallCore"
+					type="primary">
+					安装选中内核
+				</ElButton>
+				<ElButton
+					size="small"
+					type="warning"
+					@click="addQQGroup"
+					>加群获取</ElButton
+				>
+				<ElButton
+					size="small"
+					@click="coreManagementData.visible = false">
+					取消
+				</ElButton>
+			</div>
+		</template>
+	</ElDialog>
 	<ElDialog
 		width="95%"
 		top="10px"
@@ -372,7 +451,7 @@
 	import { updateConfigJson } from "~/composables/configJson";
 	import { writeText, readText } from "@tauri-apps/plugin-clipboard-manager";
 	import { sortedUniq, uniq } from "lodash-es";
-	import { bounce } from "~/utils";
+	import { bounce, addQQGroup } from "~/utils";
 
 	let is_close = false;
 
@@ -384,9 +463,9 @@
 
 	const mainStore = useMainStore();
 	const config = mainStore.config;
-	// console.log(config);
-	const protocols = ["tcp", "udp", "ws", "wss", "wg"];
-	const data = reactive({
+	// console.error(config);
+	const protocols = ["tcp", "udp", "ws", "wss", "wg", "quic"];
+	const data = reactive<{ [key: string]: any; releaseList: Array<Array<string>> }>({
 		logVisible: false,
 		cidrVisible: false,
 		advanceVisible: false,
@@ -397,7 +476,7 @@
 		log: "",
 		update: false,
 		releaseList: [],
-		coreVersion: "",
+		coreVersion: "-",
 		isSuccessGetIp: false,
 		startLoading: false,
 		isStart: false,
@@ -417,13 +496,19 @@
 		data: "",
 	});
 
+	const coreManagementData = reactive<{ data: ""; [key: string]: any }>({
+		visible: false,
+		loading: false,
+		data: "",
+	});
+
 	const closePrevent = async () => {
 		const appWindow = getCurrentWindow();
 		if (appWindow.label == "main") {
 			appWindow.onCloseRequested(async (event) => {
-				// console.log(appWindow.label);
+				// console.error(appWindow.label);
 				if (!is_close) {
-					// console.log(1);
+					// console.error(1);
 					event.preventDefault();
 					appWindow.hide();
 				}
@@ -441,10 +526,24 @@
 			newBasePeers.splice(idx, 1);
 		}
 		mainStore.basePeers = uniq([...newBasePeers]);
+		if (mainStore.basePeers.length > 0) {
+			mainStore.config.serverUrl = mainStore.basePeers[0];
+		}
 	};
 
 	const handleServerUrlChange = () => {
-		mainStore.basePeers = uniq([config.serverUrl, ...mainStore.basePeers]);
+		let inputProtocols: string | null = null;
+		for (const p of protocols) {
+			if (config.serverUrl.toLowerCase().startsWith(`${p}://`)) {
+				inputProtocols = p;
+				break;
+			}
+		}
+		if (inputProtocols) {
+			mainStore.config.protocol = [inputProtocols];
+			mainStore.config.serverUrl = mainStore.config.serverUrl.slice(inputProtocols.length + 3);
+		}
+		mainStore.basePeers = uniq([mainStore.config.serverUrl, ...mainStore.basePeers]);
 	};
 
 	const listenObj: { [key: string]: any } = {
@@ -456,7 +555,7 @@
 			// const appWindow = getCurrentWindow();
 			const unListen = await listen("command-output", async (event) => {
 				data.isStart = true;
-				// console.log(event.payload);
+				// console.error(event.payload);
 				if (event.payload) {
 					data.startLoading = false;
 					let ipv4 = /dhcp ip changed. old: None, new: Some\((\d+\.\d+\.\d+\.\d+).*\)/g.exec(event.payload as string)?.[1];
@@ -469,7 +568,7 @@
 							await setTrayTooltip(tray, `IP: ${ipv4}`);
 						}
 					} else {
-						if ((event.payload as string).includes("new peer connection added")) {
+						if ((event.payload as string).includes("new peer connection added") && !data.isSuccessGetIp) {
 							await setTrayRunState(tray, true);
 							data.isSuccessGetIp = true;
 							await setTrayTooltip(tray, `IP: ${config.ipv4}`);
@@ -491,7 +590,7 @@
 								}
 							).execute();
 						} catch (err) {
-							console.log(err);
+							console.error(err);
 							ElMessage.error("跃点设置失败");
 						}
 					}
@@ -513,7 +612,7 @@
 		},
 		async listenConfigStart() {
 			const unListen = await listen("config", (event) => {
-				// console.log("config", event.payload);
+				// console.error("config", event.payload);
 				const ipv4 = config.ipv4;
 				mainStore.$patch(event.payload as any);
 				config.ipv4 = ipv4;
@@ -537,19 +636,23 @@
 	};
 
 	const checkUpdate = async () => {
-		await getReleaseList();
-		const latestVersionFileName = data.releaseList?.[0]?.[0]?.[1] as string;
-		if (latestVersionFileName) {
-			// console.log(latestVersionFileName, /\-v(\d+\.\d+\.\d+)/g.exec(latestVersionFileName));
-			const latestVersion = /\-v(\d+\.\d+\.\d+)/g.exec(latestVersionFileName)?.[1];
+		// const latestVersionFileName = data.releaseList?.[0]?.[0]?.[1] as string;
+		let [downloadUrl, versionFileName] = (coreManagementData.data as string).split("<>");
+		if (mainStore.githubFastUrl) {
+			let fastUrl = mainStore.githubFastUrl.replace(/\\/g, "/").replace(/\/{2,}/g, "/");
+			if (!fastUrl.endsWith("/")) fastUrl += "/";
+			downloadUrl = fastUrl + downloadUrl;
+		}
+		if (versionFileName) {
+			// console.error(latestVersionFileName, /\-v(\d+\.\d+\.\d+)/g.exec(latestVersionFileName));
+			const version = /\-v(\d+\.\d+\.\d+)/g.exec(versionFileName)?.[1];
 			const currentVersion = /(\d+\.\d+\.\d+)/g.exec(data.coreVersion || "")?.[1];
-			if (latestVersion && currentVersion != latestVersion) {
-				// console.log({ currentVersion, latestVersion });
-				ElMessage.success(`更新 -> ${latestVersion}`);
-				const downloadUrl = data.releaseList?.[0]?.[0]?.[2];
-				return [true, downloadUrl, latestVersionFileName];
-			} else if (currentVersion === latestVersion) {
-				ElMessage.success(`当前是最新版`);
+			if (version && currentVersion != version) {
+				// console.error({ currentVersion, latestVersion });
+				ElMessage.success(`更新 -> ${version}`);
+				return [true, downloadUrl, versionFileName];
+			} else if (currentVersion === version) {
+				ElMessage.success(`当前版本无需安装`);
 				return [false, null, null];
 			} else {
 				ElMessage.error(`获取版本失败`);
@@ -561,23 +664,44 @@
 		return [false, null, null];
 	};
 
-	const handleUpdateCore = async () => {
-		data.update = true;
-		await getCoreVersion();
-		const [isNeedUpdate, downloadUrl, latestVersionFileName] = await checkUpdate();
-		if (isNeedUpdate) {
-			await reset();
-			// console.log(downloadUrl);
-			await invoke("download_easytier_zip", { download_url: downloadUrl, file_name: latestVersionFileName });
+	const handleCoreManagement = async () => {
+		coreManagementData.visible = true;
+		await getReleaseList();
+	};
+
+	const handleInstallCore = async () => {
+		try {
+			if (!coreManagementData.data) {
+				return ElMessage.error("请选择一个内核");
+			}
+			data.update = true;
+			await getCoreVersion();
+			const [isNeedUpdate, downloadUrl, latestVersionFileName] = await checkUpdate();
+
+			if (isNeedUpdate) {
+				await reset();
+				// console.error(downloadUrl);
+				await invoke("download_easytier_zip", { download_url: downloadUrl, file_name: latestVersionFileName });
+			}
+			await getCoreVersion();
+		} catch (err) {
+			console.error(err);
+		} finally {
+			data.update = false;
 		}
-		await getCoreVersion();
-		data.update = false;
 	};
 
 	const getReleaseList = async () => {
-		const list = await invoke("fetch_easytier_list");
-		data.releaseList = list as never[];
-		console.log(data.releaseList);
+		coreManagementData.loading = true;
+		const list = await invoke<string[][][]>("fetch_easytier_list");
+		data.releaseList = [
+			...list.flat().filter((el) => {
+				// console.log(el, el[0], el[2]);
+				return el && el[0] && el[2] && !el[2].includes("gui");
+			}),
+		];
+		coreManagementData.loading = false;
+		// console.log(data.releaseList);
 	};
 
 	const handleAutoStart = async () => {
@@ -638,6 +762,7 @@
 			is_enable_by_task = (await invoke("autostart_is_enabled")) as boolean;
 			config.autoStart = is_enable_by_task;
 		} catch (err) {
+			console.error(err);
 			await invoke("spawn_autostart", { enabled: false });
 			const is_enable_by_task = (await invoke("autostart_is_enabled")) as boolean;
 			config.autoStart = is_enable_by_task;
@@ -645,7 +770,7 @@
 	};
 
 	const initConnectAfterStart = async () => {
-		if (config.coonectAfterStart && data.coreVersion) {
+		if (config.connectAfterStart && data.coreVersion) {
 			await reset();
 			await handleConnection();
 		}
@@ -677,8 +802,8 @@
 					data.configJsonSeverUrl = guiJson.serverUrl;
 					mainStore.$patch({
 						config: {
-							...guiJson,
 							...mainStore.config,
+							...guiJson,
 							serverUrl: saveServerUrl,
 						},
 					});
@@ -686,7 +811,12 @@
 						await updateConfigJson(data.configJsonSeverUrl);
 					}
 				} catch (err) {
+					console.error(err);
 					ElMessage.error(`config.json格式错误`);
+				} finally {
+					mainStore.$patch({
+						createConfigInEasytier: true, // 发现本地存在config.json 默认启用该功能
+					});
 				}
 			}
 		}
@@ -724,7 +854,7 @@
 	});
 
 	const getArgs = async () => {
-		// console.log(config.proxyNetworks);
+		// console.error(config.proxyNetworks);
 		const args = [];
 		if (mainStore.configStartEnable && mainStore.configPath) {
 			// const resourceDir = await getResourceDir();
@@ -763,7 +893,7 @@
 			args.push("--no-listener");
 		}
 		if (mainStore.cidrEnable && config.proxyNetworks) {
-			// console.log(config.proxyNetworks);
+			// console.error(config.proxyNetworks);
 			const reg = /\d+\.\d+\.\d+\.\d+\/\d+/g;
 			const formatProxyNetworks = config.proxyNetworks
 				.split("\n")
@@ -879,7 +1009,7 @@
 				const {
 					proxyNetworks,
 					autoStart,
-					coonectAfterStart,
+					connectAfterStart,
 					multiThread,
 					hostname,
 					enablExitNode,
@@ -893,7 +1023,7 @@
 				await writeText(WT);
 				ElMessage.success("配置已复制");
 			} catch (err) {
-				console.log(err);
+				console.error(err);
 				ElMessage.error("分享失败");
 			}
 		}
@@ -920,7 +1050,7 @@
 			importConfigData.visible = false;
 			mainStore.basePeers = uniq([config.serverUrl, ...mainStore.basePeers]);
 		} catch (err) {
-			console.log(err);
+			console.error(err);
 			if (err !== "cancel") {
 				ElMessage.error("导入失败");
 			}
@@ -935,14 +1065,16 @@
 			mainStore.configPath = "";
 			try {
 				await mkdir(path, { baseDir: BaseDirectory.Resource });
-			} catch (err) {}
+			} catch (err) {
+				console.error(err);
+			}
 		}
 	};
 
 	const openConfigDir = async () => {
 		const resourceDir = await getResourceDir();
 		const configPath = await join(resourceDir, import.meta.env.VITE_CONFIG_PATH);
-		// console.log(configPath);
+		// console.error(configPath);
 		await Command.create("explorer", [configPath]).execute();
 	};
 
@@ -958,7 +1090,7 @@
 			"member",
 			{
 				title: "成员列表",
-				width: 470,
+				width: 875,
 				height: 380,
 				url: "#/member",
 			},

pages/member.vue

@@ -8,24 +8,55 @@
 				:data="data.member"
 				v-else>
 				<ElTableColumn
-					v-for="prop in showTableHeader"
 					sortable
-					:prop="prop[0]"
-					:label="prop[1]"
-					:key="prop[0]">
+					width="140"
+					label="主机名"
+					prop="hostname"></ElTableColumn>
+				<ElTableColumn
+					sortable
+					width="90"
+					prop="cost"
+					label="路由">
 					<template #default="{ row }">
-						<span v-if="prop[0] == 'loss_rate'">
-							{{ row[prop[0]] && row[prop[0]] != "-" ? Number(row[prop[0]] * 100).toFixed(2) + "%" : row[prop[0]] }}
-						</span>
-						<span v-else-if="prop[0] != 'cost'">{{ row[prop[0]] }}</span>
 						<ElTag
-							v-else
 							effect="dark"
-							:type="row[prop[0]] == 'p2p' ? 'success' : 'info'">
-							{{ row[prop[0]] }}
+							:type="row.cost == 'p2p' ? 'success' : 'info'">
+							{{ row.cost }}
 						</ElTag>
 					</template>
 				</ElTableColumn>
+				<ElTableColumn
+					sortable
+					width="120"
+					prop="ipv4"
+					label="虚拟网IP"></ElTableColumn>
+				<ElTableColumn
+					sortable
+					prop="lat_ms"
+					width="130"
+					label="延迟/ms"></ElTableColumn>
+				<ElTableColumn
+					sortable
+					width="120"
+					prop="loss_rate"
+					label="丢包率">
+					<template #default="{ row }">
+						{{ row.loss_rate && row.loss_rate != "-" ? Number(row.loss_rate * 100).toFixed(2) + "%" : row.loss_rate }}
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					sortable
+					width="120"
+					label="nat_type"
+					prop="NAT类型">
+					<template #default="{ row }">
+						{{ natMaps[row.nat_type.toLowerCase() as natKyes] || row.nat_type || "-" }}
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					sortable
+					prop="version"
+					label="版本"></ElTableColumn>
 			</ElTable>
 		</div>
 	</div>
@@ -34,23 +65,50 @@
 	import { invoke } from "@tauri-apps/api/core";
 	import { reactive, onMounted, onBeforeUnmount } from "vue";
 	import { parsePeerInfo } from "@/utils";
+	// 	enum NatType {
+	//   // has NAT; but own a single public IP, port is not changed
+	//   Unknown = 0;
+	//   OpenInternet = 1;
+	//   NoPAT = 2;
+	//   FullCone = 3;
+	//   Restricted = 4;
+	//   PortRestricted = 5;
+	//   Symmetric = 6;
+	//   SymUdpFirewall = 7;
+	//   SymmetricEasyInc = 8;
+	//   SymmetricEasyDec = 9;
+	// }
+	const natMaps = {
+		unknown: "未知",
+		OpenInternet: "nat0-openinternet",
+		nopat: "nat0-nopat",
+		fullcone: "nat1",
+		restricted: "nat2",
+		portrestricted: "nat3",
+		symmetric: "nat4",
+		SymmetricEasyDec: "nat4-easydec",
+		SymmetricEasyInc: "nat4-easyinc",
+		SymUdpFirewall: "nat4-udpfirewall",
+	};
+	type natKyes = keyof typeof natMaps;
+
 	const data = reactive<{ member: any[] }>({
 		member: [],
 	});
 
-	const showTableHeader = [
+	const _showTableHeader = [
 		["hostname", "主机名"],
-		["lat_ms", "延迟/ms"],
-		["ipv4", "虚拟网IP"],
 		["cost", "路由"],
+		["ipv4", "虚拟网IP"],
+		["lat_ms", "延迟/ms"],
 		["loss_rate", "丢包率"],
 		["nat_type", "NAT类型"],
 		["version", "版本"],
 	];
 
 	const listenOutput = async () => {
-		const member = await invoke("get_members_by_cli");
-		const peerInfo = parsePeerInfo(member as string);
+		const member = await invoke<string>("get_members_by_cli");
+		const peerInfo = parsePeerInfo(member);
 		peerInfo.forEach((value) => {
 			if (value.cost === "Local") {
 				value.cost = "本机";
@@ -59,7 +117,7 @@
 				value.ipv4 = value.ipv4.split("/")[0];
 			}
 		});
-		// console.log(peerInfo);
+		// console.error(peerInfo);
 		data.member = peerInfo;
 	};
 

pages/tool.vue

@@ -226,7 +226,7 @@
 				ElMessage.success("设置成功");
 				await initNetCardInfo();
 			} catch (err) {
-				console.log(err);
+				console.error(err);
 			}
 		}
 	};
@@ -260,7 +260,7 @@
 				data.pingLog += '完毕'
 			} catch (err) {
 				ElMessage.error("Ping发生错误");
-				console.log(err);
+				console.error(err);
 			} finally {
 				data.isPing = false;
 			}
@@ -291,7 +291,7 @@
 				}) as any;
 		} catch (err) {
 			ElMessage.error("网卡获取失败");
-			console.log(err);
+			console.error(err);
 		}
 	};
 
@@ -324,13 +324,13 @@
 		} catch (err) {
 			// netsh advfirewall firewall add rule name="EXE名称" dir=out action=allow program="EXE绝对路径"
 			ElMessage.error("获取防火墙状态失败");
-			console.log(err);
+			console.error(err);
 		}
 	};
 
 	const appWindow = getCurrentWindow();
 	mainStore.$subscribe((...a) => {
-		// console.log("subscribe", a);
+		// console.error("subscribe", a);
 		appWindow.emitTo("main", "config", { winIpBcAutoStart: mainStore.winIpBcAutoStart, config: { ...mainStore.config } });
 	});
 

pnpm-lock.yaml

@@ -41,9 +41,15 @@ importers:
       '@tauri-apps/plugin-http':
         specifier: ^2.0.1
         version: 2.0.1
+      '@tauri-apps/plugin-log':
+        specifier: ^2.0.0
+        version: 2.0.0
       '@tauri-apps/plugin-shell':
         specifier: ~2
         version: 2.0.1
+      '@tauri-apps/plugin-window-state':
+        specifier: ~2
+        version: 2.0.0
       '@types/lodash-es':
         specifier: ^4.17.12
         version: 4.17.12
@@ -1044,9 +1050,15 @@ packages:
   '@tauri-apps/plugin-http@2.0.1':
     resolution: {integrity: sha512-j6IA3pVBybSCwPpsihpX4z8bs6PluuGtr06ahL/xy4D8HunNBTmRmadJrFOQi0gOAbaig4MkQ15nzNLBLy8R1A==}
 
+  '@tauri-apps/plugin-log@2.0.0':
+    resolution: {integrity: sha512-C+NII9vzswqnOQE8k7oRtnaw0z5TZsMmnirRhXkCKDEhQQH9841Us/PC1WHtGiAaJ8za1A1JB2xXndEq/47X/w==}
+
   '@tauri-apps/plugin-shell@2.0.1':
     resolution: {integrity: sha512-akU1b77sw3qHiynrK0s930y8zKmcdrSD60htjH+mFZqv5WaakZA/XxHR3/sF1nNv9Mgmt/Shls37HwnOr00aSw==}
 
+  '@tauri-apps/plugin-window-state@2.0.0':
+    resolution: {integrity: sha512-O82iRlrh1BLgBI8CTc+NMTPxQhQo8II5admKq9mLvH45Us5i4Zcr74At6eM46nOflFd7R8bZsVNGy+PxOEqUmQ==}
+
   '@trysound/sax@0.2.0':
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
     engines: {node: '>=10.13.0'}
@@ -4755,10 +4767,18 @@ snapshots:
     dependencies:
       '@tauri-apps/api': 2.1.1
 
+  '@tauri-apps/plugin-log@2.0.0':
+    dependencies:
+      '@tauri-apps/api': 2.1.1
+
   '@tauri-apps/plugin-shell@2.0.1':
     dependencies:
       '@tauri-apps/api': 2.1.1
 
+  '@tauri-apps/plugin-window-state@2.0.0':
+    dependencies:
+      '@tauri-apps/api': 2.1.1
+
   '@trysound/sax@0.2.0': {}
 
   '@types/estree@1.0.6': {}

src-tauri/Cargo.lock

@@ -1176,7 +1176,7 @@ checksum = "0d6ef0072f8a535281e4876be788938b528e9a1d43900b82c2569af7da799125"
 
 [[package]]
 name = "easytier-game"
-version = "1.2.0"
+version = "1.2.3"
 dependencies = [
  "log",
  "planif",
@@ -1192,6 +1192,7 @@ dependencies = [
  "tauri-plugin-log",
  "tauri-plugin-shell",
  "tauri-plugin-single-instance",
+ "tauri-plugin-window-state",
  "whoami",
  "windows 0.58.0",
  "zip",
@@ -4543,6 +4544,21 @@ dependencies = [
  "zbus",
 ]
 
+[[package]]
+name = "tauri-plugin-window-state"
+version = "2.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "683c8764751fbbcebf3a594bcee24cf84c62773fa0080d1b40fc80698472421e"
+dependencies = [
+ "bitflags 2.6.0",
+ "log",
+ "serde",
+ "serde_json",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 1.0.64",
+]
+
 [[package]]
 name = "tauri-runtime"
 version = "2.2.0"

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "easytier-game"
-version = "1.2.0"
+version = "1.2.3"
 homepage = "https://github.com/EasyTier/EasyTier"
 repository = "https://github.com/EasyTier/EasytierGame"
 description = "A simple network initiator based on Easytier"
@@ -50,3 +50,4 @@ features = ["Win32_System_TaskScheduler"]
 [target."cfg(not(any(target_os = \"android\", target_os = \"ios\")))".dependencies]
 tauri-plugin-autostart = "2.0.1"
 tauri-plugin-single-instance = "2.0.1"
+tauri-plugin-window-state = "2"

src-tauri/capabilities/default.json

@@ -88,6 +88,13 @@
     "fs:allow-resource-write-recursive",
     "clipboard-manager:allow-clear",
     "clipboard-manager:allow-read-text",
-    "clipboard-manager:allow-write-text"
+    "clipboard-manager:allow-write-text",
+
+    "window-state:default",
+    "window-state:allow-save-window-state",
+    "window-state:allow-restore-state",
+
+    "log:default",
+    "log:allow-log"
   ]
 }

src-tauri/easytier/clear_local_data.bat

@@ -0,0 +1,57 @@
+@echo off
+chcp 65001 >nul
+setlocal
+
+REM 检查是否具有管理员权限
+openfiles >nul 2>&1
+if %errorlevel% neq 0 (
+    echo 当前没有管理员权限，鼠标右键clear_data.bat，选择使用管理员模式运行...
+    pause
+    exit /b
+)
+
+REM 获取当前用户的 Local 目录路径
+set "local_dir=%LOCALAPPDATA%"
+
+REM 设置要删除的任务计划程序文件夹名称
+set "folder_name=\easytierGame"
+set "task_name=auto start"
+
+REM 设置要删除的目标文件夹
+set "target_data_dir=%local_dir%\com.tauri.easytier-game"
+echo ---
+REM 打印 Local 目录路径
+echo 当前数据目录: %target_data_dir%
+echo ---
+echo 您确定要清除EasytierGame的本地数据吗? (y/n)
+echo ---
+
+REM 等待用户输入
+set /p confirm=输入'y/n'进行确认:
+
+if /i "%confirm%"=="y" (
+    echo 清除数据中,请稍后...
+    echo ---
+    @REM REM 删除任务计划程序文件夹
+    echo delete auto_start task ...
+    echo ---
+
+    echo ---
+    schtasks /delete /tn "%folder_name%\%task_name%" /f
+    schtasks /delete /tn "%folder_name%" /f
+    echo ---
+    echo 开始清除本地缓存数据，没有使用开机自启上面就会报错，不影响数据清理...
+
+    if exist "%target_data_dir%" (
+        REM 删除目标文件夹及其内容
+        rd /s /q "%target_data_dir%"
+    )
+    echo 清除本地缓存数据完毕.
+    echo ---
+    echo 您可以手动删除EasytierGame目录下所有文件，即可完成卸载.
+) else (
+    echo 取消清理数据
+)
+
+pause
+endlocal

src-tauri/easytier/帮助.txt

@@ -0,0 +1,16 @@
+[如果界面无法打开]
+
+1. 如果您已经启动easytier-game.exe，那它可能会在后台运行，打开任务管理器关闭easytier-game.exe
+
+2. 使用easytier-game安装目录下的 easytier/tool/MicrosoftEdgeWebview2Setup.exe 安装webview2
+
+3. 再次启用easytier-game.exe
+
+
+[如果想彻底删除easytierGame]
+
+1. 关闭easytierGame
+
+2. 运行easytier-game安装目录下的 easytier/clear_local_data.bat (需要管理员权限) 输入y确认，清除本地存储数据
+
+3. 删除easytierGame文件夹

src-tauri/src/lib.rs

@@ -70,7 +70,10 @@ fn get_core_version() -> String {
             let output_str = String::from_utf8_lossy(&output.stdout);
             return output_str.trim().to_string();
         }
-        Err(_e) => return "".to_string(),
+        Err(_e) => {
+            log::error!("{}", _e.to_string());
+            return "".to_string();
+        }
     }
 }
 
@@ -176,7 +179,7 @@ async fn download_easytier_zip(download_url: String, file_name: String) {
     unzip(path);
     match fs::remove_file(path) {
         Ok(_) => println!("删除zip文件成功"),
-        Err(_) => println!("删除zip文件失败"),
+        Err(_) => log::error!("删除zip文件失败"),
     }
 }
 
@@ -263,7 +266,7 @@ fn run_command(
                     tx.send(line).expect("failed to send line");
                 }
                 Err(e) => {
-                    eprintln!("error reading line: {}", e);
+                    log::error!("error reading line: {}", e);
                     break;
                 }
             }
@@ -392,7 +395,7 @@ fn spawn_autostart(enabled: bool) {
             let _ = tx.send(true);
         }
         Err(e) => {
-            println!("Error: {}", e);
+            log::error!("Error: {}", e);
             let _ = tx.send(false);
         }
     });
@@ -444,7 +447,7 @@ fn autostart_is_enabled() -> bool {
             return enabled;
         }
         Err(e) => {
-            println!("autostart enabled: false -> {}", e);
+            log::error!("autostart enabled: false -> {}", e);
             return false;
         }
     }
@@ -518,12 +521,17 @@ fn autostart(enabled: bool) -> std::result::Result<(), Box<dyn std::error::Error
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
     // 获取命令行参数
-    let _args: Vec<String> = std::env::args().collect();
+    let args: Vec<String> = std::env::args().collect();
 
     let stop_signal = Arc::new(AtomicBool::new(false)); // 创建一个原子布尔值，用于控制命令的停止
     let stop_signal_clone = Arc::clone(&stop_signal); // 创建一个原子布尔值的克隆，用于传递给命令
     let context = tauri::generate_context!();
     tauri::Builder::default()
+        .plugin(
+            tauri_plugin_window_state::Builder::new()
+                .with_state_flags(tauri_plugin_window_state::StateFlags::SIZE)
+                .build(),
+        )
         .plugin(tauri_plugin_clipboard_manager::init())
         .plugin(tauri_plugin_fs::init())
         .plugin(tauri_plugin_autostart::init(
@@ -539,14 +547,22 @@ pub fn run() {
                 .expect("failed to set focus");
         }))
         .setup(move |app| {
-            // let args = args.clone();
-            if cfg!(debug_assertions) {
-                app.handle().plugin(
-                    tauri_plugin_log::Builder::default()
-                        .level(log::LevelFilter::Info)
-                        .build(),
-                )?;
-            }
+            let args = args.clone();
+            // if cfg!(debug_assertions) {
+            let log_path = get_tool_exe_path(String::from("\\easytier\\guiLogs"));
+            app.handle().plugin(
+                tauri_plugin_log::Builder::default()
+                    .target(tauri_plugin_log::Target::new(
+                        tauri_plugin_log::TargetKind::Folder {
+                            path: std::path::PathBuf::from(log_path),
+                            file_name: None,
+                        },
+                    ))
+                    .max_file_size(50_000 /* bytes */)
+                    .level(log::LevelFilter::Error)
+                    .build(),
+            )?;
+            // }
             #[cfg(not(target_os = "android"))]
             let _tray_menu = TrayIconBuilder::with_id("main")
                 .menu_on_left_click(false)
@@ -566,12 +582,13 @@ pub fn run() {
                 ))?)
                 .icon_as_template(false)
                 .build(app)?;
-            // 开机自启隐藏到托盘
-            // if args.contains(&String::from(TASKAUTOSTART_ARG)) {
-            //     app.get_webview_window("main")
-            //     .expect("no main window to hide")
-            //     .hide()?;
-            // }
+
+            // 开机自启隐藏到托盘或者显示主窗口
+            if !args.contains(&String::from(TASKAUTOSTART_ARG)) {
+                let main_window = app.get_webview_window("main").unwrap();
+                main_window.show().expect("failed to show window");
+                main_window.set_focus().expect("failed to set focus");
+            }
 
             Ok(())
         })

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
 	"$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
 	"productName": "easytier-game",
-	"version": "1.2.0",
+	"version": "1.2.3",
 	"identifier": "com.tauri.easytier-game",
 
 	"build": {
@@ -13,7 +13,8 @@
 	"app": {
 		"windows": [
 			{
-				"title": "easytier-game 1.2.0",
+				"title": "easytier-game 1.2.3",
+				"label": "main",
 				"minWidth": 340,
 				"width": 340,
 				"height": 305,
@@ -24,6 +25,7 @@
 				"fullscreen": false,
 				"decorations": true,
 				"center": true,
+				"visible": false,
 				"maximizable": false,
 				"transparent": false
 			}
@@ -41,10 +43,13 @@
 			"easytier/icons/",
 			"easytier/config_template.json",
 			"easytier/tool/WinIPBroadcast.exe",
+			"easytier/tool/MicrosoftEdgeWebview2Setup.exe",
 			"easytier/easytier-cli.exe",
 			"easytier/easytier-core.exe",
 			"easytier/Packet.dll",
-			"easytier/wintun.dll"
+			"easytier/wintun.dll",
+			"easytier/clear_local_data.bat",
+			"easytier/帮助.txt"
 		],
 		"windows": {
 			"webviewInstallMode": {

stores/index.ts

@@ -11,7 +11,7 @@ export default defineStore("main", {
 				ipv4: "",
 				proxyNetworks: "", // 子网代理
 				autoStart: false, // 是否自动启动
-				coonectAfterStart: false, //软件打开后，是否自动连接
+				connectAfterStart: false, //软件打开后，是否自动连接
 				disableIpv6: false, // 是否禁用IPv6
 				disbleListenner: false, // 是否禁用监听
 				disableEncryption: false, // 是否禁用加密
@@ -38,6 +38,7 @@ export default defineStore("main", {
 			configPath: "", //配置文件路径
 			winIpBcAutoStart: true,
 			createConfigInEasytier: false, //在easytier目录生成config.json文件吗
+			githubFastUrl: "https://ghproxy.cc/",
 
 			winipBcPid: 0,
 			winipBcStart: false
@@ -54,7 +55,7 @@ export default defineStore("main", {
 			"config.ipv4",
 			"config.proxyNetworks",
 			"config.autoStart",
-			"config.coonectAfterStart",
+			"config.connectAfterStart",
 			"config.disableIpv6",
 			"config.disbleListenner",
 			"config.disableEncryption",
@@ -80,7 +81,8 @@ export default defineStore("main", {
 			"configStartEnable",
 			"configPath",
 			"winIpBcAutoStart",
-			"createConfigInEasytier"
+			"createConfigInEasytier",
+			"githubFastUrl"
 		],
 		// // 除了这些，其他都要存下来
 		// omit: ["winipBcPid", "winipBcStart"]

utils/index.ts

@@ -1,6 +1,6 @@
+import { open } from "@tauri-apps/plugin-shell";
 export const ENV = import.meta.env;
 
-
 //防抖
 export const bounce = (time = 3000) => {
 	let bounceTimer: NodeJS.Timeout | null = null;
@@ -50,8 +50,8 @@ export const numRemoveZero = (num: Number) => {
 // await-to-js
 export const ATJ = (promise: Promise<any>, errorExt: string | undefined = undefined) => {
 	return promise
-		.then(data => [null, data])
-		.catch(err => {
+		.then((data) => [null, data])
+		.catch((err) => {
 			if (errorExt) {
 				if (typeof errorExt !== "object") {
 					return [errorExt, undefined];
@@ -72,7 +72,7 @@ export const parsePeerInfo = (content: string) => {
 	const headers = lines[1]
 		.split("│")
 		.slice(1, -1)
-		.map(h => h.trim());
+		.map((h) => h.trim());
 
 	// 初始化结果数组
 	const result: any[] = [];
@@ -85,7 +85,7 @@ export const parsePeerInfo = (content: string) => {
 		const values = lines[i]
 			.split("│")
 			.slice(1, -1)
-			.map(v => v.trim());
+			.map((v) => v.trim());
 
 		// 创建对象并添加到结果数组
 		const obj: any = {};
@@ -100,6 +100,10 @@ export const parsePeerInfo = (content: string) => {
 	return result;
 };
 
+export const addQQGroup = () => {
+	open("https://qm.qq.com/q/Yo3HmaEIWC");
+};
+
 export function isValidIP(ip: string) {
 	const ipv4Pattern =
 		/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;