react-cosmos-shared2/dist/playground.js

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.registerShortcuts = registerShortcuts;

function registerShortcuts(runCommand) {
  window.addEventListener('keydown', handleWindowKeyDown);

  function run(e, command) {
    e.preventDefault();
    runCommand(command);
  }

  function handleWindowKeyDown(e) {
    if (isEditing()) {
      return;
    }

    var keyChar = String.fromCharCode(e.keyCode);
    var metaKey = e.metaKey || e.ctrlKey;

    if (keyChar === 'P' && metaKey) {
      run(e, 'searchFixtures');
    } else if (keyChar === 'L' && metaKey && e.shiftKey) {
      run(e, 'toggleFixtureList');
    } else if (keyChar === 'K' && metaKey && e.shiftKey) {
      run(e, 'toggleControlPanel');
    } else if (keyChar === 'F' && metaKey && e.shiftKey) {
      run(e, 'goFullScreen');
    } else if (keyChar === 'E' && metaKey && e.shiftKey) {
      run(e, 'editFixture');
    }
  }

  return function () {
    window.removeEventListener('keydown', handleWindowKeyDown);
  };
}

function isEditing() {
  var activeElement = document.activeElement;
  return activeElement && isInputTag(activeElement.tagName);
}

function isInputTag(tagName) {
  var inputTags = ['input', 'textarea', 'select'];
  return inputTags.includes(tagName.toLowerCase());
}