设置日志输出到文件，并把前端异常日志输出至此。

Author: zhangxichang

Cargo.lock

@@ -1,3 +1,4 @@
 /gen/
 /icons/
 /data.db
+/logs/

native/.gitignore

@@ -24,7 +24,7 @@ endpoint = { path = "../crates/endpoint" }
 thiserror = "2.0.17"
 eyre = "0.6.12"
 log = "0.4.28"
-flexi_logger = "0.31.7"
+flexi_logger = { version = "0.31.7", features = ["json", "compress"] }
 parking_lot = "0.12.5"
 serde = { version = "1.0.228", features = ["derive"] }
 tokio = { version = "1.48.0", features = ["parking_lot", "fs", "sync"] }

native/Cargo.toml

@@ -59,3 +59,9 @@ impl From<String> for Error {
         Self::User { error: value }
     }
 }
+
+#[tauri::command(rename_all = "snake_case")]
+pub async fn fatal_error(stack: Option<String>) -> Result<(), Error> {
+    log::error!("{}", stack.unwrap_or("没有栈信息".to_string()));
+    Ok(())
+}

native/src/error.rs

@@ -1,17 +1,15 @@
 mod endpoint;
 mod error;
 mod file_system;
+mod logger;
 mod sqlite;
 mod state;
 
 use crate::state::State;
 
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
-    flexi_logger::Logger::with(flexi_logger::LogSpecification::info())
-        .start()
-        .unwrap();
-    log::info!("日志开始记录");
+    logger::init();
     #[allow(unused_mut)]
     let mut builder = tauri::Builder::default();
     #[cfg(all(desktop, not(debug_assertions)))]
@@ -44,6 +42,7 @@ pub fn run() {
         .plugin(tauri_plugin_opener::init())
         .manage(State::default())
         .invoke_handler(tauri::generate_handler![
+            error::fatal_error,
             file_system::fs_remove_file,
             file_system::fs_read_file,
             file_system::fs_create_file,

native/src/lib.rs

@@ -0,0 +1,17 @@
+pub fn init() {
+    flexi_logger::Logger::with(flexi_logger::LogSpecification::info())
+        .log_to_file(
+            flexi_logger::FileSpec::default()
+                .directory("logs")
+                .suppress_basename(),
+        )
+        .format(flexi_logger::json_format)
+        .rotate(
+            flexi_logger::Criterion::Age(flexi_logger::Age::Day),
+            flexi_logger::Naming::Timestamps,
+            flexi_logger::Cleanup::KeepCompressedFiles(7),
+        )
+        .start()
+        .unwrap();
+    log::info!("日志开始记录");
+}

native/src/logger.rs

@@ -0,0 +1,11 @@
+import { invoke } from "@tauri-apps/api/core";
+
+export async function fatal_error(error: Error) {
+  try {
+    await invoke("fatal_error", {
+      stack: error.stack,
+    });
+  } catch (error) {
+    throw new Error(`${error}`);
+  }
+}

src/lib/invoke/error.ts

@@ -1,10 +1,12 @@
+import { Loading } from "@/components/loading";
 import { createRootRoute, HeadContent, Outlet } from "@tanstack/react-router";
 
 export const Route = createRootRoute({
-  component: Component,
   head: () => ({
     meta: [{ title: "星链" }],
   }),
+  component: Component,
+  pendingComponent: () => <Loading hint_text="正在初始化框架" mode="screen" />,
 });
 function Component() {
   return (

src/routes/__root.tsx

@@ -8,11 +8,23 @@ import { createFileRoute, Outlet, useNavigate } from "@tanstack/react-router";
 import { Loading } from "@/components/loading";
 import { AppStore } from "./boot/app";
 
+let tauri_error: typeof import("@/lib/invoke/error") | undefined;
+if (import.meta.env.TAURI_ENV_PLATFORM) {
+  tauri_error = await import("@/lib/invoke/error");
+}
+
 export const Route = createFileRoute("/boot")({
   component: Component,
   pendingComponent: () => {
     return <Loading hint_text="正在引导应用程序" mode="screen" />;
   },
+  beforeLoad: () => {
+    if (tauri_error) {
+      self.onunhandledrejection = (e) => {
+        tauri_error.fatal_error(e.reason);
+      };
+    }
+  },
 });
 function Component() {
   const navigate = useNavigate();

src/routes/boot.tsx

@@ -66,9 +66,9 @@ import { Sqlite } from "@/lib/sqlite";
 import { Errored } from "@/components/errored";
 import { Endpoint } from "@/lib/endpoint";
 
-let window_api: typeof import("@tauri-apps/api/window") | undefined;
+let tauri_window: typeof import("@tauri-apps/api/window") | undefined;
 if (import.meta.env.TAURI_ENV_PLATFORM) {
-  window_api = await import("@tauri-apps/api/window");
+  tauri_window = await import("@tauri-apps/api/window");
 }
 
 export const AppStore = createStore(
@@ -120,26 +120,28 @@ function Component() {
   }, []);
   //窗口配置
   useEffect(() => {
-    if (window_api) {
+    if (tauri_window) {
       const cleanup = (async () => {
         //设置窗口标题
-        await window_api.getCurrentWindow().setTitle(document.title);
+        await tauri_window.getCurrentWindow().setTitle(document.title);
         //同步标题变化
         const title_observer = new MutationObserver(
           async () =>
-            await window_api.getCurrentWindow().setTitle(document.title),
+            await tauri_window.getCurrentWindow().setTitle(document.title),
         );
         title_observer.observe(document.querySelector("title")!, {
           childList: true,
           characterData: true,
         });
         //设置窗口缩放状态
-        set_is_maximized(await window_api.getCurrentWindow().isMaximized());
+        set_is_maximized(await tauri_window.getCurrentWindow().isMaximized());
         //监控窗口缩放
-        const un_on_resized = await window_api
+        const un_on_resized = await tauri_window
           .getCurrentWindow()
           .onResized(async () =>
-            set_is_maximized(await window_api.getCurrentWindow().isMaximized()),
+            set_is_maximized(
+              await tauri_window.getCurrentWindow().isMaximized(),
+            ),
           );
         return () => {
           title_observer.disconnect();
@@ -279,13 +281,13 @@ function Component() {
             </AlertDialog>
           </div>
           {/* 窗口控制按钮 */}
-          {window_api && (
+          {tauri_window && (
             <div data-tauri-drag-region className="flex-1 flex justify-end">
               <Button
                 variant={"ghost"}
                 className="rounded-none cursor-pointer"
                 onClick={async () =>
-                  await window_api.getCurrentWindow().minimize()
+                  await tauri_window.getCurrentWindow().minimize()
                 }
               >
                 <Minimize2 />
@@ -294,7 +296,7 @@ function Component() {
                 variant={"ghost"}
                 className="rounded-none cursor-pointer"
                 onClick={async () =>
-                  await window_api.getCurrentWindow().toggleMaximize()
+                  await tauri_window.getCurrentWindow().toggleMaximize()
                 }
               >
                 {!is_maximized ? <Maximize /> : <Minimize />}
@@ -303,7 +305,7 @@ function Component() {
                 variant={"ghost"}
                 className="rounded-none cursor-pointer hover:bg-red-600 hover:text-white active:bg-red-500"
                 onClick={async () =>
-                  await window_api.getCurrentWindow().close()
+                  await tauri_window.getCurrentWindow().close()
                 }
               >
                 <X />