Javascriptでキーボードショートカットを実装する

const ALLOWED_KEY = ['backspace', 'esc', 'escape', 'tab', 'space', 'return']
/\*\*
 \* 使用可能なコードか判定を行う.
 \* 1文字の英字かALLOWED\_KEYに含まれる特殊文字のみが登録可能です.
 \* https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key\_Values
 \* 入力は小文字である必要があります
 \* @param {String} code 
 \*/
function allowedCode(code) {
  if (code.length === 1 && code.match(/[a-z]/i)) {
    // 長さが1
    return true;
  }
  return ALLOWED_KEY.includes(code);
}

/\*\*
 \* 1つのショートカットを表現するオブジェクト
 \*/
class ShortcutObject {

  /\*\*
 \* コンストラクタ
 \* @param {\*} char: ショートカットとして使用する英字1文字
 \* @param {\*} ctrl: コントロールボタンと同時に押す必要があるか
 \* @param {\*} meta: (Mac用): コマンドボタンと同時に押す必要があるか。
 \* @param {\*} propagate: Eventを伝播させるか。
 \* @param {\*} func: ショートカットが押されたときに実行する関数
 \*/
  constructor(char, ctrl, meta, propagate, func) {
    this.char = char;
    this.ctrl = ctrl;
    this.meta = meta;
    this.propagate = propagate;
    this.func = func;
  }

  /\*\*
 \* 条件に合致したか判定して、合致した場合のみ登録された関数を実行
 \* @param {String} char 
 \* @param {Boolean} ctrl 
 \* @param {Boolean} meta 
 \*/
  ignite(event, char, ctrl, meta) {
    if (char === this.char && ctrl === this.ctrl && meta === this.meta) {
      this.func();
      if (!this.propagate) {
        event.preventDefault();
        if (event.stopPropagation()) {
          event.stopPropagation();
        }
      }
    }
  }

}
class ShortcutController {
  /\*\*
 \* コンストラクタ
 \*/
  constructor() {
    this.shortcutList = [];
  }

  /\*\*
 \* ショートカットを登録する 
 \* @param {String} keybind: キーバインドを表す文字列, 例） Ctrl+S
 \* @param {Function} callback: ショートカットが押されたときに呼び出す関数
 \* @param {Boolean} propagate : デフォルトのショートカットを呼び出すか。
 \*/
  registerShortcut(keybind, callback, propagate=false) {
    // + で区切ってすべて小文字のリストに
    // 例）Ctrl+A => [ctrl, a]
    const keys = keybind.split('+').map((s) => s.toLowerCase());

    // キーバインドをパース
    let needCtrl = false;
    let needMeta = false;
    let char = null;
    keys.forEach((k) => {
      if (k === 'ctrl') {
        needCtrl = true;
      } else if (k === 'meta') {
        needMeta = true; 
      } else if(allowedCode(k)){
        char = k;
      } else {
        // 使用できないキーが含まれている
        throw new Error('Irrelvalent Shortcut');
      }
    });
    if (char === null) {
      throw new Error('Irrelvalent Shortcut');
    }

    // ショートカットをリストに追加する
    const shortcut = new ShortcutObject(char, needCtrl, needMeta, propagate, callback);
    this.shortcutList.push(shortcut);
  }

  /\*\*
 \* addEventListenerようのハンドラー
 \* 
 \* @param {Event} event 
 \*/
  handle(event) {
    const ctrl = event.ctrlKey;
    const meta = event.metaKey;
    const char = event.key.toLowerCase();

    this.shortcutList.forEach((shortcut) => {
      shortcut.ignite(event, char, ctrl, meta);
    });
  }
}

export default {
  ShortcutController,
}