fix: Avoid duplicate shortcut triggers making it impossible to hide t…

…he app

fix Toggle command triggers double show/hide #10

src-tauri/capabilities/base.json

@@ -19,7 +19,6 @@
     "process:allow-exit",
     "process:allow-restart",
     "global-shortcut:allow-register",
-    "global-shortcut:allow-unregister",
     "global-shortcut:allow-unregister-all",
     "clipboard-manager:allow-write-text",
     "window:allow-start-dragging",

src/App.tsx

@@ -3,10 +3,12 @@ import { ConsoleResult } from "@components/ConsoleResult";
 import styles from "./app.module.css";
 import { useBakgroundColor } from "./hooks/useBackgroundColor";
 import { useExitOnClose } from "./hooks/useExitOnClose";
+import { useGlobalShortcut } from "./hooks/useGlobalShortcut";
 
 export function App() {
   useExitOnClose();
   useBakgroundColor();
+  useGlobalShortcut();
 
   return (
     <div data-tauri-drag-region className={styles.inputBoxLayout}>

src/hooks/useGlobalShortcut.ts

@@ -0,0 +1,17 @@
+import { register, unregisterAll } from "@tauri-apps/plugin-global-shortcut"
+import { toggleWindowVisibility } from "@utils/toggleWindowView"
+import { useEffect } from "react"
+
+const registerGlobalShortcut = async () => {
+    await unregisterAll()
+
+    await register("Alt+m", (s) => {
+        if (s.state === "Released") toggleWindowVisibility()
+    })
+}
+
+export const useGlobalShortcut = () => {
+    useEffect(() => {
+        registerGlobalShortcut()
+    }, [])
+}

src/utils/configureShortcuts.ts

@@ -1,21 +1,12 @@
-import { register, unregister, unregisterAll } from "@tauri-apps/plugin-global-shortcut";
 import { listen } from "@tauri-apps/api/event";
 import { exit } from "@tauri-apps/plugin-process";
 import { createSettingsPage } from "./createSettingsPage";
-import { toggleWindowVisibility } from "./toggleWindowView";
 
 export const configureShortcuts = async () => {
-  try {
-    await unregisterAll();
-  } catch { } // first time it will throw an error, so we ignore it
-
   listen("open-settings", () => {
     createSettingsPage();
   })
 
-  // register global shortcuts (works even when the app is not focused)
-  await register("Alt+m", toggleWindowVisibility)
-
   // register shortcuts when the window is focused
   window.addEventListener("keydown", async (e) => {
     if (isExitCommand(e)) {