Reduce frontend dev logging noise

Author: mehmetozguldev

src/main.tsx

@@ -1,3 +1,4 @@
+import "./utils/tauri-console-filter";
 import { createRoot } from "react-dom/client";
 import "./styles.css";
 import { scan } from "react-scan";

src/utils/frontend-trace.ts

@@ -2,6 +2,8 @@ import { invoke } from "@tauri-apps/api/core";
 
 type TraceLevel = "debug" | "info" | "warn" | "error";
 
+const FRONTEND_TRACE_ENABLED = import.meta.env.VITE_FRONTEND_TRACE === "true";
+
 function shortPath(value: string) {
   const normalized = value.replace(/[\\/]+$/, "");
   const parts = normalized.split(/[\\/]/);
@@ -27,6 +29,8 @@ export function frontendTrace(
   message: string,
   payload?: Record<string, unknown>,
 ) {
+  if (!FRONTEND_TRACE_ENABLED) return;
+
   void invoke("frontend_trace", {
     level,
     scope,

src/utils/tauri-console-filter.ts

@@ -0,0 +1,20 @@
+const FILTERED_TAURI_WARNINGS = [
+  "IPC custom protocol failed, Tauri will now use the postMessage interface instead",
+  "[TAURI] Couldn't find callback id",
+];
+
+if (import.meta.env.DEV) {
+  const originalWarn = console.warn.bind(console);
+
+  console.warn = (...args: unknown[]) => {
+    const firstArg = args[0];
+    if (
+      typeof firstArg === "string" &&
+      FILTERED_TAURI_WARNINGS.some((message) => firstArg.startsWith(message))
+    ) {
+      return;
+    }
+
+    originalWarn(...args);
+  };
+}