hooks useKeyboardInput.ts

0% Statements 0/42

0% Branches 0/1

0% Functions 0/1

0% Lines 0/42

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  'use client'

import { useCallback, useEffect, useRef, useState } from 'react'

interface UseKeyboardInputOptions {
  /** Whether input is active */
  enabled: boolean
  /** Called when a letter key is pressed */
  onKeyPress: (letter: string) => void
}

/**
 * Listens for physical keyboard a-z input.
 * Returns whether a physical keyboard has been detected.
 */
export function useKeyboardInput({ enabled, onKeyPress }: UseKeyboardInputOptions) {
  const [hasPhysicalKeyboard, setHasPhysicalKeyboard] = useState(false)
  const onKeyPressRef = useRef(onKeyPress)
  onKeyPressRef.current = onKeyPress

  const handleKeyDown = useCallback(
    (e: KeyboardEvent) => {
      if (!enabled) return

      // Only accept single letter keys a-z
      if (e.key.length === 1 && /^[a-zA-Z]$/.test(e.key)) {
        e.preventDefault()
        setHasPhysicalKeyboard(true)
        onKeyPressRef.current(e.key.toLowerCase())
      }
    },
    [enabled]
  )

  useEffect(() => {
    if (!enabled) return
    window.addEventListener('keydown', handleKeyDown)
    return () => window.removeEventListener('keydown', handleKeyDown)
  }, [enabled, handleKeyDown])

  return { hasPhysicalKeyboard }
}