utility to handle hotkeys

hotkey-utilities.js

  export function parseHotkey(hotkey) {
    const keys = hotkey
      .toLowerCase()
      .split('+')
      .map((part) => part.trim());
  
    const modifiers = {
      alt: keys.includes('alt'),
      ctrl: keys.includes('ctrl'),
      meta: keys.includes('meta'),
      mod: keys.includes('mod'),
      shift: keys.includes('shift'),
    };
  
    const restrictedKeys = ['alt', 'ctrl', 'meta', 'shift', 'mod'];
  
    const freeKey = keys.find((key) => !restrictedKeys.includes(key));
  
    return {
      ...modifiers,
      key: freeKey,
    };
  }
  
  function isExactHotkey(hotkey, event) {
    const { alt, ctrl, key, meta, mod, shift } = hotkey;
    const { altKey, ctrlKey, key: pressedKey, metaKey, shiftKey } = event;
  
    if (alt !== altKey) {
      return false;
    }
  
    if (mod) {
      if (!ctrlKey && !metaKey) {
        return false;
      }
    } else {
      if (ctrl !== ctrlKey) {
        return false;
      }
      if (meta !== metaKey) {
        return false;
      }
    }
    if (shift !== shiftKey) {
      return false;
    }
  
    if (
      key &&
      (pressedKey.toLowerCase() === key.toLowerCase() ||
        event.code.replace('Key', '').toLowerCase() === key.toLowerCase())
    ) {
      return true;
    }
  
    return false;
  }
  
  export function getHotkeyMatcher(hotkey) {
    return (event) => isExactHotkey(parseHotkey(hotkey), event);
  }
  
  export function getHotkeyHandler(hotkeys) {
    return (event) => {
      hotkeys.forEach(([hotkey, handler]) => {
        if (getHotkeyMatcher(hotkey)(event.nativeEvent)) {
          event.preventDefault();
          handler(event);
        }
      });
    };
  }