Function useKeyboardInput

frontend/src/hooks/useKeyboardInput.tsx:22–40

(keyEventType: KeyEvent, handler: KeyHandler)

type KeyEvent = 'keydown' | 'keyup';

export function useKeyboardInput(keyEventType: KeyEvent, handler: KeyHandler) {
  const { joystickEnabled } = useHeader();

  useEffect(() => {
    if (!joystickEnabled) return;

    const keyEventHandler = (event: KeyboardEvent) => {
      if (keys.includes(event.key as MoveKeyType)) {
        handler(event.key as MoveKeyType, event);
      }
    };

    window.addEventListener(keyEventType, keyEventHandler);

    return () => {
      window.removeEventListener(keyEventType, keyEventHandler);
    };
  }, [handler]);
}