Function keyDownHandler

src/index.ts:22–63

(event: KeyboardEvent)

})

function keyDownHandler(event: KeyboardEvent) {
  if (event.defaultPrevented) return
  if (!(event.target instanceof Node)) return
  if (isFormField(event.target)) {
    const target = event.target as HTMLElement
    if (!target.id) return
    if (!target.ownerDocument.querySelector(`[data-hotkey-scope="${target.id}"]`)) return
  }

  // If the user presses a hotkey that doesn't exist in the Trie,
  // they've pressed a wrong key-combo and we should reset the flow
  const newTriePosition = (currentTriePosition as RadixTrie<HTMLElement>).get(eventToHotkeyString(event))
  if (!newTriePosition) {
    sequenceTracker.reset()
    return
  }
  sequenceTracker.registerKeypress(event)

  currentTriePosition = newTriePosition
  if (newTriePosition instanceof Leaf) {
    const target = event.target as HTMLElement
    let shouldFire = false
    let elementToFire
    const formField = isFormField(target)

    for (let i = newTriePosition.children.length - 1; i >= 0; i -= 1) {
      elementToFire = newTriePosition.children[i]
      const scope = elementToFire.getAttribute('data-hotkey-scope')
      if ((!formField && !scope) || (formField && target.id === scope)) {
        shouldFire = true
        break
      }
    }

    if (elementToFire && shouldFire) {
      fireDeterminedAction(elementToFire, sequenceTracker.path)
      event.preventDefault()
    }

    sequenceTracker.reset()
  }
}

export function install(element: HTMLElement, hotkey?: string): void {
  // Install the keydown handler if this is the first install