Function useCommandSearch

pages/src/hooks/useCommandSearch.ts:13–69

(
  runSearch: (query: string, language: string) => SearchResult<S>[],
  language: string,
)

}

export function useCommandSearch<S extends string>(
  runSearch: (query: string, language: string) => SearchResult<S>[],
  language: string,
) {
  const [searchOpen, setSearchOpen] = useState(false);
  const [searchQuery, setSearchQuery] = useState('');
  const [searchSelectedIdx, setSearchSelectedIdx] = useState(0);
  const searchInputRef = useRef<HTMLInputElement>(null);

  const searchResults = useMemo(
    () => runSearch(searchQuery, language),
    [runSearch, searchQuery, language],
  );

  /* Reset selection when results change */
  useEffect(() => {
    setSearchSelectedIdx(0);
  }, [searchResults]);

  /* ⌘K / Ctrl+K keyboard shortcut */
  useEffect(() => {
    const handleKeyDown = (e: KeyboardEvent) => {
      if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
        // Don't intercept when focused in other input/textarea (unless search is already open)
        const activeEl = document.activeElement;
        if (activeEl && (activeEl.tagName === 'INPUT' || activeEl.tagName === 'TEXTAREA') && !searchOpen) return;
        e.preventDefault();
        setSearchOpen(prev => !prev);
      }
      if (e.key === 'Escape') {
        setSearchOpen(false);
      }
    };
    window.addEventListener('keydown', handleKeyDown);
    return () => window.removeEventListener('keydown', handleKeyDown);
  }, [searchOpen]);

  /* Focus input when search opens */
  useEffect(() => {
    if (searchOpen) {
      setTimeout(() => searchInputRef.current?.focus(), 50);
    } else {
      setSearchQuery('');
    }
  }, [searchOpen]);

  return {
    searchOpen,
    setSearchOpen,
    searchQuery,
    setSearchQuery,
    searchSelectedIdx,
    setSearchSelectedIdx,
    searchInputRef,
    searchResults,
  };
}