@uiw/react-md-editor 3.18.3 → 3.19.1

package/lib/utils/InsertTextAtPosition.js

@@ -5,99 +5,90 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.insertAtLineStart = void 0;
 exports.insertTextAtPosition = insertTextAtPosition;
-
 /**
  * The MIT License
  * Copyright (c) 2018 Dmitriy Kubyshkin
  * Copied from https://github.com/grassator/insert-text-at-cursor
  */
+
 var browserSupportsTextareaTextNodes;
+
 /**
  * @param {HTMLElement} input
  * @return {boolean}
  */
-
 function canManipulateViaTextNodes(input) {
   if (input.nodeName !== 'TEXTAREA') {
     return false;
   }
-
   if (typeof browserSupportsTextareaTextNodes === 'undefined') {
     var textarea = document.createElement('textarea');
     textarea.value = '1';
     browserSupportsTextareaTextNodes = !!textarea.firstChild;
   }
-
   return browserSupportsTextareaTextNodes;
 }
+
 /**
  * @param {string} val
  * @param {number} cursorIdx
  * @param {HTMLTextAreaElement|HTMLInputElement} input
  * @return {void}
  */
-
-
 var insertAtLineStart = function insertAtLineStart(val, cursorIdx, input) {
   var content = input.value;
   var startIdx = 0;
-
   while (cursorIdx--) {
     var _char = content[cursorIdx];
-
     if (_char === '\n') {
       startIdx = cursorIdx + 1;
       break;
     }
   }
-
   input.focus();
   input.setRangeText(val, startIdx, startIdx);
   input.dispatchEvent(new Event('input', {
     bubbles: true
   }));
 };
+
 /**
  * @param {HTMLTextAreaElement|HTMLInputElement} input
  * @param {string} text
  * @returns {void}
  */
-
-
 exports.insertAtLineStart = insertAtLineStart;
-
 function insertTextAtPosition(input, text) {
   // Most of the used APIs only work with the field selected
-  input.focus(); // IE 8-10
+  input.focus();
 
+  // IE 8-10
   if (document.selection) {
     var ieRange = document.selection.createRange();
-    ieRange.text = text; // Move cursor after the inserted text
+    ieRange.text = text;
 
-    ieRange.collapse(false
-    /* to the end */
-    );
+    // Move cursor after the inserted text
+    ieRange.collapse(false /* to the end */);
     ieRange.select();
     return;
-  } // Webkit + Edge
-
+  }
 
+  // Webkit + Edge
   var isSuccess = document.execCommand && document.execCommand('insertText', false, text);
-
   if (!isSuccess) {
     var start = input.selectionStart;
-    var end = input.selectionEnd; // Firefox (non-standard method)
-
+    var end = input.selectionEnd;
+    // Firefox (non-standard method)
     if (typeof input.setRangeText === 'function') {
       input.setRangeText(text);
     } else {
       // To make a change we just need a Range, not a Selection
       var range = document.createRange();
       var textNode = document.createTextNode(text);
-
       if (canManipulateViaTextNodes(input)) {
-        var node = input.firstChild; // If textarea is empty, just insert the text
+        var node = input.firstChild;
 
+        // If textarea is empty, just insert the text
         if (!node) {
           input.appendChild(textNode);
         } else {
@@ -105,35 +96,34 @@ function insertTextAtPosition(input, text) {
           var offset = 0;
           var startNode = null;
           var endNode = null;
-
           while (node && (startNode === null || endNode === null)) {
-            var nodeLength = node.nodeValue.length; // if start of the selection falls into current node
+            var nodeLength = node.nodeValue.length;
 
+            // if start of the selection falls into current node
             if (start >= offset && start <= offset + nodeLength) {
               range.setStart(startNode = node, start - offset);
-            } // if end of the selection falls into current node
-
+            }
 
+            // if end of the selection falls into current node
             if (end >= offset && end <= offset + nodeLength) {
               range.setEnd(endNode = node, end - offset);
             }
-
             offset += nodeLength;
             node = node.nextSibling;
-          } // If there is some text selected, remove it as we should replace it
-
+          }
 
+          // If there is some text selected, remove it as we should replace it
           if (start !== end) {
             range.deleteContents();
           }
         }
-      } // If the node is a textarea and the range doesn't span outside the element
+      }
+
+      // If the node is a textarea and the range doesn't span outside the element
       //
       // Get the commonAncestorContainer of the selected range and test its type
       // If the node is of type `#text` it means that we're still working with text nodes within our textarea element
       // otherwise, if it's of type `#document` for example it means our selection spans outside the textarea.
