tiny-markdown-editor 0.1.4 → 0.1.6

package/lib/TinyMDECommandBar.js

@@ -1,70 +1,13 @@
 "use strict";
 
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.symbol.description");
-
-require("core-js/modules/es.symbol.iterator");
-
-require("core-js/modules/es.array.concat");
-
-require("core-js/modules/es.array.from");
-
-require("core-js/modules/es.array.iterator");
-
-require("core-js/modules/es.array.join");
-
-require("core-js/modules/es.array.slice");
-
-require("core-js/modules/es.function.name");
-
-require("core-js/modules/es.object.assign");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.regexp.exec");
-
-require("core-js/modules/es.regexp.to-string");
-
-require("core-js/modules/es.string.iterator");
-
-require("core-js/modules/es.string.match");
-
-require("core-js/modules/es.string.split");
-
-require("core-js/modules/es.string.anchor");
-
-require("core-js/modules/es.string.bold");
-
-require("core-js/modules/es.string.link");
-
-require("core-js/modules/web.dom-collections.iterator");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _svg = _interopRequireDefault(require("./svg/svg"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-var isMacLike = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
-var DefaultCommands = {
+const isMacLike = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
+const DefaultCommands = {
   'bold': {
     name: 'bold',
     action: 'bold',
@@ -127,296 +70,196 @@ var DefaultCommands = {
   },
   'insertLink': {
     name: 'insertLink',
-    action: function action(editor) {
+    action: editor => {
       if (editor.isInlineFormattingAllowed()) editor.wrapSelection('[', ']()');
     },
-    enabled: function enabled(editor, focus, anchor) {
-      return editor.isInlineFormattingAllowed(focus, anchor) ? false : null;
-    },
+    enabled: (editor, focus, anchor) => editor.isInlineFormattingAllowed(focus, anchor) ? false : null,
     innerHTML: _svg.default.link,
     title: 'Insert link',
     hotkey: 'Mod-K'
   },
   'insertImage': {
     name: 'insertImage',
-    action: function action(editor) {
+    action: editor => {
       if (editor.isInlineFormattingAllowed()) editor.wrapSelection('![', ']()');
     },
-    enabled: function enabled(editor, focus, anchor) {
-      return editor.isInlineFormattingAllowed(focus, anchor) ? false : null;
-    },
+    enabled: (editor, focus, anchor) => editor.isInlineFormattingAllowed(focus, anchor) ? false : null,
     innerHTML: _svg.default.image,
     title: 'Insert image',
     hotkey: 'Mod2-Shift-I'
   },
   'hr': {
     name: 'hr',
-    action: function action(editor) {
-      return editor.paste('\n***\n');
-    },
-    enabled: function enabled() {
-      return false;
-    },
+    action: editor => editor.paste('\n***\n'),
+    enabled: () => false,
     innerHTML: _svg.default.hr,
     title: 'Insert horizontal line',
     hotkey: 'Mod2-Shift-L'
   }
 };
-
-var CommandBar = /*#__PURE__*/function () {
-  function CommandBar(props) {
-    var _this = this;
-
-    _classCallCheck(this, CommandBar);
-
+class CommandBar {
+  constructor(props) {
     this.e = null;
     this.editor = null;
     this.commands = [];
     this.buttons = {};
     this.state = {};
     this.hotkeys = [];
-    var element = props.element;
-
+    let element = props.element;
     if (element && !element.tagName) {
       element = document.getElementById(props.element);
     }
-
     if (!element) {
       element = document.body;
     }
-
     this.createCommandBarElement(element, props.commands || ['bold', 'italic', 'strikethrough', '|', 'code', '|', 'h1', 'h2', '|', 'ul', 'ol', '|', 'blockquote', 'hr', '|', 'insertLink', 'insertImage']);
-    document.addEventListener('keydown', function (e) {
-      return _this.handleKeydown(e);
-    });
+    document.addEventListener('keydown', e => this.handleKeydown(e));
     if (props.editor) this.setEditor(props.editor);
   }
-
-  _createClass(CommandBar, [{
-    key: "createCommandBarElement",
-    value: function createCommandBarElement(parentElement, commands) {
-      var _this2 = this;
-
-      this.e = document.createElement('div');
-      this.e.className = 'TMCommandBar';
-
-      var _iterator = _createForOfIteratorHelper(commands),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var command = _step.value;
-
-          if (command == '|') {
-            var el = document.createElement('div');
-            el.className = 'TMCommandDivider';
-            this.e.appendChild(el);
+  createCommandBarElement(parentElement, commands) {
+    this.e = document.createElement('div');
+    this.e.className = 'TMCommandBar';
+    for (let command of commands) {
+      if (command == '|') {
+        let el = document.createElement('div');
+        el.className = 'TMCommandDivider';
+        this.e.appendChild(el);
+      } else {
+        let commandName;
+        if (typeof command == "string") {
+          // Reference to default command
+
+          if (DefaultCommands[command]) {
+            commandName = command;
+            this.commands[commandName] = DefaultCommands[commandName];
           } else {
-            var _ret = function () {
-              var commandName = void 0;
-
-              if (typeof command == "string") {
-                // Reference to default command
-                if (DefaultCommands[command]) {
-                  commandName = command;
-                  _this2.commands[commandName] = DefaultCommands[commandName];
-                } else {
-                  return "continue";
-                }
-              } else if (_typeof(command) == "object" && command.name) {
-                commandName = command.name;
-                _this2.commands[commandName] = {};
-                if (DefaultCommands[commandName]) Object.assign(_this2.commands[commandName], DefaultCommands[commandName]);
-                Object.assign(_this2.commands[commandName], command);
-              } else {
-                return "continue";
-              }
-
-              var title = _this2.commands[commandName].title || commandName;
-
-              if (_this2.commands[commandName].hotkey) {
-                var keys = _this2.commands[commandName].hotkey.split('-'); // construct modifiers
-
-
-                var modifiers = [];
-                var modifierexplanation = [];
-
-                for (var i = 0; i < keys.length - 1; i++) {
-                  switch (keys[i]) {
-                    case 'Ctrl':
-                      modifiers.push('ctrlKey');
-                      modifierexplanation.push('Ctrl');
-                      break;
-
-                    case 'Cmd':
-                      modifiers.push('metaKey');
-                      modifierexplanation.push('⌘');
-                      break;
-
-                    case 'Alt':
-                      modifiers.push('altKey');
-                      modifierexplanation.push('Alt');
-                      break;
-
-                    case 'Option':
-                      modifiers.push('altKey');
-                      modifierexplanation.push('⌥');
-                      break;
-
-                    case 'Win':
-                      modifiers.push('metaKey');
-                      modifierexplanation.push('⊞ Win');
-                      break;
-
-                    case 'Shift':
-                      modifiers.push('shiftKey');
-                      modifierexplanation.push('⇧');
-                      break;
-
-                    case 'Mod':
-                      // Mod is a convenience mechanism: Ctrl on Windows, Cmd on Mac
-                      if (isMacLike) {
-                        modifiers.push('metaKey');
-                        modifierexplanation.push('⌘');
-                      } else {
-                        modifiers.push('ctrlKey');
-                        modifierexplanation.push('Ctrl');
-                      }
-
-                      break;
-
-                    case 'Mod2':
-                      modifiers.push('altKey');
-                      if (isMacLike) modifierexplanation.push('⌥');else modifierexplanation.push('Alt');
-                      break;
-                    // Mod2 is a convenience mechanism: Alt on Windows, Option on Mac
-                  }
-                }
-
-                modifierexplanation.push(keys[keys.length - 1]);
-                var hotkey = {
-                  modifiers: modifiers,
-                  command: commandName
-                }; // TODO Right now this is working only for letters and numbers
-
-                if (keys[keys.length - 1].match(/^[0-9]$/)) {
-                  hotkey.code = "Digit".concat(keys[keys.length - 1]);
+            continue;
+          }
+        } else if (typeof command == "object" && command.name) {
+          commandName = command.name;
+          this.commands[commandName] = {};
+          if (DefaultCommands[commandName]) Object.assign(this.commands[commandName], DefaultCommands[commandName]);
+          Object.assign(this.commands[commandName], command);
+        } else {
+          continue;
+        }
+        let title = this.commands[commandName].title || commandName;
+        if (this.commands[commandName].hotkey) {
+          const keys = this.commands[commandName].hotkey.split('-');
+          // construct modifiers
+          let modifiers = [];
+          let modifierexplanation = [];
+          for (let i = 0; i < keys.length - 1; i++) {
+            switch (keys[i]) {
+              case 'Ctrl':
+                modifiers.push('ctrlKey');
+                modifierexplanation.push('Ctrl');
+                break;
+              case 'Cmd':
+                modifiers.push('metaKey');
+                modifierexplanation.push('⌘');
+                break;
+              case 'Alt':
+                modifiers.push('altKey');
+                modifierexplanation.push('Alt');
+                break;
+              case 'Option':
+                modifiers.push('altKey');
+                modifierexplanation.push('⌥');
+                break;
+              case 'Win':
+                modifiers.push('metaKey');
+                modifierexplanation.push('⊞ Win');
+                break;
+              case 'Shift':
+                modifiers.push('shiftKey');
+                modifierexplanation.push('⇧');
+                break;
+              case 'Mod':
+                // Mod is a convenience mechanism: Ctrl on Windows, Cmd on Mac
+                if (isMacLike) {
+                  modifiers.push('metaKey');
+                  modifierexplanation.push('⌘');
                 } else {
-                  hotkey.key = keys[keys.length - 1].toLowerCase();
+                  modifiers.push('ctrlKey');
+                  modifierexplanation.push('Ctrl');
                 }
+                break;
+              case 'Mod2':
+                modifiers.push('altKey');
+                if (isMacLike) modifierexplanation.push('⌥');else modifierexplanation.push('Alt');
+                break;
+              // Mod2 is a convenience mechanism: Alt on Windows, Option on Mac
+            }
+          }
 
-                _this2.hotkeys.push(hotkey);
-
-                title = title.concat(" (".concat(modifierexplanation.join('+'), ")"));
-              }
-
-              _this2.buttons[commandName] = document.createElement('div');
-              _this2.buttons[commandName].className = 'TMCommandButton TMCommandButton_Disabled';
-              _this2.buttons[commandName].title = title;
-              _this2.buttons[commandName].innerHTML = _this2.commands[commandName].innerHTML;
-
-              _this2.buttons[commandName].addEventListener('mousedown', function (e) {
-                return _this2.handleClick(commandName, e);
-              });
-
-              _this2.e.appendChild(_this2.buttons[commandName]);
-            }();
-
-            if (_ret === "continue") continue;
+          modifierexplanation.push(keys[keys.length - 1]);
+          let hotkey = {
+            modifiers: modifiers,
+            command: commandName
+          };
+          // TODO Right now this is working only for letters and numbers
+          if (keys[keys.length - 1].match(/^[0-9]$/)) {
+            hotkey.code = `Digit${keys[keys.length - 1]}`;
+          } else {
+            hotkey.key = keys[keys.length - 1].toLowerCase();
           }
+          this.hotkeys.push(hotkey);
+          title = title.concat(` (${modifierexplanation.join('+')})`);
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+        this.buttons[commandName] = document.createElement('div');
+        this.buttons[commandName].className = 'TMCommandButton TMCommandButton_Disabled';
+        this.buttons[commandName].title = title;
+        this.buttons[commandName].innerHTML = this.commands[commandName].innerHTML;
+        this.buttons[commandName].addEventListener('mousedown', e => this.handleClick(commandName, e));
+        this.e.appendChild(this.buttons[commandName]);
       }
-
-      parentElement.appendChild(this.e);
     }
-  }, {
-    key: "handleClick",
-    value: function handleClick(commandName, event) {
-      if (!this.editor) return;
-      event.preventDefault();
-
-      if (typeof this.commands[commandName].action == "string") {
-        if (this.state[commandName] === false) this.editor.setCommandState(commandName, true);else this.editor.setCommandState(commandName, false);
-      } else if (typeof this.commands[commandName].action == "function") {
-        this.commands[commandName].action(this.editor);
-      }
-    }
-  }, {
-    key: "setEditor",
-    value: function setEditor(editor) {
-      var _this3 = this;
-
-      this.editor = editor;
-      editor.addEventListener('selection', function (e) {
-        return _this3.handleSelection(e);
-      });
+    parentElement.appendChild(this.e);
+  }
+  handleClick(commandName, event) {
+    if (!this.editor) return;
+    event.preventDefault();
+    if (typeof this.commands[commandName].action == "string") {
+      if (this.state[commandName] === false) this.editor.setCommandState(commandName, true);else this.editor.setCommandState(commandName, false);
+    } else if (typeof this.commands[commandName].action == "function") {
+      this.commands[commandName].action(this.editor);
     }
-  }, {
-    key: "handleSelection",
-    value: function handleSelection(event) {
-      if (event.commandState) {
-        for (var command in this.commands) {
-          if (event.commandState[command] === undefined) {
-            if (this.commands[command].enabled) this.state[command] = this.commands[command].enabled(this.editor, event.focus, event.anchor);else this.state[command] = event.focus ? false : null;
-          } else {
-            this.state[command] = event.commandState[command];
-          }
-
-          if (this.state[command] === true) {
-            this.buttons[command].className = 'TMCommandButton TMCommandButton_Active';
-          } else if (this.state[command] === false) {
-            this.buttons[command].className = 'TMCommandButton TMCommandButton_Inactive';
-          } else {
-            this.buttons[command].className = 'TMCommandButton TMCommandButton_Disabled';
-          }
+  }
+  setEditor(editor) {
+    this.editor = editor;
+    editor.addEventListener('selection', e => this.handleSelection(e));
+  }
+  handleSelection(event) {
+    if (event.commandState) {
+      for (let command in this.commands) {
+        if (event.commandState[command] === undefined) {
+          if (this.commands[command].enabled) this.state[command] = this.commands[command].enabled(this.editor, event.focus, event.anchor);else this.state[command] = event.focus ? false : null;
+        } else {
+          this.state[command] = event.commandState[command];
+        }
+        if (this.state[command] === true) {
+          this.buttons[command].className = 'TMCommandButton TMCommandButton_Active';
+        } else if (this.state[command] === false) {
+          this.buttons[command].className = 'TMCommandButton TMCommandButton_Inactive';
+        } else {
+          this.buttons[command].className = 'TMCommandButton TMCommandButton_Disabled';
         }
       }
     }
-  }, {
-    key: "handleKeydown",
-    value: function handleKeydown(event) {
-      var _iterator2 = _createForOfIteratorHelper(this.hotkeys),
-          _step2;
-
-      try {
-        outer: for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var hotkey = _step2.value;
-
-          if (hotkey.key && event.key.toLowerCase() == hotkey.key || hotkey.code && event.code == hotkey.code) {
-            // Key matches hotkey. Look for any required modifier that wasn't pressed
-            var _iterator3 = _createForOfIteratorHelper(hotkey.modifiers),
-                _step3;
-
-            try {
-              for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-                var modifier = _step3.value;
-                if (!event[modifier]) continue outer;
-              } // Everything matches.
-
-            } catch (err) {
-              _iterator3.e(err);
-            } finally {
-              _iterator3.f();
-            }
-
-            this.handleClick(hotkey.command, event);
-            return;
-          }
+  }
+  handleKeydown(event) {
+    outer: for (let hotkey of this.hotkeys) {
+      if (hotkey.key && event.key.toLowerCase() == hotkey.key || hotkey.code && event.code == hotkey.code) {
+        // Key matches hotkey. Look for any required modifier that wasn't pressed
+        for (let modifier of hotkey.modifiers) {
+          if (!event[modifier]) continue outer;
         }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
+        // Everything matches.
+        this.handleClick(hotkey.command, event);
+        return;
       }
     }
-  }]);
-
-  return CommandBar;
-}();
-
-var _default = CommandBar;
-exports.default = _default;
+  }
+}
+var _default = exports.default = CommandBar;