Add logs

Author: nab138

bun.lock

@@ -13,6 +13,7 @@
     "bump-major": "bunx tauri-version --no-git --no-lock major"
   },
   "dependencies": {
+    "@fltsci/tauri-plugin-tracing": "^0.3.2",
     "@tauri-apps/api": "^2.10.1",
     "@tauri-apps/plugin-dialog": "~2.6.0",
     "@tauri-apps/plugin-opener": "^2.5.3",

package.json

@@ -32,6 +32,7 @@ tauri-plugin-dialog = "2"
 reqwest = "0.13.2"
 tokio = "1.49.0"
 tauri-plugin-process = "2"
+tauri-plugin-tracing = "0.3"
 
 [target.'cfg(not(any(target_os = "android", target_os = "ios")))'.dependencies]
 tauri-plugin-updater = "2"

src-tauri/Cargo.lock

@@ -18,6 +18,7 @@ use crate::{
     sideload::{install_sidestore_operation, sideload_operation, SideloaderMutex},
 };
 use tauri::Manager;
+use tauri_plugin_tracing::LevelFilter;
 
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
@@ -27,6 +28,12 @@ pub fn run() {
         .plugin(tauri_plugin_opener::init())
         .plugin(tauri_plugin_dialog::init())
         .plugin(tauri_plugin_store::Builder::new().build())
+        .plugin(
+            tauri_plugin_tracing::Builder::new()
+                .with_max_level(LevelFilter::INFO)
+                .with_default_subscriber()
+                .build(),
+        )
         .setup(|app| {
             app.manage(DeviceInfoMutex::new(None));
             app.manage(SideloaderMutex::new(None));

src-tauri/Cargo.toml

@@ -0,0 +1,49 @@
+import React, {
+  createContext,
+  useContext,
+  useState,
+  useEffect,
+  useRef,
+} from "react";
+
+import { attachLogger, RecordPayload } from '@fltsci/tauri-plugin-tracing';
+
+export const LogContext = createContext<RecordPayload[]>([]);
+
+export const LogProvider: React.FC<{ children: React.ReactNode }> = ({
+  children,
+}) => {
+  const [logs, setLogs] = useState<RecordPayload[]>([]);
+  const listenerAdded = useRef<boolean>(false);
+  let unlistenRef = useRef<(() => void) | null>(null);
+
+  useEffect(() => {
+    if (!listenerAdded.current) {
+      const setupLogger = async () => {
+        listenerAdded.current = true;
+        unlistenRef.current = await attachLogger((record) => {
+          console.log(record)
+          setLogs((prevLogs) => [...prevLogs, record]);
+        });
+      };
+
+      setupLogger();
+    }
+
+    return () => {
+      if (unlistenRef.current) {
+        unlistenRef.current();
+      }
+    };
+  }, []);
+
+  return (
+    <LogContext.Provider value={logs}>
+      {children}
+    </LogContext.Provider>
+  );
+};
+
+export const useLogs = () => {
+  return useContext(LogContext);
+};

src-tauri/src/lib.rs

@@ -45,6 +45,7 @@
   margin: 0.5rem 0 0;
   font-family: "SF Mono", "Menlo", monospace;
   font-size: 0.85rem;
+  user-select: text;
 }
 
 .operation-step-internal {
@@ -84,6 +85,7 @@
   from {
     transform: rotate(0deg);
   }
+
   to {
     transform: rotate(360deg);
   }
@@ -113,4 +115,4 @@
 .operation-success-message {
   font-weight: 600;
   color: rgb(241, 212, 115);
-}
+}

src/LogContext.tsx

@@ -19,7 +19,7 @@ export default ({
   const done =
     (opFailed &&
       operationState.started.length ==
-        operationState.completed.length + operationState.failed.length) ||
+      operationState.completed.length + operationState.failed.length) ||
     operationState.completed.length == operation.steps.length;
 
   return (
@@ -74,7 +74,6 @@ export default ({
                   <p>{step.title}</p>
                   {failed && (
                     <pre className="operation-extra-details">
-                      {/* trim newlines BUT NOT SPACES before */}
                       {failed.extraDetails.replace(/^\n+/, "")}
                     </pre>
                   )}