Enable Ctrl/Meta+K to trigger universal search

assets/js/app.js

@@ -23,11 +23,13 @@ import { LiveSocket } from "phoenix_live_view";
 import topbar from "../vendor/topbar";
 import { Hooks as FluxonHooks, DOM as FluxonDOM } from "fluxon";
 import BarcodeScannerHook from "./barcode-scanner";
+import SearchGlobalShortcut from "./search-global-shortcut";
 import confetti from "canvas-confetti";
 import { createLiveToastHook } from "live_toast";
 
 let Hooks = FluxonHooks;
 Hooks.BarcodeScanner = BarcodeScannerHook;
+Hooks.SearchGlobalShortcut = SearchGlobalShortcut;
 Hooks.LiveToast = createLiveToastHook();
 
 let csrfToken = document

assets/js/search-global-shortcut.js

@@ -0,0 +1,18 @@
+export default {
+  mounted() {
+    const universalSearchButton = document.querySelector("#universal-search-button");
+
+    document.addEventListener("keydown", (event) => {
+      switch (event.key) {
+        case "k":
+          if (event.metaKey || event.ctrlKey) {
+            event.preventDefault();
+            universalSearchButton.click();
+          }
+          break;
+        default:
+          break;
+      }
+    });
+  },
+};