tiny-markdown-editor 0.1.10 → 0.1.12

package/lib/TinyMDE.js

@@ -1,4 +1,10 @@
-import { inlineGrammar, lineGrammar, punctuationLeading, punctuationTrailing, htmlescape, htmlBlockGrammar, commands } from "./grammar";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _grammar = require("./grammar");
 class Editor {
   constructor() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -115,7 +121,7 @@ class Editor {
     this.linkLabels = [];
     for (let l = 0; l < this.lines.length; l++) {
       if (this.lineTypes[l] == 'TMLinkReferenceDefinition') {
-        this.linkLabels.push(this.lineCaptures[l][lineGrammar.TMLinkReferenceDefinition.labelPlaceholder]);
+        this.linkLabels.push(this.lineCaptures[l][_grammar.lineGrammar.TMLinkReferenceDefinition.labelPlaceholder]);
       }
     }
   }
@@ -132,7 +138,7 @@ class Editor {
    */
   replace(replacement, capture) {
     return replacement.replace(/(\${1,2})([0-9])/g, (str, p1, p2) => {
-      if (p1 == '$') return htmlescape(capture[p2]);else return `<span class="TMInlineFormatted">${this.processInlineStyles(capture[p2])}</span>`;
+      if (p1 == '$') return (0, _grammar.htmlescape)(capture[p2]);else return `<span class="TMInlineFormatted">${this.processInlineStyles(capture[p2])}</span>`;
     });
   }
 
@@ -172,10 +178,10 @@ class Editor {
       // if (lineNum > 0 && (this.lineTypes[lineNum - 1] == 'TMCodeFenceBacktickOpen' || this.lineTypes[lineNum - 1] == 'TMFencedCodeBacktick')) {
       if (codeBlockType == 'TMCodeFenceBacktickOpen') {
         // We're in a backtick-fenced code block, check if the current line closes it
-        let capture = lineGrammar.TMCodeFenceBacktickClose.regexp.exec(this.lines[lineNum]);
+        let capture = _grammar.lineGrammar.TMCodeFenceBacktickClose.regexp.exec(this.lines[lineNum]);
         if (capture && capture.groups['seq'].length >= codeBlockSeqLength) {
           lineType = 'TMCodeFenceBacktickClose';
-          lineReplacement = lineGrammar.TMCodeFenceBacktickClose.replacement;
+          lineReplacement = _grammar.lineGrammar.TMCodeFenceBacktickClose.replacement;
           lineCapture = capture;
           codeBlockType = false;
         } else {
@@ -187,10 +193,10 @@ class Editor {
       // if (lineNum > 0 && (this.lineTypes[lineNum - 1] == 'TMCodeFenceTildeOpen' || this.lineTypes[lineNum - 1] == 'TMFencedCodeTilde')) {
       else if (codeBlockType == 'TMCodeFenceTildeOpen') {
         // We're in a tilde-fenced code block
-        let capture = lineGrammar.TMCodeFenceTildeClose.regexp.exec(this.lines[lineNum]);
+        let capture = _grammar.lineGrammar.TMCodeFenceTildeClose.regexp.exec(this.lines[lineNum]);
         if (capture && capture.groups['seq'].length >= codeBlockSeqLength) {
           lineType = 'TMCodeFenceTildeClose';
-          lineReplacement = lineGrammar.TMCodeFenceTildeClose.replacement;
+          lineReplacement = _grammar.lineGrammar.TMCodeFenceTildeClose.replacement;
           lineCapture = capture;
           codeBlockType = false;
         } else {
@@ -202,7 +208,7 @@ class Editor {
 
       // Check HTML block types
       if (lineType == 'TMPara' && htmlBlock === false) {
-        for (let htmlBlockType of htmlBlockGrammar) {
+        for (let htmlBlockType of _grammar.htmlBlockGrammar) {
           if (this.lines[lineNum].match(htmlBlockType.start)) {
             // Matching start condition. Check if this tag can start here (not all start conditions allow breaking a paragraph).
             if (htmlBlockType.paraInterrupt || lineNum == 0 || !(this.lineTypes[lineNum - 1] == 'TMPara' || this.lineTypes[lineNum - 1] == 'TMUL' || this.lineTypes[lineNum - 1] == 'TMOL' || this.lineTypes[lineNum - 1] == 'TMBlockquote')) {
@@ -225,7 +231,7 @@ class Editor {
           }
         } else {
           // No specific end condition, ends with blank line
-          if (lineNum == this.lines.length - 1 || this.lines[lineNum + 1].match(lineGrammar.TMBlankLine.regexp)) {
+          if (lineNum == this.lines.length - 1 || this.lines[lineNum + 1].match(_grammar.lineGrammar.TMBlankLine.regexp)) {
             htmlBlock = false;
           }
         }
@@ -233,12 +239,12 @@ class Editor {
 
       // Check all regexps if we haven't applied one of the code block types
       if (lineType == 'TMPara') {
-        for (let type in lineGrammar) {
-          if (lineGrammar[type].regexp) {
-            let capture = lineGrammar[type].regexp.exec(this.lines[lineNum]);
+        for (let type in _grammar.lineGrammar) {
+          if (_grammar.lineGrammar[type].regexp) {
+            let capture = _grammar.lineGrammar[type].regexp.exec(this.lines[lineNum]);
             if (capture) {
               lineType = type;
-              lineReplacement = lineGrammar[type].replacement;
+              lineReplacement = _grammar.lineGrammar[type].replacement;
               lineCapture = capture;
               break;
             }
@@ -262,10 +268,10 @@ class Editor {
 
       // Setext H2 markers that can also be interpreted as an empty list item should be regarded as such (as per CommonMark spec)
       if (lineType == 'TMSetextH2Marker') {
-        let capture = lineGrammar.TMUL.regexp.exec(this.lines[lineNum]);
+        let capture = _grammar.lineGrammar.TMUL.regexp.exec(this.lines[lineNum]);
         if (capture) {
           lineType = 'TMUL';
-          lineReplacement = lineGrammar.TMUL.replacement;
+          lineReplacement = _grammar.lineGrammar.TMUL.replacement;
           lineCapture = capture;
         }
       }
@@ -274,12 +280,12 @@ class Editor {
       if (lineType == 'TMSetextH1Marker' || lineType == 'TMSetextH2Marker') {
         if (lineNum == 0 || this.lineTypes[lineNum - 1] != 'TMPara') {
           // Setext marker is invalid. However, a H2 marker might still be a valid HR, so let's check that
-          let capture = lineGrammar.TMHR.regexp.exec(this.lines[lineNum]);
+          let capture = _grammar.lineGrammar.TMHR.regexp.exec(this.lines[lineNum]);
           if (capture) {
             // Valid HR
             lineType = 'TMHR';
             lineCapture = capture;
-            lineReplacement = lineGrammar.TMHR.replacement;
+            lineReplacement = _grammar.lineGrammar.TMHR.replacement;
           } else {
             // Not valid HR, format as TMPara
             lineType = 'TMPara';
@@ -347,7 +353,7 @@ class Editor {
       // Capture any escapes and code blocks at current position, they bind more strongly than links
       // We don't have to actually process them here, that'll be done later in case the link / image is valid, but we need to skip over them.
       for (let rule of ['escape', 'code', 'autolink', 'html']) {
-        let cap = inlineGrammar[rule].regexp.exec(string);
+        let cap = _grammar.inlineGrammar[rule].regexp.exec(string);
         if (cap) {
           currentOffset += cap[0].length;
           continue textOuter;
@@ -355,7 +361,7 @@ class Editor {
       }
 
       // Check for image. It's okay for an image to be included in a link or image
-      if (string.match(inlineGrammar.imageOpen.regexp)) {
+      if (string.match(_grammar.inlineGrammar.imageOpen.regexp)) {
         // Opening image. It's okay if this is a matching pair of brackets
         bracketLevel++;
         currentOffset += 2;
@@ -363,7 +369,7 @@ class Editor {
       }
 
       // Check for link (not an image because that would have been captured and skipped over above)
-      if (string.match(inlineGrammar.linkOpen.regexp)) {
+      if (string.match(_grammar.inlineGrammar.linkOpen.regexp)) {
         // Opening bracket. Two things to do:
         // 1) it's okay if this part of a pair of brackets.
         // 2) If we are currently trying to parse a link, this nested bracket musn't start a valid link (no nested links allowed)
@@ -403,14 +409,14 @@ class Editor {
     // REFERENCE LINKS
     if (nextChar == '[') {
       let string = originalString.substr(currentOffset);
-      let cap = inlineGrammar.linkLabel.regexp.exec(string);
+      let cap = _grammar.inlineGrammar.linkLabel.regexp.exec(string);
       if (cap) {
         // Valid link label
         currentOffset += cap[0].length;
         linkLabel.push(cap[1], cap[2], cap[3]);
-        if (cap[inlineGrammar.linkLabel.labelPlaceholder]) {
+        if (cap[_grammar.inlineGrammar.linkLabel.labelPlaceholder]) {
           // Full reference link
-          linkRef = cap[inlineGrammar.linkLabel.labelPlaceholder];
+          linkRef = cap[_grammar.inlineGrammar.linkLabel.labelPlaceholder];
         } else {
           // Collapsed reference link
           linkRef = linkText.trim();
@@ -484,7 +490,7 @@ class Editor {
         }
 
         // Process backslash escapes
-        cap = inlineGrammar.escape.regexp.exec(string);
+        cap = _grammar.inlineGrammar.escape.regexp.exec(string);
         if (cap) {
           switch (linkDetails.length) {
             case 0:
@@ -713,20 +719,20 @@ class Editor {
     outer: while (string) {
       // Process simple rules (non-delimiter)
       for (let rule of ['escape', 'code', 'autolink', 'html']) {
-        let cap = inlineGrammar[rule].regexp.exec(string);
+        let cap = _grammar.inlineGrammar[rule].regexp.exec(string);
         if (cap) {
           string = string.substr(cap[0].length);
           offset += cap[0].length;
-          processed += inlineGrammar[rule].replacement
+          processed += _grammar.inlineGrammar[rule].replacement
           // .replace(/\$\$([1-9])/g, (str, p1) => processInlineStyles(cap[p1])) // todo recursive calling
-          .replace(/\$([1-9])/g, (str, p1) => htmlescape(cap[p1]));
+          .replace(/\$([1-9])/g, (str, p1) => (0, _grammar.htmlescape)(cap[p1]));
           continue outer;
         }
       }
 
       // Check for links / images
-      let potentialLink = string.match(inlineGrammar.linkOpen.regexp);
-      let potentialImage = string.match(inlineGrammar.imageOpen.regexp);
+      let potentialLink = string.match(_grammar.inlineGrammar.linkOpen.regexp);
+      let potentialImage = string.match(_grammar.inlineGrammar.imageOpen.regexp);
       if (potentialImage || potentialLink) {
         let result = this.parseLinkOrImage(string, potentialImage);
         if (result) {
@@ -750,8 +756,8 @@ class Editor {
 
         const preceding = offset > 0 ? originalString.substr(0, offset) : ' '; // beginning and end of line count as whitespace
         const following = offset + cap[0].length < originalString.length ? string : ' ';
-        const punctuationFollows = following.match(punctuationLeading);
-        const punctuationPrecedes = preceding.match(punctuationTrailing);
+        const punctuationFollows = following.match(_grammar.punctuationLeading);
+        const punctuationPrecedes = preceding.match(_grammar.punctuationTrailing);
         const whitespaceFollows = following.match(/^\s/);
         const whitespacePrecedes = preceding.match(/\s$/);
 
@@ -870,11 +876,11 @@ class Editor {
       }
 
       // Process 'default' rule
-      cap = inlineGrammar.default.regexp.exec(string);
+      cap = _grammar.inlineGrammar.default.regexp.exec(string);
       if (cap) {
         string = string.substr(cap[0].length);
         offset += cap[0].length;
-        processed += inlineGrammar.default.replacement.replace(/\$([1-9])/g, (str, p1) => htmlescape(cap[p1]));
+        processed += _grammar.inlineGrammar.default.replacement.replace(/\$([1-9])/g, (str, p1) => (0, _grammar.htmlescape)(cap[p1]));
         continue outer;
       }
       throw 'Infinite loop!';
@@ -978,7 +984,7 @@ class Editor {
     sel.col = 0;
     if (continuableType) {
       // Check if the previous line was non-empty
-      let capture = lineGrammar[continuableType].regexp.exec(this.lines[sel.row - 1]);
+      let capture = _grammar.lineGrammar[continuableType].regexp.exec(this.lines[sel.row - 1]);
       if (capture) {
         // Convention: capture[1] is the line type marker, capture[2] is the content
         if (capture[2]) {
@@ -1375,7 +1381,7 @@ class Editor {
     if (!focus) focus = this.getSelection(false);
     if (!anchor) anchor = this.getSelection(true);
     if (!focus) {
-      for (let cmd in commands) {
+      for (let cmd in _grammar.commands) {
         commandState[cmd] = null;
       }
       return commandState;
@@ -1394,25 +1400,25 @@ class Editor {
       end.col = this.lines[end.row].length; // Selection to beginning of next line is said to end at the beginning of the last line
     }
 
-    for (let cmd in commands) {
-      if (commands[cmd].type == 'inline') {
+    for (let cmd in _grammar.commands) {
+      if (_grammar.commands[cmd].type == 'inline') {
         if (!focus || focus.row != anchor.row || !this.isInlineFormattingAllowed(focus, anchor)) {
           commandState[cmd] = null;
         } else {
           // The command state is true if there is a respective enclosing markup node (e.g., the selection is enclosed in a <b>..</b>) ... 
-          commandState[cmd] = !!this.computeEnclosingMarkupNode(focus, anchor, commands[cmd].className) ||
+          commandState[cmd] = !!this.computeEnclosingMarkupNode(focus, anchor, _grammar.commands[cmd].className) ||
           // ... or if it's an empty string preceded by and followed by formatting markers, e.g. **|** where | is the cursor
 
-          focus.col == anchor.col && !!this.lines[focus.row].substr(0, focus.col).match(commands[cmd].unset.prePattern) && !!this.lines[focus.row].substr(focus.col).match(commands[cmd].unset.postPattern);
+          focus.col == anchor.col && !!this.lines[focus.row].substr(0, focus.col).match(_grammar.commands[cmd].unset.prePattern) && !!this.lines[focus.row].substr(focus.col).match(_grammar.commands[cmd].unset.postPattern);
         }
       }
-      if (commands[cmd].type == 'line') {
+      if (_grammar.commands[cmd].type == 'line') {
         if (!focus) {
           commandState[cmd] = null;
         } else {
-          let state = this.lineTypes[start.row] == commands[cmd].className;
+          let state = this.lineTypes[start.row] == _grammar.commands[cmd].className;
           for (let line = start.row; line <= end.row; line++) {
-            if (this.lineTypes[line] == commands[cmd].className != state) {
+            if (this.lineTypes[line] == _grammar.commands[cmd].className != state) {
               state = null;
               break;
             }
@@ -1430,14 +1436,14 @@ class Editor {
    * @param {boolean} state 
    */
   setCommandState(command, state) {
-    if (commands[command].type == 'inline') {
+    if (_grammar.commands[command].type == 'inline') {
       let anchor = this.getSelection(true);
       let focus = this.getSelection(false);
       if (!anchor) anchor = focus;
       if (!anchor) return;
       if (anchor.row != focus.row) return;
       if (!this.isInlineFormattingAllowed(focus, anchor)) return;
-      let markupNode = this.computeEnclosingMarkupNode(focus, anchor, commands[command].className);
+      let markupNode = this.computeEnclosingMarkupNode(focus, anchor, _grammar.commands[command].className);
       this.clearDirtyFlag();
 
       // First case: There's an enclosing markup node, remove the markers around that markup node
@@ -1445,9 +1451,9 @@ class Editor {
         this.lineDirty[focus.row] = true;
         const startCol = this.computeColumn(markupNode, 0);
         const len = markupNode.textContent.length;
-        const left = this.lines[focus.row].substr(0, startCol).replace(commands[command].unset.prePattern, '');
+        const left = this.lines[focus.row].substr(0, startCol).replace(_grammar.commands[command].unset.prePattern, '');
         const mid = this.lines[focus.row].substr(startCol, len);
-        const right = this.lines[focus.row].substr(startCol + len).replace(commands[command].unset.postPattern, '');
+        const right = this.lines[focus.row].substr(startCol + len).replace(_grammar.commands[command].unset.postPattern, '');
         this.lines[focus.row] = left.concat(mid, right);
         anchor.col = left.length;
         focus.col = anchor.col + len;
@@ -1456,10 +1462,10 @@ class Editor {
         this.fireChange();
 
         // Second case: Empty selection with surrounding formatting markers, remove those
-      } else if (focus.col == anchor.col && !!this.lines[focus.row].substr(0, focus.col).match(commands[command].unset.prePattern) && !!this.lines[focus.row].substr(focus.col).match(commands[command].unset.postPattern)) {
+      } else if (focus.col == anchor.col && !!this.lines[focus.row].substr(0, focus.col).match(_grammar.commands[command].unset.prePattern) && !!this.lines[focus.row].substr(focus.col).match(_grammar.commands[command].unset.postPattern)) {
         this.lineDirty[focus.row] = true;
-        const left = this.lines[focus.row].substr(0, focus.col).replace(commands[command].unset.prePattern, '');
-        const right = this.lines[focus.row].substr(focus.col).replace(commands[command].unset.postPattern, '');
+        const left = this.lines[focus.row].substr(0, focus.col).replace(_grammar.commands[command].unset.prePattern, '');
+        const right = this.lines[focus.row].substr(focus.col).replace(_grammar.commands[command].unset.postPattern, '');
         this.lines[focus.row] = left.concat(right);
         focus.col = anchor.col = left.length;
         this.updateFormatting();
@@ -1488,11 +1494,11 @@ class Editor {
         anchor.col = endCol;
 
         // Just insert markup before and after and hope for the best. 
-        this.wrapSelection(commands[command].set.pre, commands[command].set.post, focus, anchor);
+        this.wrapSelection(_grammar.commands[command].set.pre, _grammar.commands[command].set.post, focus, anchor);
         this.fireChange();
         // TODO clean this up so that markup remains properly nested
       }
-    } else if (commands[command].type == 'line') {
+    } else if (_grammar.commands[command].type == 'line') {
       let anchor = this.getSelection(true);
       let focus = this.getSelection(false);
       if (!anchor) anchor = focus;
@@ -1504,12 +1510,12 @@ class Editor {
         end.row--;
       }
       for (let line = start.row; line <= end.row; line++) {
-        if (state && this.lineTypes[line] != commands[command].className) {
-          this.lines[line] = this.lines[line].replace(commands[command].set.pattern, commands[command].set.replacement.replace('$#', line - start.row + 1));
+        if (state && this.lineTypes[line] != _grammar.commands[command].className) {
+          this.lines[line] = this.lines[line].replace(_grammar.commands[command].set.pattern, _grammar.commands[command].set.replacement.replace('$#', line - start.row + 1));
           this.lineDirty[line] = true;
         }
-        if (!state && this.lineTypes[line] == commands[command].className) {
-          this.lines[line] = this.lines[line].replace(commands[command].unset.pattern, commands[command].unset.replacement);
+        if (!state && this.lineTypes[line] == _grammar.commands[command].className) {
+          this.lines[line] = this.lines[line].replace(_grammar.commands[command].unset.pattern, _grammar.commands[command].unset.replacement);
           this.lineDirty[line] = true;
         }
       }
@@ -1532,7 +1538,7 @@ class Editor {
   isInlineFormattingAllowed() {
     // TODO Remove parameters from all calls
     const sel = window.getSelection();
-    if (!sel) return false;
+    if (!sel || !sel.focusNode || !sel.anchorNode) return false;
 
     // Check if we can find a common ancestor with the class `TMInlineFormatted` 
 
@@ -1642,4 +1648,4 @@ class Editor {
     }
   }
 }
-export default Editor;
+var _default = exports.default = Editor;

package/lib/TinyMDECommandBar.js

@@ -1,63 +1,70 @@
-import svg from './svg/svg';
-const isMacLike = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
+"use strict";
+
+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 }; }
+const isMacLike = /(Mac|iPhone|iPod|iPad)/i.test(typeof navigator !== "undefined" ? navigator.platform : "");
 const DefaultCommands = {
   'bold': {
     name: 'bold',
     action: 'bold',
-    innerHTML: svg.bold,
+    innerHTML: _svg.default.bold,
     title: 'Bold',
     hotkey: 'Mod-B'
   },
   'italic': {
     name: 'italic',
     action: 'italic',
-    innerHTML: svg.italic,
+    innerHTML: _svg.default.italic,
     title: 'Italic',
     hotkey: 'Mod-I'
   },
   'strikethrough': {
     name: 'strikethrough',
     action: 'strikethrough',
-    innerHTML: svg.strikethrough,
+    innerHTML: _svg.default.strikethrough,
     title: 'Strikethrough',
     hotkey: 'Mod2-Shift-5'
   },
   'code': {
     name: 'code',
     action: 'code',
-    innerHTML: svg.code,
+    innerHTML: _svg.default.code,
     title: 'Format as code'
   },
   'h1': {
     name: 'h1',
     action: 'h1',
-    innerHTML: svg.h1,
+    innerHTML: _svg.default.h1,
     title: 'Level 1 heading',
     hotkey: 'Mod-Shift-1'
   },
   'h2': {
     name: 'h2',
     action: 'h2',
-    innerHTML: svg.h2,
+    innerHTML: _svg.default.h2,
     title: 'Level 2 heading',
     hotkey: 'Mod-Shift-2'
   },
   'ul': {
     name: 'ul',
     action: 'ul',
-    innerHTML: svg.ul,
+    innerHTML: _svg.default.ul,
     title: 'Bulleted list'
   },
   'ol': {
     name: 'ol',
     action: 'ol',
-    innerHTML: svg.ol,
+    innerHTML: _svg.default.ol,
     title: 'Numbered list'
   },
   'blockquote': {
     name: 'blockquote',
     action: 'blockquote',
-    innerHTML: svg.blockquote,
+    innerHTML: _svg.default.blockquote,
     title: 'Quote',
     hotkey: 'Mod2-Shift-Q'
   },
@@ -67,7 +74,7 @@ const DefaultCommands = {
       if (editor.isInlineFormattingAllowed()) editor.wrapSelection('[', ']()');
     },
     enabled: (editor, focus, anchor) => editor.isInlineFormattingAllowed(focus, anchor) ? false : null,
-    innerHTML: svg.link,
+    innerHTML: _svg.default.link,
     title: 'Insert link',
     hotkey: 'Mod-K'
   },
@@ -77,7 +84,7 @@ const DefaultCommands = {
       if (editor.isInlineFormattingAllowed()) editor.wrapSelection('![', ']()');
     },
     enabled: (editor, focus, anchor) => editor.isInlineFormattingAllowed(focus, anchor) ? false : null,
-    innerHTML: svg.image,
+    innerHTML: _svg.default.image,
     title: 'Insert image',
     hotkey: 'Mod2-Shift-I'
   },
@@ -85,7 +92,7 @@ const DefaultCommands = {
     name: 'hr',
     action: editor => editor.paste('\n***\n'),
     enabled: () => false,
-    innerHTML: svg.hr,
+    innerHTML: _svg.default.hr,
     title: 'Insert horizontal line',
     hotkey: 'Mod2-Shift-L'
   }
@@ -255,4 +262,4 @@ class CommandBar {
     }
   }
 }
-export default CommandBar;
+var _default = exports.default = CommandBar;

package/lib/grammar.js

@@ -1,4 +1,12 @@
-import "core-js/modules/es.regexp.flags.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.htmlBlockGrammar = exports.commands = void 0;
+exports.htmlescape = htmlescape;
+exports.punctuationTrailing = exports.punctuationLeading = exports.lineGrammar = exports.inlineGrammar = void 0;
+require("core-js/modules/es.regexp.flags.js");
 // const replacements = {
 //   ASCIIPunctuation: '!"#$%&\'()*+,\\-./:;<=>?@\\[\\]^_`{|}~',
 //   TriggerChars: '`_\*\[\]\(\)',
@@ -25,15 +33,15 @@ const replacements = {
 };
 
 // From CommonMark.js. 
-const punctuationLeading = new RegExp(/^(?:[!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B])/);
-const punctuationTrailing = new RegExp(/(?:[!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B])$/);
+const punctuationLeading = exports.punctuationLeading = new RegExp(/^(?:[!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B])/);
+const punctuationTrailing = exports.punctuationTrailing = new RegExp(/(?:[!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B])$/);
 
 // export const inlineTriggerChars = new RegExp(`[${replacements.TriggerChars}]`);
 
 /**
  * This is CommonMark's block grammar, but we're ignoring nested blocks here.  
  */
-const lineGrammar = {
+const lineGrammar = exports.lineGrammar = {
   TMH1: {
     regexp: /^( {0,3}#\s)(.*?)((?:\s+#+\s*)?)$/,
     replacement: '<span class="TMMark TMMark_TMH1">$1</span>$$2<span class="TMMark TMMark_TMH1">$3</span>'
@@ -118,7 +126,7 @@ const lineGrammar = {
 /**
  * HTML blocks have multiple different classes of opener and closer. This array defines all the cases
  */
-var htmlBlockGrammar = [{
+var htmlBlockGrammar = exports.htmlBlockGrammar = [{
   start: /^ {0,3}<(?:script|pre|style)(?:\s|>|$)/i,
   end: /(?:<\/script>|<\/pre>|<\/style>)/i,
   paraInterrupt: true
@@ -153,7 +161,7 @@ var htmlBlockGrammar = [{
  * Top level entries are rules, each consisting of a regular expressions (in string format) as well as a replacement.
  * In the regular expressions, replacements from the object 'replacements' will be processed before compiling into the property regexp.
  */
-var inlineGrammar = {
+var inlineGrammar = exports.inlineGrammar = {
   escape: {
     regexp: /^\\(ASCIIPunctuation)/,
     replacement: '<span class="TMMark TMMark_TMEscape">\\</span>$1'
@@ -237,7 +245,7 @@ function htmlescape(string) {
  *     be inserted before and after the selection. The unset object contains a prePattern and a postPattern. Both should be regular expressions and 
  *     they will be applied to the portion of the line before and after the selection (using String.replace, with an empty replacement string).
  */
-const commands = {
+const commands = exports.commands = {
   // Replacements for unset for inline commands are '' by default
   bold: {
     type: 'inline',
@@ -396,5 +404,4 @@ const commands = {
       replacement: '$2'
     }
   }
-};
-export { lineGrammar, inlineGrammar, punctuationLeading, punctuationTrailing, htmlescape, htmlBlockGrammar, commands };
+};

package/lib/index.js

@@ -1,3 +1,20 @@
-import CommandBar from "./TinyMDECommandBar";
-import Editor from "./TinyMDE";
-export { Editor, CommandBar };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CommandBar", {
+  enumerable: true,
+  get: function () {
+    return _TinyMDECommandBar.default;
+  }
+});
+Object.defineProperty(exports, "Editor", {
+  enumerable: true,
+  get: function () {
+    return _TinyMDE.default;
+  }
+});
+var _TinyMDECommandBar = _interopRequireDefault(require("./TinyMDECommandBar"));
+var _TinyMDE = _interopRequireDefault(require("./TinyMDE"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/svg/svg.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 const svg = {
   blockquote: `<svg height="18" width="18"><rect width="5" height="5" x="3" y="4" ry="1"/><rect ry="1" y="4" x="10" height="5" width="5"/><path d="M8 6.999v3c0 1-1 3-1 3s-.331 1-1.331 1h-1c-1 0-.669-1-.669-1s1-2 1-3v-3zm7 0v3c0 1-1 3-1 3s-.331 1-1.331 1h-1c-1 0-.669-1-.669-1s1-2 1-3v-3z"/></svg>`,
   bold: `<svg height="18" width="18"><path d="M4 2a1 1 0 00-1 1v12a1 1 0 001 1h6c4 0 5-2 5-4 0-1.322-.434-2.636-1.885-3.381C13.772 7.885 14 6.945 14 6c0-2-1-4-5-4zm1 2h4c1.668 0 2.32.393 2.6.672.28.279.4.662.4 1.328s-.12 1.057-.4 1.338c-.275.274-1.014.646-2.6.662H5zm5 6c1.666.005 2.318.388 2.596.666.277.278.404.667.404 1.334s-.127 1.06-.404 1.338c-.278.278-.93.66-2.596.662l-4.992.004L5 10z"/></svg>`,
@@ -13,4 +19,4 @@ const svg = {
   strikethrough: `<svg width="18" height="18"><path d="M10 2C6 2 4 4 4 6c0 .338.08.672.193 1h2.34C6.113 6.629 6 6.295 6 6c0-.334.117-.725.691-1.154C7.265 4.416 8.331 4 10 4h3a1 1 0 000-2zm1.477 9c.413.368.523.706.523 1 0 .334-.127.712-.701 1.143-.575.43-1.632.85-3.299.857l-1.006.007V14H5a1 1 0 000 2h3c4 0 6-2 6-4 0-.338-.081-.672-.195-1z"/><rect ry="1" y="8" x="1" height="2" width="16"/></svg>`,
   ul: `<svg height="18" width="18"><circle cx="2" cy="9" r="2"/><circle cy="4" cx="2" r="2"/><rect y="3" x="6" height="2" width="12" ry="1"/><circle cx="2" cy="14" r="2"/><rect ry="1" width="12" height="2" x="6" y="8"/><rect y="13" x="6" height="2" width="12" ry="1"/></svg>`
 };
-export default svg;
+var _default = exports.default = svg;

package/lib/tiny.js

@@ -1,2 +1,13 @@
-import Editor from "./TinyMDE";
-export { Editor };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Editor", {
+  enumerable: true,
+  get: function () {
+    return _TinyMDE.default;
+  }
+});
+var _TinyMDE = _interopRequireDefault(require("./TinyMDE"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiny-markdown-editor",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "TinyMDE: A tiny, ultra low dependency, embeddable HTML/JavaScript Markdown editor.",
   "main": "lib/index.js",
   "files": [
@@ -39,6 +39,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.11.6",
+    "@babel/plugin-transform-modules-commonjs": "^7.23.3",
     "@babel/preset-env": "^7.22.20",
     "@octokit/rest": "^20.0.2",
     "@rollup/plugin-babel": "^6.0.2",