feat: Implement hide on escape and focus loss

This commit adds two ways that hides the main window. First, when the user presses escape in the command palette, the window hides; second, when the focus is lost (i.e. the user's cursor goes outside the window), it also hides itself.

src-tauri/capabilities/default.json

@@ -7,6 +7,7 @@
   ],
   "permissions": [
     "core:default",
+    "core:window:allow-hide",
     "opener:default",
     "clipboard-manager:default",
     "clipboard-manager:allow-write-text",

src-tauri/src/lib.rs

@@ -274,16 +274,23 @@ pub fn run() {
         .build(tauri::generate_context!()).unwrap();
 
         app.run(|app, event| {
-            if let tauri::RunEvent::WindowEvent {
-                event: tauri::WindowEvent::CloseRequested { api, .. },
-                ..
-            } = event
-            {
-                api.prevent_close();
-                app.get_webview_window("main")
-                    .unwrap()
-                    .hide()
-                    .expect("To hide the window");
-            }    
+            if let tauri::RunEvent::WindowEvent { label, event, .. } = event {
+                if label == "main" {
+                    match event {
+                        tauri::WindowEvent::CloseRequested { api, .. } => {
+                            api.prevent_close();
+                            if let Some(window) = app.get_webview_window("main") {
+                                let _ = window.hide();
+                            }
+                        }
+                        tauri::WindowEvent::Focused(false) => {
+                            if let Some(window) = app.get_webview_window("main") {
+                                let _ = window.hide();
+                            }
+                        }
+                        _ => {}
+                    }
+                }
+            }
         });
 }

src/routes/+page.svelte

@@ -16,6 +16,7 @@
 	import SnippetForm from '$lib/components/SnippetForm.svelte';
 	import ImportSnippets from '$lib/components/ImportSnippets.svelte';
 	import SearchSnippets from '$lib/components/SearchSnippets.svelte';
+	import { getCurrentWindow } from '@tauri-apps/api/window';
 
 	const storePlugin: PluginInfo = {
 		title: 'Discover Extensions',
@@ -138,6 +139,14 @@
 			viewManager.showSettings();
 			return;
 		}
+
+		if (event.key === 'Escape') {
+			if (currentView === 'command-palette') {
+				event.preventDefault();
+				getCurrentWindow().hide();
+				console.log('hide');
+			}
+		}
 	}
 
 	function handleSavePreferences(pluginName: string, values: Record<string, unknown>) {