-
-
       if (canManipulateViaTextNodes(input) && range.commonAncestorContainer.nodeName === '#text') {
         // Finally insert a new node. The browser will automatically split start and end nodes into two if necessary
         range.insertNode(textNode);
@@ -142,11 +132,12 @@ function insertTextAtPosition(input, text) {
         var value = input.value;
         input.value = value.slice(0, start) + text + value.slice(end);
       }
-    } // Correct the cursor position to be at the end of the insertion
-
+    }
 
-    input.setSelectionRange(start + text.length, start + text.length); // Notify any possible listeners of the change
+    // Correct the cursor position to be at the end of the insertion
+    input.setSelectionRange(start + text.length, start + text.length);
 
+    // Notify any possible listeners of the change
     var e = document.createEvent('UIEvent');
     e.initEvent('input', true, false);
     input.dispatchEvent(e);

package/lib/utils/InsertTextAtPosition.js.map

@@ -63,5 +63,5 @@
   "sourcesContent": [
     "/**\n * The MIT License\n * Copyright (c) 2018 Dmitriy Kubyshkin\n * Copied from https://github.com/grassator/insert-text-at-cursor\n */\n\nlet browserSupportsTextareaTextNodes: any;\n\n/**\n * @param {HTMLElement} input\n * @return {boolean}\n */\nfunction canManipulateViaTextNodes(input: HTMLTextAreaElement | HTMLInputElement): boolean {\n  if (input.nodeName !== 'TEXTAREA') {\n    return false;\n  }\n  if (typeof browserSupportsTextareaTextNodes === 'undefined') {\n    const textarea: HTMLTextAreaElement = document.createElement('textarea');\n    textarea.value = '1';\n    browserSupportsTextareaTextNodes = !!textarea.firstChild;\n  }\n  return browserSupportsTextareaTextNodes;\n}\n\n/**\n * @param {string} val\n * @param {number} cursorIdx\n * @param {HTMLTextAreaElement|HTMLInputElement} input\n * @return {void}\n */\nexport const insertAtLineStart = (\n  val: string,\n  cursorIdx: number,\n  input: HTMLTextAreaElement | HTMLInputElement,\n): void => {\n  const content = input.value;\n  let startIdx = 0;\n\n  while (cursorIdx--) {\n    let char = content[cursorIdx];\n    if (char === '\\n') {\n      startIdx = cursorIdx + 1;\n      break;\n    }\n  }\n\n  input.focus();\n  input.setRangeText(val, startIdx, startIdx);\n  input.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\n/**\n * @param {HTMLTextAreaElement|HTMLInputElement} input\n * @param {string} text\n * @returns {void}\n */\nexport function insertTextAtPosition(input: HTMLTextAreaElement | HTMLInputElement, text: string): void {\n  // Most of the used APIs only work with the field selected\n  input.focus();\n\n  // IE 8-10\n  if ((document as any).selection) {\n    const ieRange = (document as any).selection.createRange();\n    ieRange.text = text;\n\n    // Move cursor after the inserted text\n    ieRange.collapse(false /* to the end */);\n    ieRange.select();\n\n    return;\n  }\n\n  // Webkit + Edge\n  const isSuccess = document.execCommand && document.execCommand('insertText', false, text);\n  if (!isSuccess) {\n    const start = input.selectionStart!;\n    const end = input.selectionEnd!;\n    // Firefox (non-standard method)\n    if (typeof input.setRangeText === 'function') {\n      input.setRangeText(text);\n    } else {\n      // To make a change we just need a Range, not a Selection\n      const range = document.createRange();\n      const textNode = document.createTextNode(text);\n\n      if (canManipulateViaTextNodes(input)) {\n        let node = input.firstChild;\n\n        // If textarea is empty, just insert the text\n        if (!node) {\n          input.appendChild(textNode);\n        } else {\n          // Otherwise we need to find a nodes for start and end\n          let offset = 0;\n          let startNode = null;\n          let endNode = null;\n\n          while (node && (startNode === null || endNode === null)) {\n            const nodeLength = node.nodeValue!.length;\n\n            // if start of the selection falls into current node\n            if (start >= offset && start <= offset + nodeLength) {\n              range.setStart((startNode = node), start - offset);\n            }\n\n            // if end of the selection falls into current node\n            if (end >= offset && end <= offset + nodeLength) {\n              range.setEnd((endNode = node), end - offset);\n            }\n\n            offset += nodeLength;\n            node = node.nextSibling;\n          }\n\n          // If there is some text selected, remove it as we should replace it\n          if (start !== end) {\n            range.deleteContents();\n          }\n        }\n      }\n\n      // If the node is a textarea and the range doesn't span outside the element\n      //\n      // Get the commonAncestorContainer of the selected range and test its type\n      // If the node is of type `#text` it means that we're still working with text nodes within our textarea element\n      // otherwise, if it's of type `#document` for example it means our selection spans outside the textarea.\n      if (canManipulateViaTextNodes(input) && range.commonAncestorContainer.nodeName === '#text') {\n        // Finally insert a new node. The browser will automatically split start and end nodes into two if necessary\n        range.insertNode(textNode);\n      } else {\n        // If the node is not a textarea or the range spans outside a textarea the only way is to replace the whole value\n        const value = input.value;\n        input.value = value.slice(0, start) + text + value.slice(end);\n      }\n    }\n\n    // Correct the cursor position to be at the end of the insertion\n    input.setSelectionRange(start + text.length, start + text.length);\n\n    // Notify any possible listeners of the change\n    const e = document.createEvent('UIEvent');\n    e.initEvent('input', true, false);\n    input.dispatchEvent(e);\n  }\n}\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/lib/utils/markdownUtils.js

@@ -7,118 +7,107 @@ exports.getBreaksNeededForEmptyLineAfter = getBreaksNeededForEmptyLineAfter;
 exports.getBreaksNeededForEmptyLineBefore = getBreaksNeededForEmptyLineBefore;
 exports.getSurroundingWord = getSurroundingWord;
 exports.selectWord = selectWord;
-
 function selectWord(_ref) {
   var text = _ref.text,
-      selection = _ref.selection;
-
+    selection = _ref.selection;
   if (text && text.length && selection.start === selection.end) {
     // the user is pointing to a word
     return getSurroundingWord(text, selection.start);
   }
-
   return selection;
 }
+
 /**
  *  Gets the number of line-breaks that would have to be inserted before the given 'startPosition'
  *  to make sure there's an empty line between 'startPosition' and the previous text
  */
-
-
 function getBreaksNeededForEmptyLineBefore() {
   var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var startPosition = arguments.length > 1 ? arguments[1] : undefined;
-  if (startPosition === 0) return 0; // rules:
+  if (startPosition === 0) return 0;
+
+  // rules:
   // - If we're in the first line, no breaks are needed
   // - Otherwise there must be 2 breaks before the previous character. Depending on how many breaks exist already, we
   //      may need to insert 0, 1 or 2 breaks
 
   var neededBreaks = 2;
   var isInFirstLine = true;
-
   for (var i = startPosition - 1; i >= 0 && neededBreaks >= 0; i--) {
     switch (text.charCodeAt(i)) {
       case 32:
         // blank space
         continue;
-
       case 10:
         // line break
         neededBreaks--;
         isInFirstLine = false;
         break;
-
       default:
         return neededBreaks;
     }
   }
-
   return isInFirstLine ? 0 : neededBreaks;
 }
+
 /**
  *  Gets the number of line-breaks that would have to be inserted after the given 'startPosition'
  *  to make sure there's an empty line between 'startPosition' and the next text
  */
-
-
 function getBreaksNeededForEmptyLineAfter() {
   var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var startPosition = arguments.length > 1 ? arguments[1] : undefined;
-  if (startPosition === text.length - 1) return 0; // rules:
+  if (startPosition === text.length - 1) return 0;
+
+  // rules:
   // - If we're in the first line, no breaks are needed
   // - Otherwise there must be 2 breaks before the previous character. Depending on how many breaks exist already, we
   //      may need to insert 0, 1 or 2 breaks
 
   var neededBreaks = 2;
   var isInLastLine = true;
-
   for (var i = startPosition; i < text.length && neededBreaks >= 0; i++) {
     switch (text.charCodeAt(i)) {
       case 32:
         continue;
-
       case 10:
         {
           neededBreaks--;
           isInLastLine = false;
           break;
         }
-
       default:
         return neededBreaks;
     }
   }
-
   return isInLastLine ? 0 : neededBreaks;
 }
-
 function getSurroundingWord(text, position) {
   if (!text) throw Error("Argument 'text' should be truthy");
-
   var isWordDelimiter = function isWordDelimiter(c) {
     return c === ' ' || c.charCodeAt(0) === 10;
-  }; // leftIndex is initialized to 0 because if selection is 0, it won't even enter the iteration
-
-
-  var start = 0; // rightIndex is initialized to text.length because if selection is equal to text.length it won't even enter the interation
+  };
 
-  var end = text.length; // iterate to the left
+  // leftIndex is initialized to 0 because if selection is 0, it won't even enter the iteration
+  var start = 0;
+  // rightIndex is initialized to text.length because if selection is equal to text.length it won't even enter the interation
+  var end = text.length;
 
+  // iterate to the left
   for (var i = position; i - 1 > -1; i--) {
     if (isWordDelimiter(text[i - 1])) {
       start = i;
       break;
     }
-  } // iterate to the right
-
+  }
 
