12927693746

Committed 23 Jan 2025 10:56AM UTC coverage: 68.996% (-0.6%) from 69.578%

Build # 12927693746

Build Type

Pull #180

github

Committed by

web-flow

Commit Message

Merge 997393962 into 6da034d9d

Pull Request Pull Request #180: feat: useKbdShortcuts hook & example implementation

Run Details

312 of 549 branches covered (56.83%)

Branch coverage included in aggregate %.

8 of 16 new or added lines in 3 files covered. (50.0%)

636 of 825 relevant lines covered (77.09%)

55.49 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

25.0

/src/hooks/use-kbd-shortcuts.ts

import { useEffect } from "react";

export function useKbdShortcuts(map: [string, () => void][]) {
  return useEffect(() => {
    const documentListener = (e: KeyboardEvent) => {
      const target = e.target as HTMLElement;
      if (
        target.tagName === "INPUT" ||
        target.tagName === "TEXTAREA" ||
        target.isContentEditable
      ) {
        return;
      }

      for (const [key, callback] of map) {
        if (e.key.toLowerCase() === key.toLowerCase()) {
          e.preventDefault();
          e.stopPropagation();
          callback();
        }
      }
    };

    document.addEventListener("keydown", documentListener);

    return () => {
      document.removeEventListener("keydown", documentListener);
    };
  }, [map]);
}

1	import { useEffect } from "react";
2
3	export function useKbdShortcuts(map: [string, () => void][]) {
4	return useEffect(() => {	7✔
5	const documentListener = (e: KeyboardEvent) => {	7✔
NEW 6	const target = e.target as HTMLElement;	×
NEW 7	if (	×
8	target.tagName === "INPUT" \|\|	×
9	target.tagName === "TEXTAREA" \|\|
10	target.isContentEditable
11	) {
NEW 12	return;	×
13	}
14
NEW 15	for (const [key, callback] of map) {	×
NEW 16	if (e.key.toLowerCase() === key.toLowerCase()) {	×
NEW 17	e.preventDefault();	×
NEW 18	e.stopPropagation();	×
NEW 19	callback();	×
20	}
21	}
22	};
23
24	document.addEventListener("keydown", documentListener);	7✔
25
26	return () => {	7✔
27	document.removeEventListener("keydown", documentListener);	7✔
28	};
29	}, [map]);
30	}

stacklok / codegate-ui / 12927693746

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous