feat(frontend): allow open raw game log file in file explorer (UNIkeEN#1206)

Author: baiyuansjtu

src/locales/en.json

@@ -851,7 +851,7 @@
   },
   "GameLogPage": {
     "placeholder": "Filter by Text",
-    "exportLogs": "Export Logs",
+    "revealRawLog": "Reveal Raw Log File",
     "clearLogs": "Clear All Logs",
     "scrollToBottom": "Scroll to Bottom"
   },

src/locales/zh-Hans.json

@@ -851,7 +851,7 @@
   },
   "GameLogPage": {
     "placeholder": "输入关键词筛选",
-    "exportLogs": "导出日志",
+    "revealRawLog": "显示原始日志文件",
     "clearLogs": "清除所有日志",
     "scrollToBottom": "滚动到底部"
   },

src/pages/standalone/game-log.tsx

@@ -8,7 +8,9 @@ import {
   Text,
   Tooltip,
 } from "@chakra-ui/react";
+import { appCacheDir, join } from "@tauri-apps/api/path";
 import { getCurrentWebview } from "@tauri-apps/api/webview";
+import { revealItemInDir } from "@tauri-apps/plugin-opener";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { LuChevronsDown, LuFileInput, LuTrash } from "react-icons/lu";
@@ -35,13 +37,17 @@ const GameLogPage: React.FC = () => {
   const [isScrolledToBottom, setIsScrolledToBottom] = useState(true);
 
   const logContainerRef = useRef<HTMLDivElement>(null);
+  const launchingIdRef = useRef<number | null>(null);
 
   const clearLogs = () => setLogs([]);
 
   // invoke retrieve on first load
   useEffect(() => {
     (async () => {
-      let launchingId = parseIdFromWindowLabel(getCurrentWebview().label);
+      launchingIdRef.current = parseIdFromWindowLabel(
+        getCurrentWebview().label
+      );
+      const launchingId = launchingIdRef.current;
       if (launchingId) {
         const res = await LaunchService.retrieveGameLog(launchingId);
         if (res.status === "success" && Array.isArray(res.data)) {
@@ -59,6 +65,24 @@ const GameLogPage: React.FC = () => {
     return () => unlisten();
   }, []);
 
+  const revealRawLogFile = async () => {
+    try {
+      const launchingId = launchingIdRef.current;
+      if (launchingId == null) return;
+
+      const baseDir = await appCacheDir();
+      const logFilePath = await join(
+        baseDir,
+        "GameLogs",
+        `game_log_${launchingId}.log`
+      );
+
+      await revealItemInDir(logFilePath);
+    } catch (err) {
+      logger.error("Failed to open raw log file:", err);
+    }
+  };
+
   let lastLevel: string = "INFO";
 
   const getLogLevel = (log: string): string => {
@@ -167,14 +191,14 @@ const GameLogPage: React.FC = () => {
             {level} ({logCounts[level] || 0})
           </Button>
         ))}
-        <Tooltip label={t("GameLogPage.exportLogs")} placement="bottom">
+        <Tooltip label={t("GameLogPage.revealRawLog")} placement="bottom">
           <IconButton
             icon={<LuFileInput />}
-            aria-label={t("GameLogPage.exportLogs")}
+            aria-label={t("GameLogPage.revealRawLog")}
             variant="ghost"
             size="sm"
             colorScheme="gray"
-            isDisabled
+            onClick={revealRawLogFile}
           />
         </Tooltip>
         <Tooltip label={t("GameLogPage.clearLogs")} placement="bottom">