feat: add search online function

package.json

@@ -15,7 +15,7 @@
   "dependencies": {
     "@tauri-apps/api": "^2.6.0",
     "@tauri-apps/plugin-global-shortcut": "^2.3.0",
-    "@tauri-apps/plugin-opener": "^2",
+    "@tauri-apps/plugin-opener": "^2.5.0",
     "fuse.js": "^7.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"

src-tauri/src/lib.rs

@@ -242,8 +242,7 @@ fn index_applications() -> Vec<FileItem> {
                 .into_iter()
                 .filter_map(|e| e.ok())
             {
-                let path = entry.path();
-                if is_app_file(&path.to_path_buf()) {
+                let path = entry.path();                if is_app_file(&path.to_path_buf()) {
                     if let (Ok(metadata), Some(name)) = (path.metadata(), path.file_name().and_then(|n| n.to_str())) {
                         let modified = metadata
                             .modified()
@@ -497,6 +496,12 @@ fn refresh_file_index(
     Ok(())
 }
 
+#[tauri::command]
+fn hide_window(app: tauri::AppHandle) {
+    if let Some(window) = app.get_webview_window("main") {
+        let _ = window.hide();
+    }
+}
 fn start_clipboard_monitor(app_handle: tauri::AppHandle, db: Arc<Mutex<ClipboardDatabase>>) {
     std::thread::spawn(move || {
         let mut last_content = String::new();
@@ -545,8 +550,31 @@ fn start_clipboard_monitor(app_handle: tauri::AppHandle, db: Arc<Mutex<Clipboard
 }
 
 pub fn run() {
+    // --- FIX 1: Define the handler logic ---
+    // This handler will be attached to the main builder.
+    // It must be able to check *which* shortcut was pressed.
+    let shortcut_handler = ShortcutBuilder::new()
+        .with_handler(move |app, scut, event| {
+            // Re-create the shortcut struct to compare its ID
+            let shortcut = Shortcut::new(Some(Modifiers::CONTROL | Modifiers::SHIFT), Code::Space);
+
+            if scut.id() == shortcut.id() && event.state() == ShortcutState::Pressed {
+                let win = app.get_webview_window("main").expect("window not found");
+                if win.is_visible().unwrap_or(false) {
+                    let _ = win.hide();
+                } else {
+                    let _ = win.show();
+                    let _ = win.set_focus();
+                }
+            }
+        })
+        .build();
+
     tauri::Builder::default()
+        .plugin(tauri_plugin_opener::init())
         .plugin(tauri_plugin_clipboard_manager::init())
+        // --- Add the handler plugin ---
+        .plugin(shortcut_handler)
         .setup(|app| {
             // Initialize clipboard database
             let db_path = get_db_path(&app.handle());
@@ -573,27 +601,12 @@ pub fn run() {
 
             #[cfg(desktop)]
             {
+                // --- FIX 2: Register the shortcut ---
+                // The v2 register() function does NOT take a closure,
+                // as the handler is already registered above.
                 let shortcut =
                     Shortcut::new(Some(Modifiers::CONTROL | Modifiers::SHIFT), Code::Space);
-                let handle = app.handle();
-
-                handle.plugin(
-                    ShortcutBuilder::new()
-                        .with_handler(move |app, scut, event| {
-                            if scut.id() == shortcut.id() && event.state() == ShortcutState::Pressed
-                            {
-                                let win = app.get_webview_window("main").expect("window not found");
-                                if win.is_visible().unwrap_or(false) {
-                                    let _ = win.hide();
-                                } else {
-                                    let _ = win.show();
-                                    let _ = win.set_focus();
-                                }
-                            }
-                        })
-                        .build(),
-                )?;
-
+
                 app.global_shortcut().register(shortcut)?;
             }
             Ok(())
@@ -609,6 +622,7 @@ pub fn run() {
             get_recent_files,
             open_file,
             refresh_file_index,
+            hide_window,
         ])
         .run(tauri::generate_context!())
         .expect("error while running tauri");

src/components/HomeOptions.jsx

@@ -1,4 +1,6 @@
 import { useKeyboardNavigation } from "../hooks/useKeyboardNavigation";
+import { openUrl } from '@tauri-apps/plugin-opener';
+import { invoke } from '@tauri-apps/api/core';
 import Fuse from "fuse.js";
 
 const OPTIONS = [
@@ -14,29 +16,54 @@ export default function HomeOptions({ query, onSelect, clearQuery }) {
     ? fuse.search(query).map((result) => result.item)
     : OPTIONS;
 
-  const { getItemProps } = useKeyboardNavigation(filtered, (item) => {
-    onSelect(item.page);
-    clearQuery();
+  const handleSearch = async (searchQuery) => {
+    if (!searchQuery.trim()) return;
+
+    try {
+      // Construct search URL (Google search)
+      const searchUrl = `https://www.google.com/search?q=${encodeURIComponent(searchQuery)}`;
+
+      // Open URL in browser
+      await openUrl(searchUrl);
+
+      // Hide the PathFinder window
+      await invoke('hide_window');
+
+      // Clear query
+      clearQuery();
+    } catch (error) {
+      console.error("Failed to open browser:", error);
+    }
+  };
+
+  // If no matches, show web search option
+  const itemsToShow = filtered.length > 0 
+    ? filtered 
+    : [{ title: `Search online for "${query}"`, icon: "🌐", isWebSearch: true }];
+
+  const { getItemProps } = useKeyboardNavigation(itemsToShow, (item) => {
+    if (item.isWebSearch) {
+      // Trigger web search
+      handleSearch(query);
+    } else {
+      // Navigate to page
+      onSelect(item.page);
+      clearQuery();
+    }
   });
+
   return (
     <div className="option-list">
-      {filtered.length ? (
-        filtered.map((opt, idx) => (
-          <div
-            {...getItemProps(idx)}
-            className={`option-item ${getItemProps(idx).className}`}
-            key={idx}
-          >
-            <span className="icon">{opt.icon}</span>
-            <span>{opt.title}</span>
-          </div>
-        ))
-      ) : (
-        <div className="option-item selected">
-          <span className="icon">🌐</span>
-          <span>Search online for "{query}"</span>
+      {itemsToShow.map((opt, idx) => (
+        <div
+          {...getItemProps(idx)}
+          className={`option-item ${getItemProps(idx).className}`}
+          key={idx}
+        >
+          <span className="icon">{opt.icon}</span>
+          <span>{opt.title}</span>
         </div>
-      )}
+      ))}
     </div>
   );
-}
+}

src/components/OnlineSearchPage.jsx

@@ -1,19 +1,44 @@
+import { useEffect } from "react";
+// 1. Import the correct named function 'openUrl'
+import { openUrl } from '@tauri-apps/plugin-opener'; 
+import { invoke } from '@tauri-apps/api/core';
 import { useKeyboardNavigation } from "../hooks/useKeyboardNavigation";
 
 export default function OnlineSearchPage({ query }) {
-  const { getItemProps } = useKeyboardNavigation([query], (item, idx) => {
-    console.log("Selected:", item);
+  const { getItemProps } = useKeyboardNavigation([query], async (item, idx) => {
+    await handleSearch(query);
   });
 
+  // 2. Removed the redundant useEffect hook. 
+  // 'useKeyboardNavigation' already handles the Enter key.
+
+  const handleSearch = async (searchQuery) => {
+    if (!searchQuery.trim()) return;
+
+    try {
+      // Construct search URL (Google search)
+      const searchUrl = `https://www.google.com/search?q=${encodeURIComponent(searchQuery)}`;
+
+      // 3. Call the correct 'openUrl' function
+      await openUrl(searchUrl);
+
+      // Hide the PathFinder window
+      await invoke('hide_window');
+    } catch (error) {
+      console.error("Failed to open browser:", error);
+    }
+  };
+
   return (
     <div className="option-list">
       <div
         {...getItemProps(0)}
         className={`option-item ${getItemProps(0).className}`}
+        onClick={() => handleSearch(query)}
       >
         <span className="icon">🌐</span>
-        <span>Search online for “{query}”</span>
+        <span>Search online for "{query}"</span>
       </div>
     </div>
   );
-}
+}