add global search hotkey

netbox/project-static/src/hotkeys.ts

@@ -0,0 +1,28 @@
+const HOTKEYS: Record<string, () => void> = {
+  '/': focusGlobalSearch,
+};
+
+function focusGlobalSearch(): void {
+  const searchInput = document.querySelector<HTMLInputElement>('header input[name="q"]')!;
+  searchInput.focus();
+  console.debug('Focused global search input');
+}
+
+function handleKeydown(event: KeyboardEvent): void {
+  // Ignore hotkeys when focused on form elements or when modal is open
+  if ((event.target as Element).matches('input, textarea, select') || document.body.classList.contains('modal-open')) {
+    return;
+  }
+
+  const handler = HOTKEYS[event.key];
+  if (!handler) {
+    return;
+  }
+
+  event.preventDefault();
+  handler();
+}
+
+export function initHotkeys(): void {
+  document.addEventListener('keydown', handleKeydown);
+}

netbox/project-static/src/netbox.ts

@@ -14,6 +14,7 @@ import { initDashboard } from './dashboard';
 import { initRackElevation } from './racks';
 import { initHtmx } from './htmx';
 import { initSavedFilterSelect } from './forms/savedFiltersSelect';
+import { initHotkeys } from './hotkeys';
 
 function initDocument(): void {
   for (const init of [
@@ -33,6 +34,7 @@ function initDocument(): void {
     initRackElevation,
     initHtmx,
     initSavedFilterSelect,
+    initHotkeys,
   ]) {
     init();
   }