react-headless-mde 0.0.8 → 1.0.0

package/dist/esm/index.js

@@ -7,7 +7,7 @@ import { useRef, useMemo } from 'react';
 function getSurroundingWord(text, position) {
     if (!text)
         throw Error("Argument 'text' should be truthy");
-    var isWordDelimiter = function (c) { return c === " " || c.charCodeAt(0) === 10; };
+    var isWordDelimiter = function (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
@@ -47,7 +47,7 @@ function selectWord(_a) {
  *  to make sure there's an empty line between 'startPosition' and the previous text
  */
 function getBreaksNeededForEmptyLineBefore(text, startPosition) {
-    if (text === void 0) { text = ""; }
+    if (text === void 0) { text = ''; }
     if (startPosition === 0)
         return 0;
     // rules:
@@ -75,7 +75,7 @@ function getBreaksNeededForEmptyLineBefore(text, startPosition) {
  *  to make sure there's an empty line between 'startPosition' and the next text
  */
 function getBreaksNeededForEmptyLineAfter(text, startPosition) {
-    if (text === void 0) { text = ""; }
+    if (text === void 0) { text = ''; }
     if (startPosition === text.length - 1)
         return 0;
     // rules:
@@ -116,18 +116,18 @@ function insertBeforeEachLine(selectedText, insertBefore) {
     var insertionLength = 0;
     var modifiedText = lines
         .map(function (item, index) {
-        if (typeof insertBefore === "string") {
+        if (typeof insertBefore === 'string') {
             insertionLength += insertBefore.length;
             return insertBefore + item;
         }
-        else if (typeof insertBefore === "function") {
+        else if (typeof insertBefore === 'function') {
             var insertionResult = insertBefore(item, index);
             insertionLength += insertionResult.length;
             return insertBefore(item, index) + item;
         }
-        throw Error("insertion is expected to be either a string or a function");
+        throw Error('insertion is expected to be either a string or a function');
     })
-        .join("\n");
+        .join('\n');
     return { modifiedText: modifiedText, insertionLength: insertionLength };
 }
 
@@ -147,7 +147,7 @@ function setHeader(initialState, api, prefix) {
     // Adjust the selection to encompass the whole word if the caret is inside one
     var newSelectionRange = selectWord({
         text: initialState.text,
-        selection: initialState.selection
+        selection: initialState.selection,
     });
     var state1 = api.setSelectionRange(newSelectionRange);
     // Add the prefix to the selection
@@ -155,7 +155,7 @@ function setHeader(initialState, api, prefix) {
     // Adjust the selection to not contain the prefix
     api.setSelectionRange({
         start: state2.selection.end - getSelectedText(state1).length,
-        end: state2.selection.end
+        end: state2.selection.end,
     });
 }
 
@@ -167,21 +167,21 @@ var headerHelpers = /*#__PURE__*/Object.freeze({
 var headingLevel1Command = {
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
-        setHeader(initialState, textApi, "# ");
-    }
+        setHeader(initialState, textApi, '# ');
+    },
 };
 
 var boldCommand = {
     shouldUndo: function (options) {
-        return (getCharactersBeforeSelection(options.initialState, 2) === "**" &&
-            getCharactersAfterSelection(options.initialState, 2) === "**");
+        return (getCharactersBeforeSelection(options.initialState, 2) === '**' &&
+            getCharactersAfterSelection(options.initialState, 2) === '**');
     },
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
         // Adjust the selection to encompass the whole word if the caret is inside one
         var newSelectionRange = selectWord({
             text: initialState.text,
-            selection: initialState.selection
+            selection: initialState.selection,
         });
         var state1 = textApi.setSelectionRange(newSelectionRange);
         // Replaces the current selection with the bold mark up
@@ -189,7 +189,7 @@ var boldCommand = {
         // Adjust the selection to not contain the **
         textApi.setSelectionRange({
             start: state2.selection.end - 2 - getSelectedText(state1).length,
-            end: state2.selection.end - 2
+            end: state2.selection.end - 2,
         });
     },
     undo: function (_a) {
@@ -197,27 +197,27 @@ var boldCommand = {
         var text = getSelectedText(initialState);
         textApi.setSelectionRange({
             start: initialState.selection.start - 2,
-            end: initialState.selection.end + 2
+            end: initialState.selection.end + 2,
         });
         textApi.replaceSelection(text);
         textApi.setSelectionRange({
             start: initialState.selection.start - 2,
-            end: initialState.selection.end - 2
+            end: initialState.selection.end - 2,
         });
-    }
+    },
 };
 
 var italicCommand = {
     shouldUndo: function (options) {
-        return (getCharactersBeforeSelection(options.initialState, 1) === "*" &&
-            getCharactersAfterSelection(options.initialState, 1) === "*");
+        return (getCharactersBeforeSelection(options.initialState, 1) === '*' &&
+            getCharactersAfterSelection(options.initialState, 1) === '*');
     },
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
         // Adjust the selection to encompass the whole word if the caret is inside one
         var newSelectionRange = selectWord({
             text: initialState.text,
-            selection: initialState.selection
+            selection: initialState.selection,
         });
         var state1 = textApi.setSelectionRange(newSelectionRange);
         // Replaces the current selection with the italic mark up
@@ -225,7 +225,7 @@ var italicCommand = {
         // Adjust the selection to not contain the *
         textApi.setSelectionRange({
             start: state2.selection.end - 1 - getSelectedText(state1).length,
-            end: state2.selection.end - 1
+            end: state2.selection.end - 1,
         });
     },
     undo: function (_a) {
@@ -233,14 +233,14 @@ var italicCommand = {
         var text = getSelectedText(initialState);
         textApi.setSelectionRange({
             start: initialState.selection.start - 1,
-            end: initialState.selection.end + 1
+            end: initialState.selection.end + 1,
         });
         textApi.replaceSelection(text);
         textApi.setSelectionRange({
             start: initialState.selection.start - 1,
-            end: initialState.selection.end - 1
+            end: initialState.selection.end - 1,
         });
-    }
+    },
 };
 
 var strikethroughCommand = {
@@ -249,7 +249,7 @@ var strikethroughCommand = {
         // Adjust the selection to encompass the whole word if the caret is inside one
         var newSelectionRange = selectWord({
             text: initialState.text,
-            selection: initialState.selection
+            selection: initialState.selection,
         });
         var state1 = textApi.setSelectionRange(newSelectionRange);
         // Replaces the current selection with the strikethrough mark up
@@ -257,9 +257,9 @@ var strikethroughCommand = {
         // Adjust the selection to not contain the ~~
         textApi.setSelectionRange({
             start: state2.selection.end - 2 - getSelectedText(state1).length,
-            end: state2.selection.end - 2
+            end: state2.selection.end - 2,
         });
-    }
+    },
 };
 
 var linkCommand = {
@@ -268,7 +268,7 @@ var linkCommand = {
         // Adjust the selection to encompass the whole word if the caret is inside one
         var newSelectionRange = selectWord({
             text: initialState.text,
-            selection: initialState.selection
+            selection: initialState.selection,
         });
         var state1 = textApi.setSelectionRange(newSelectionRange);
         // Replaces the current selection with the bold mark up
@@ -276,9 +276,9 @@ var linkCommand = {
         // Adjust the selection to not contain the **
         textApi.setSelectionRange({
             start: state2.selection.end - 6 - getSelectedText(state1).length,
-            end: state2.selection.end - 6
+            end: state2.selection.end - 6,
         });
-    }
+    },
 };
 
 var quoteCommand = {
@@ -287,22 +287,22 @@ var quoteCommand = {
         // Adjust the selection to encompass the whole word if the caret is inside one
         var newSelectionRange = selectWord({
             text: initialState.text,
-            selection: initialState.selection
+            selection: initialState.selection,
         });
         var state1 = textApi.setSelectionRange(newSelectionRange);
         var breaksBeforeCount = getBreaksNeededForEmptyLineBefore(state1.text, state1.selection.start);
-        var breaksBefore = Array(breaksBeforeCount + 1).join("\n");
+        var breaksBefore = Array(breaksBeforeCount + 1).join('\n');
         var breaksAfterCount = getBreaksNeededForEmptyLineAfter(state1.text, state1.selection.end);
-        var breaksAfter = Array(breaksAfterCount + 1).join("\n");
+        var breaksAfter = Array(breaksAfterCount + 1).join('\n');
         // Replaces the current selection with the quote mark up
         textApi.replaceSelection("".concat(breaksBefore, "> ").concat(getSelectedText(state1)).concat(breaksAfter));
         var selectionStart = state1.selection.start + breaksBeforeCount + 2;
         var selectionEnd = selectionStart + getSelectedText(state1).length;
         textApi.setSelectionRange({
             start: selectionStart,
-            end: selectionEnd
+            end: selectionEnd,
         });
-    }
+    },
 };
 
 var imageCommand = {
@@ -311,17 +311,17 @@ var imageCommand = {
         // Replaces the current selection with the whole word selected
         var state1 = textApi.setSelectionRange(selectWord({
             text: initialState.text,
-            selection: initialState.selection
+            selection: initialState.selection,
         }));
         // Replaces the current selection with the image
-        var imageTemplate = getSelectedText(state1) || "https://example.com/your-image.png";
+        var imageTemplate = getSelectedText(state1) || 'https://example.com/your-image.png';
         textApi.replaceSelection("![](".concat(imageTemplate, ")"));
         // Adjust the selection to not contain the **
         textApi.setSelectionRange({
             start: state1.selection.start + 4,
-            end: state1.selection.start + 4 + imageTemplate.length
+            end: state1.selection.start + 4 + imageTemplate.length,
         });
-    }
+    },
 };
 
 /******************************************************************************
@@ -355,7 +355,7 @@ function __generator(thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -379,9 +379,7 @@ function __generator(thisArg, body) {
 
 var CommandController = /** @class */ (function () {
     function CommandController(textController, commandMap) {
-        /**
-         * Indicates whether there is a command currently executing
-         */
+        // Indicates whether there is a command currently executing
         this.isExecuting = false;
         this.textController = textController;
         this.commandMap = commandMap;
@@ -395,8 +393,8 @@ var CommandController = /** @class */ (function () {
                     case 0:
                         if (this.isExecuting) {
                             // The simplest thing to do is to ignore commands while
-                            // there is already a command execu
-                            // ting. The alternative would be to queue commands
+                            // there is already a command executing.
+                            // The alternative would be to queue commands
                             // but there is no guarantee that the state after one command executes will still be compatible
                             // with the next one. In fact, it is likely not to be.
                             return [2 /*return*/];
@@ -407,7 +405,7 @@ var CommandController = /** @class */ (function () {
                         }
                         executeOptions = {
                             initialState: this.textController.getState(),
-                            textApi: this.textController
+                            textApi: this.textController,
                         };
                         if (!(((_a = command.shouldUndo) === null || _a === void 0 ? void 0 : _a.call(command, executeOptions)) && (command === null || command === void 0 ? void 0 : command.undo))) return [3 /*break*/, 1];
                         command.undo(executeOptions);
@@ -431,7 +429,7 @@ var TextAreaTextController = /** @class */ (function () {
     TextAreaTextController.prototype.replaceSelection = function (text) {
         var textArea = this.textAreaRef.current;
         if (!textArea) {
-            throw new Error("TextAreaRef is not set");
+            throw new Error('TextAreaRef is not set');
         }
         insertText(textArea, text);
         return getStateFromTextArea(textArea);
@@ -439,7 +437,7 @@ var TextAreaTextController = /** @class */ (function () {
     TextAreaTextController.prototype.setSelectionRange = function (selection) {
         var textArea = this.textAreaRef.current;
         if (!textArea) {
-            throw new Error("TextAreaRef is not set");
+            throw new Error('TextAreaRef is not set');
         }
         textArea.focus();
         textArea.selectionStart = selection.start;
@@ -449,7 +447,7 @@ var TextAreaTextController = /** @class */ (function () {
     TextAreaTextController.prototype.getState = function () {
         var textArea = this.textAreaRef.current;
         if (!textArea) {
-            throw new Error("TextAreaRef is not set");
+            throw new Error('TextAreaRef is not set');
         }
         return getStateFromTextArea(textArea);
     };
@@ -459,9 +457,9 @@ function getStateFromTextArea(textArea) {
     return {
         selection: {
             start: textArea.selectionStart,
-            end: textArea.selectionEnd
+            end: textArea.selectionEnd,
         },
-        text: textArea.value
+        text: textArea.value,
     };
 }
 /**
@@ -485,12 +483,12 @@ function insertText(input, text) {
         return;
     }
     // Webkit + Edge
-    var isSuccess = document.execCommand("insertText", false, text);
+    var isSuccess = document.execCommand('insertText', false, text);
     if (!isSuccess) {
         var start = input.selectionStart || 0;
         var end = input.selectionEnd || 0;
         // Firefox (non-standard method)
-        if (typeof input.setRangeText === "function") {
+        if (typeof input.setRangeText === 'function') {
             input.setRangeText(text);
         }
         else {
@@ -539,8 +537,8 @@ function insertText(input, text) {
         // 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);
+        var e = document.createEvent('UIEvent');
+        e.initEvent('input', true, false);
         input.dispatchEvent(e);
     }
 }
@@ -550,13 +548,13 @@ function insertText(input, text) {
  *    Copied from https://github.com/grassator/insert-text-at-cursor
  */
 function canManipulateViaTextNodes(input) {
-    if (input.nodeName !== "TEXTAREA") {
+    if (input.nodeName !== 'TEXTAREA') {
         return false;
     }
     var browserSupportsTextareaTextNodes;
-    if (typeof browserSupportsTextareaTextNodes === "undefined") {
-        var textarea = document.createElement("textarea");
-        textarea.value = "1";
+    if (typeof browserSupportsTextareaTextNodes === 'undefined') {
+        var textarea = document.createElement('textarea');
+        textarea.value = '1';
         browserSupportsTextareaTextNodes = !!textarea.firstChild;
     }
     return browserSupportsTextareaTextNodes;
@@ -566,25 +564,23 @@ function makeList(state0, textController, insertBefore) {
     // Adjust the selection to encompass the whole word if the caret is inside one
     var newSelectionRange = selectWord({
         text: state0.text,
-        selection: state0.selection
+        selection: state0.selection,
     });
     var state1 = textController.setSelectionRange(newSelectionRange);
     var breaksBeforeCount = getBreaksNeededForEmptyLineBefore(state1.text, state1.selection.start);
-    var breaksBefore = Array(breaksBeforeCount + 1).join("\n");
+    var breaksBefore = Array(breaksBeforeCount + 1).join('\n');
     var breaksAfterCount = getBreaksNeededForEmptyLineAfter(state1.text, state1.selection.end);
-    var breaksAfter = Array(breaksAfterCount + 1).join("\n");
+    var breaksAfter = Array(breaksAfterCount + 1).join('\n');
     var modifiedText = insertBeforeEachLine(getSelectedText(state1), insertBefore);
     textController.replaceSelection("".concat(breaksBefore).concat(modifiedText.modifiedText).concat(breaksAfter));
     // Specifically when the text has only one line, we can exclude the "- ", for example, from the selection
-    var oneLinerOffset = getSelectedText(state1).indexOf("\n") === -1
-        ? modifiedText.insertionLength
-        : 0;
+    var oneLinerOffset = getSelectedText(state1).indexOf('\n') === -1 ? modifiedText.insertionLength : 0;
     var selectionStart = state1.selection.start + breaksBeforeCount + oneLinerOffset;
     var selectionEnd = selectionStart + modifiedText.modifiedText.length - oneLinerOffset;
     // Adjust the selection to not contain the **
     textController.setSelectionRange({
         start: selectionStart,
-        end: selectionEnd
+        end: selectionEnd,
     });
 }
 
@@ -595,15 +591,15 @@ var listHelpers = /*#__PURE__*/Object.freeze({
 
 var codeCommand = {
     shouldUndo: function (options) {
-        return (getCharactersBeforeSelection(options.initialState, 1) === "`" &&
-            getCharactersAfterSelection(options.initialState, 1) === "`");
+        return (getCharactersBeforeSelection(options.initialState, 1) === '`' &&
+            getCharactersAfterSelection(options.initialState, 1) === '`');
     },
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
         // Adjust the selection to encompass the whole word if the caret is inside one
         var newSelectionRange = selectWord({
             text: initialState.text,
-            selection: initialState.selection
+            selection: initialState.selection,
         });
         var state1 = textApi.setSelectionRange(newSelectionRange);
         // Replaces the current selection with the italic mark up
@@ -611,7 +607,7 @@ var codeCommand = {
         // Adjust the selection to not contain the *
         textApi.setSelectionRange({
             start: state2.selection.end - 1 - getSelectedText(state1).length,
-            end: state2.selection.end - 1
+            end: state2.selection.end - 1,
         });
     },
     undo: function (_a) {
@@ -619,14 +615,14 @@ var codeCommand = {
         var text = getSelectedText(initialState);
         textApi.setSelectionRange({
             start: initialState.selection.start - 1,
-            end: initialState.selection.end + 1
+            end: initialState.selection.end + 1,
         });
         textApi.replaceSelection(text);
         textApi.setSelectionRange({
             start: initialState.selection.start - 1,
-            end: initialState.selection.end - 1
+            end: initialState.selection.end - 1,
         });
-    }
+    },
 };
 
 function useTextAreaMarkdownEditor(options) {
@@ -638,7 +634,7 @@ function useTextAreaMarkdownEditor(options) {
     return {
         textController: textController,
         commandController: commandController,
-        ref: textAreaRef
+        ref: textAreaRef,
     };
 }
 
@@ -650,91 +646,91 @@ var codeBlockCommand = {
             return __generator(this, function (_b) {
                 newSelectionRange = selectWord({
                     text: initialState.text,
-                    selection: initialState.selection
+                    selection: initialState.selection,
                 });
                 state1 = textApi.setSelectionRange(newSelectionRange);
                 // when there's no breaking line
-                if (getSelectedText(state1).indexOf("\n") === -1) {
+                if (getSelectedText(state1).indexOf('\n') === -1) {
                     textApi.replaceSelection("`".concat(getSelectedText(state1), "`"));
                     selectionStart_1 = state1.selection.start + 1;
                     selectionEnd_1 = selectionStart_1 + getSelectedText(state1).length;
                     textApi.setSelectionRange({
                         start: selectionStart_1,
-                        end: selectionEnd_1
+                        end: selectionEnd_1,
                     });
                     return [2 /*return*/];
                 }
                 breaksBeforeCount = getBreaksNeededForEmptyLineBefore(state1.text, state1.selection.start);
-                breaksBefore = Array(breaksBeforeCount + 1).join("\n");
+                breaksBefore = Array(breaksBeforeCount + 1).join('\n');
                 breaksAfterCount = getBreaksNeededForEmptyLineAfter(state1.text, state1.selection.end);
-                breaksAfter = Array(breaksAfterCount + 1).join("\n");
+                breaksAfter = Array(breaksAfterCount + 1).join('\n');
                 textApi.replaceSelection("".concat(breaksBefore, "```\n").concat(getSelectedText(state1), "\n```").concat(breaksAfter));
                 selectionStart = state1.selection.start + breaksBeforeCount + 4;
                 selectionEnd = selectionStart + getSelectedText(state1).length;
                 textApi.setSelectionRange({
                     start: selectionStart,
-                    end: selectionEnd
+                    end: selectionEnd,
                 });
                 return [2 /*return*/];
             });
         });
-    }
+    },
 };
 
 var checkedListCommand = {
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
         makeList(initialState, textApi, function () { return "- [ ] "; });
-    }
+    },
 };
 
 var orderedListCommand = {
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
         makeList(initialState, textApi, function (item, index) { return "".concat(index + 1, ". "); });
-    }
+    },
 };
 
 var unorderedListCommand = {
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
-        makeList(initialState, textApi, "- ");
-    }
+        makeList(initialState, textApi, '- ');
+    },
 };
 
 var headingLevel2Command = {
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
-        setHeader(initialState, textApi, "## ");
-    }
+        setHeader(initialState, textApi, '## ');
+    },
 };
 
 var headingLevel3Command = {
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
-        setHeader(initialState, textApi, "### ");
-    }
+        setHeader(initialState, textApi, '### ');
+    },
 };
 
 var headingLevel4Command = {
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
-        setHeader(initialState, textApi, "#### ");
-    }
+        setHeader(initialState, textApi, '#### ');
+    },
 };
 
 var headingLevel5Command = {
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
-        setHeader(initialState, textApi, "##### ");
-    }
+        setHeader(initialState, textApi, '##### ');
+    },
 };
 
 var headingLevel6Command = {
     execute: function (_a) {
         var initialState = _a.initialState, textApi = _a.textApi;
-        setHeader(initialState, textApi, "###### ");
-    }
+        setHeader(initialState, textApi, '###### ');
+    },
 };
 
 export { CommandController, TextAreaTextController, boldCommand, checkedListCommand, codeBlockCommand, codeCommand, headerHelpers, headingLevel1Command, headingLevel2Command, headingLevel3Command, headingLevel4Command, headingLevel5Command, headingLevel6Command, imageCommand, italicCommand, linkCommand, listHelpers, orderedListCommand, quoteCommand, strikethroughCommand, textHelpers, unorderedListCommand, useTextAreaMarkdownEditor };