Add window blur & set minimum macOS version

src-tauri/Cargo.toml

@@ -12,9 +12,10 @@ crate-type = ["staticlib", "cdylib", "rlib"]
 tauri-build = { version = "2.5.6", features = [] }
 
 [dependencies]
-tauri = { version = "2.10.3", features = [] }
+tauri = { version = "2.10.3", features = ["macos-private-api"] }
 serde = { version = "1.0.228", features = ["derive"] }
 serde_json = "1.0.149"
+window-vibrancy = "0.7.1"
 
 [profile.release]
 opt-level = 3

src-tauri/src/lib.rs

@@ -1,7 +1,27 @@
+use tauri::Manager;
+
+#[cfg(target_os = "macos")]
+use window_vibrancy::{NSVisualEffectMaterial, apply_vibrancy};
+
+#[cfg(target_os = "windows")]
+use window_vibrancy::apply_mica;
+
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
     tauri::Builder::default()
         .invoke_handler(tauri::generate_handler![])
+        .setup(|app| {
+            let window = app.get_webview_window("main").unwrap();
+
+            #[cfg(target_os = "macos")]
+            apply_vibrancy(&window, NSVisualEffectMaterial::HudWindow, None, None)
+                .expect("Unable to apply window blur");
+
+            #[cfg(target_os = "windows")]
+            apply_mica(&window, Some(true)).expect("Unable to apply window blur");
+
+            Ok(())
+        })
         .run(tauri::generate_context!())
         .expect("error while running tauri application");
 }

src-tauri/tauri.conf.json

@@ -10,12 +10,14 @@
     "frontendDist": "../out"
   },
   "app": {
+    "macOSPrivateApi": true,
     "withGlobalTauri": true,
     "windows": [
       {
         "title": "disksense",
         "width": 800,
-        "height": 600
+        "height": 600,
+        "transparent": true
       }
     ],
     "security": {
@@ -31,6 +33,9 @@
       "icons/128x128@2x.png",
       "icons/icon.icns",
       "icons/icon.ico"
-    ]
+    ],
+    "macOS": {
+      "minimumSystemVersion": "13.0"
+    }
   }
 }

src/app/globals.css

@@ -1 +1,6 @@
 @import "tailwindcss";
+
+html,
+body {
+  @apply bg-transparent;
+}