+  // iterate to the right
   for (var _i = position; _i < text.length; _i++) {
     if (isWordDelimiter(text[_i])) {
       end = _i;
       break;
     }
   }
-
   return {
     start: start,
     end: end

package/lib/utils/markdownUtils.js.map

@@ -27,5 +27,5 @@
   "sourcesContent": [
     "import { TextRange } from '../commands';\n\nexport interface TextSection {\n  text: string;\n  selection: TextRange;\n}\n\nexport function selectWord({ text, selection }: TextSection): TextRange {\n  if (text && text.length && selection.start === selection.end) {\n    // the user is pointing to a word\n    return getSurroundingWord(text, selection.start);\n  }\n  return selection;\n}\n\n/**\n *  Gets the number of line-breaks that would have to be inserted before the given 'startPosition'\n *  to make sure there's an empty line between 'startPosition' and the previous text\n */\nexport function getBreaksNeededForEmptyLineBefore(text = '', startPosition: number): number {\n  if (startPosition === 0) return 0;\n\n  // rules:\n  // - If we're in the first line, no breaks are needed\n  // - Otherwise there must be 2 breaks before the previous character. Depending on how many breaks exist already, we\n  //      may need to insert 0, 1 or 2 breaks\n\n  let neededBreaks = 2;\n  let isInFirstLine = true;\n  for (let i = startPosition - 1; i >= 0 && neededBreaks >= 0; i--) {\n    switch (text.charCodeAt(i)) {\n      case 32: // blank space\n        continue;\n      case 10: // line break\n        neededBreaks--;\n        isInFirstLine = false;\n        break;\n      default:\n        return neededBreaks;\n    }\n  }\n  return isInFirstLine ? 0 : neededBreaks;\n}\n\n/**\n *  Gets the number of line-breaks that would have to be inserted after the given 'startPosition'\n *  to make sure there's an empty line between 'startPosition' and the next text\n */\nexport function getBreaksNeededForEmptyLineAfter(text = '', startPosition: number): number {\n  if (startPosition === text.length - 1) return 0;\n\n  // rules:\n  // - If we're in the first line, no breaks are needed\n  // - Otherwise there must be 2 breaks before the previous character. Depending on how many breaks exist already, we\n  //      may need to insert 0, 1 or 2 breaks\n\n  let neededBreaks = 2;\n  let isInLastLine = true;\n  for (let i = startPosition; i < text.length && neededBreaks >= 0; i++) {\n    switch (text.charCodeAt(i)) {\n      case 32:\n        continue;\n      case 10: {\n        neededBreaks--;\n        isInLastLine = false;\n        break;\n      }\n      default:\n        return neededBreaks;\n    }\n  }\n  return isInLastLine ? 0 : neededBreaks;\n}\n\nexport function getSurroundingWord(text: string, position: number): TextRange {\n  if (!text) throw Error(\"Argument 'text' should be truthy\");\n\n  const isWordDelimiter = (c: string) => c === ' ' || c.charCodeAt(0) === 10;\n\n  // leftIndex is initialized to 0 because if selection is 0, it won't even enter the iteration\n  let start = 0;\n  // rightIndex is initialized to text.length because if selection is equal to text.length it won't even enter the interation\n  let end = text.length;\n\n  // iterate to the left\n  for (let i = position; i - 1 > -1; i--) {\n    if (isWordDelimiter(text[i - 1])) {\n      start = i;\n      break;\n    }\n  }\n\n  // iterate to the right\n  for (let i = position; i < text.length; i++) {\n    if (isWordDelimiter(text[i])) {\n      end = i;\n      break;\n    }\n  }\n\n  return { start, end };\n}\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "3.18.3",
+  "version": "3.19.1",
   "description": "A markdown editor with preview, implemented with React.js and TypeScript.",
   "homepage": "https://uiwjs.github.io/react-md-editor/",
   "author": "kenny wang <wowohoo@qq.com>",

package/src/commands/code.tsx

@@ -13,7 +13,7 @@ export const code: ICommand = {
   value: '``',
   buttonProps: { 'aria-label': 'Insert code (ctrl + j)', title: 'Insert code (ctrl + j)' },
   icon: (
-    <svg width="12" height="12" role="img" viewBox="0 0 640 512">
+    <svg width="14" height="14" role="img" viewBox="0 0 640 512">
       <path
         fill="currentColor"
         d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
@@ -63,7 +63,7 @@ export const codeBlock: ICommand = {
   shortcuts: 'ctrlcmd+shift+j',
   value: '```\n```',
   icon: (
-    <svg width="12" height="12" role="img" viewBox="0 0 156 156">
+    <svg width="13" height="13" role="img" viewBox="0 0 156 156">
       <path
         fill="currentColor"
         d="M110.85 120.575 43.7 120.483333 43.7083334 110.091667 110.85 110.191667 110.841667 120.583333 110.85 120.575ZM85.1333334 87.1916666 43.625 86.7083332 43.7083334 76.3166666 85.2083334 76.7916666 85.1333334 87.1916666 85.1333334 87.1916666ZM110.841667 53.4166666 43.7 53.3166666 43.7083334 42.925 110.85 43.025 110.841667 53.4166666ZM36 138C27.2916666 138 20.75 136.216667 16.4 132.666667 12.1333334 129.2 10 124.308333 10 118L10 95.3333332C10 91.0666666 9.25 88.1333332 7.7333334 86.5333332 6.3166668 84.8416666 3.7333334 84 0 84L0 72C3.7333334 72 6.3083334 71.2 7.7333334 69.6 9.2416668 67.9083334 10 64.9333334 10 60.6666666L10 38C10 31.775 12.1333334 26.8833334 16.4 23.3333332 20.7583334 19.7749998 27.2916666 18 36 18L40.6666668 18 40.6666668 30 36 30C34.0212222 29.9719277 32.1263151 30.7979128 30.8 32.2666666 29.3605875 33.8216362 28.5938182 35.8823287 28.6666668 38L28.6666668 60.6666666C28.6666668 67.5083332 26.6666668 72.4 22.6666668 75.3333332 20.9317416 76.7274684 18.8640675 77.6464347 16.6666668 78 18.8916668 78.35 20.8916668 79.2416666 22.6666668 80.6666666 26.6666668 83.95 28.6666668 88.8416666 28.6666668 95.3333332L28.6666668 118C28.6666668 120.308333 29.3750002 122.216667 30.8 123.733333 32.2166666 125.241667 33.9583334 126 36 126L40.6666668 126 40.6666668 138 36 138 36 138ZM114.116667 126 118.783333 126C120.833333 126 122.566667 125.241667 123.983333 123.733333 125.422746 122.178364 126.189515 120.117671 126.116667 118L126.116667 95.3333332C126.116667 88.8333332 128.116667 83.9499998 132.116667 80.6666666 133.9 79.2416666 135.9 78.35 138.116667 78 135.919156 77.6468047 133.851391 76.7277979 132.116667 75.3333332 128.116667 72.3999998 126.116667 67.5 126.116667 60.6666666L126.116667 38C126.189515 35.8823287 125.422746 33.8216361 123.983333 32.2666666 122.657018 30.7979128 120.762111 29.9719277 118.783333 30L114.116667 30 114.116667 18 118.783333 18C127.5 18 133.983333 19.775 138.25 23.3333332 142.608333 26.8833332 144.783333 31.7749998 144.783333 38L144.783333 60.6666666C144.783333 64.9333332 145.5 67.9083332 146.916667 69.6 148.433333 71.2 151.05 72 154.783333 72L154.783333 84C151.05 84 148.433333 84.8333334 146.916667 86.5333332 145.5 88.1333332 144.783333 91.0666666 144.783333 95.3333332L144.783333 118C144.783333 124.308333 142.616667 129.2 138.25 132.666667 133.983333 136.216667 127.5 138 118.783333 138L114.116667 138 114.116667 126 114.116667 126Z"

package/src/commands/comment.tsx

@@ -20,9 +20,24 @@ export const comment: ICommand = {
     });
   },
   icon: (
-    <svg role="img" viewBox="0 0 512 512" width="12" height="12">
-      <path fill="currentColor" d="M281 72H231oLuLFozwYpLrBi5VTa8sg7fDqKkeyD81V172H281V72Z" />
-      <path fill="currentColor" d="M287.817 501H213.333L298.667 334H438.857C438.857 334 438.857 333.021 438.857 308.308V187.875V74.6028C438.857 64.3818 438.857 67.2814 438.857 62.625C438.857 61.7594 439.31 62.625 426.667 62.625H256H73.1429C73.1429 65.4903 73.1429 77.3378 73.1429 79.8845V187.875V308.308C73.1429 311.005 73.1429 334 73.1429 334C73.1429 334 113.826 334 106.667 334H149.333H237.714V385.385H73.1429C53.7442 385.385 35.14 377.264 21.423 362.809C7.7061 348.355 0 328.75 0 308.308V77.0769C0 56.6349 7.7061 37.03 21.423 22.5753C35.14 8.12058 53.7442 0 73.1429 0H438.857C458.256 0 476.86 8.12058 490.577 22.5753C504.294 37.03 512 56.6349 512 77.0769V308.308C512 328.75 504.294 348.355 490.577 362.809C476.86 377.264 458.256 385.385 438.857 385.385H350.354L287.817 501Z" />
+    <svg height="1em" width="1em" viewBox="0 0 25 25">
+      <g fill="none" fillRule="evenodd">
+        <polygon points=".769 .727 24.981 .727 24.981 24.727 .769 24.727" />
+        <path
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="3"
+          d="M12.625,23.8787879 L8.125,19.6969697 L5.125,19.6969697 C2.63971863,19.6969697 0.625,17.8247059 0.625,15.5151515 L0.625,7.15151515 C0.625,4.84196074 2.63971863,2.96969697 5.125,2.96969697 L20.125,2.96969697 C22.6102814,2.96969697 24.625,4.84196074 24.625,7.15151515 L24.625,15.5151515 C24.625,17.8247059 22.6102814,19.6969697 20.125,19.6969697 L17.125,19.6969697 L12.625,23.8787879"
+        />
+        <path
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="3"
+          d="M10.625,8.54545455 L7.25,11.3333333 L10.625,14.1212121 M15.6875,8.54545455 L19.0625,11.3333333 L15.6875,14.1212121"
+        />
+      </g>
     </svg>
-  )
+  ),
 };

package/src/commands/fullscreen.tsx

@@ -21,10 +21,11 @@ export const fullscreen: ICommand = {
     api: TextAreaTextApi,
     dispatch?: React.Dispatch<ContextStore>,
     executeCommandState?: ExecuteCommandState,
+    shortcuts?: string[],
   ) => {
     api.textArea.focus();
-    if (dispatch && executeCommandState && executeCommandState.fullscreen) {
-      dispatch({ fullscreen: false });
+    if (shortcuts && dispatch && executeCommandState) {
+      dispatch({ fullscreen: !executeCommandState.fullscreen });
     }
   },
 };

package/src/commands/image.tsx

@@ -9,7 +9,7 @@ export const image: ICommand = {
   value: '![image]()',
   buttonProps: { 'aria-label': 'Add image (ctrl + k)', title: 'Add image (ctrl + k)' },
   icon: (
-    <svg width="12" height="12" viewBox="0 0 20 20">
+    <svg width="13" height="13" viewBox="0 0 20 20">
       <path
         fill="currentColor"
         d="M15 9c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4-7H1c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm-1 13l-6-5-2 2-4-5-4 8V4h16v11z"

package/src/commands/index.ts

@@ -62,6 +62,7 @@ export interface ICommandBase<T> {
     api: TextAreaTextApi,
     dispatch?: React.Dispatch<ContextStore>,
     executeCommandState?: ExecuteCommandState,
+    shortcuts?: string[],
   ) => void;
 }
 
@@ -79,21 +80,21 @@ export interface TextState {
 }
 
 const getCommands: () => ICommand[] = () => [
-  comment,
   bold,
   italic,
   strikethrough,
   hr,
   group([title1, title2, title3, title4, title5, title6], {
-			name: "title",
-			groupName: "title",
-			buttonProps: { "aria-label": "Insert title", title: "Insert title" },
-		}),
+    name: 'title',
+    groupName: 'title',
+    buttonProps: { 'aria-label': 'Insert title', title: 'Insert title' },
+  }),
   divider,
   link,
   quote,
   code,
   codeBlock,
+  comment,
   image,
   divider,
   unorderedListCommand,
@@ -161,8 +162,9 @@ class TextAreaCommandOrchestrator implements CommandOrchestrator {
     command: ICommand<string>,
     dispatch?: React.Dispatch<ContextStore>,
     state?: ExecuteCommandState,
+    shortcuts?: string[],
   ): void {
-    command.execute && command.execute(getStateFromTextArea(this.textArea), this.textApi, dispatch, state);
+    command.execute && command.execute(getStateFromTextArea(this.textArea), this.textApi, dispatch, state, shortcuts);
   }
 }
 
@@ -199,4 +201,3 @@ export {
   TextAreaCommandOrchestrator,
   TextAreaTextApi,
 };
-

package/src/commands/preview.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { ICommand } from './';
+import { ICommand, TextState, TextAreaTextApi } from './';
+import { ContextStore, ExecuteCommandState } from '../Context';
 
 export const codePreview: ICommand = {
   name: 'preview',
@@ -19,7 +20,17 @@ export const codePreview: ICommand = {
       />
     </svg>
   ),
-  execute: () => {},
+  execute: (
+    state: TextState,
+    api: TextAreaTextApi,
+    dispatch?: React.Dispatch<ContextStore>,
+    executeCommandState?: ExecuteCommandState,
+    shortcuts?: string[],
+  ) => {
+    if (shortcuts && dispatch && executeCommandState) {
+      dispatch({ preview: 'preview' });
+    }
+  },
 };
 
 export const codeEdit: ICommand = {
@@ -37,7 +48,17 @@ export const codeEdit: ICommand = {
       />
     </svg>
   ),
-  execute: () => {},
+  execute: (
+    state: TextState,
+    api: TextAreaTextApi,
+    dispatch?: React.Dispatch<ContextStore>,
+    executeCommandState?: ExecuteCommandState,
+    shortcuts?: string[],
+  ) => {
+    if (shortcuts && dispatch && executeCommandState) {
+      dispatch({ preview: 'edit' });
+    }
+  },
 };
 
 export const codeLive: ICommand = {
@@ -55,5 +76,15 @@ export const codeLive: ICommand = {
       />
     </svg>
   ),
-  execute: () => {},
+  execute: (
+    state: TextState,
+    api: TextAreaTextApi,
+    dispatch?: React.Dispatch<ContextStore>,
+    executeCommandState?: ExecuteCommandState,
+    shortcuts?: string[],
+  ) => {
+    if (shortcuts && dispatch && executeCommandState) {
+      dispatch({ preview: 'live' });
+    }
+  },
 };

package/src/components/TextArea/shortcuts.ts

@@ -20,7 +20,7 @@ export default function shortcutsHandle(
   state?: ExecuteCommandState,
 ) {
   const data = getCommands(commands || []);
-  const shortcuts: (string | number)[] = [];
+  const shortcuts: string[] = [];
   if (e.altKey) {
     shortcuts.push('alt');
   }
@@ -60,7 +60,7 @@ export default function shortcutsHandle(
   if (command && commandOrchestrator) {
     e.stopPropagation();
     e.preventDefault();
-    commandOrchestrator.executeCommand(command, dispatch, state);
+    commandOrchestrator.executeCommand(command, dispatch, state, shortcuts);
     return;
   }
 }