@nectary/components 4.12.0 → 4.12.1

package/rich-textarea/utils.js

@@ -1,32 +1,32 @@
-import { getEmojiUrl, getEmojiBaseUrl } from "../emoji/utils.js";
-import { isEmojiString, parseMarkdown } from "../utils/markdown.js";
-const TEXT_EMPTY_DATA = "​";
-const TEXT_WHITESPACE = " ";
-const isTextNode = ($n) => $n !== null && $n.nodeType === Node.TEXT_NODE;
-const isEmptyText = (value) => value === null || value.length === 0 || value === TEXT_EMPTY_DATA;
-const isEmptyTextNode = ($n) => isTextNode($n) && isEmptyText($n.nodeValue);
-const getTextValue = ($n) => isEmptyText($n.nodeValue) ? TEXT_EMPTY_DATA : $n.nodeValue;
-const isParagraph = ($n) => {
-  return $n !== null && $n.nodeType === Node.ELEMENT_NODE && $n.classList.contains("p");
-};
-const isListItem = ($n) => {
+import { getEmojiBaseUrl, getEmojiUrl } from '../emoji/utils';
+import { isEmojiString, parseMarkdown } from '../utils';
+const TEXT_EMPTY_DATA = '​';
+const TEXT_WHITESPACE = ' ';
+const isTextNode = $n => $n !== null && $n.nodeType === Node.TEXT_NODE;
+const isEmptyText = value => value === null || value.length === 0 || value === TEXT_EMPTY_DATA;
+const isEmptyTextNode = $n => isTextNode($n) && isEmptyText($n.nodeValue);
+const getTextValue = $n => isEmptyText($n.nodeValue) ? TEXT_EMPTY_DATA : $n.nodeValue;
+const isParagraph = $n => {
+  return $n !== null && $n.nodeType === Node.ELEMENT_NODE && $n.classList.contains('p');
+};
+const isListItem = $n => {
   return isUnorderedListItem($n) || isOrderedListItem($n);
 };
-const isUnorderedListItem = ($n) => {
-  return $n !== null && $n.nodeType === Node.ELEMENT_NODE && $n.classList.contains("uli");
+const isUnorderedListItem = $n => {
+  return $n !== null && $n.nodeType === Node.ELEMENT_NODE && $n.classList.contains('uli');
 };
-const isOrderedListItem = ($n) => {
-  return $n !== null && $n.nodeType === Node.ELEMENT_NODE && $n.classList.contains("oli");
+const isOrderedListItem = $n => {
+  return $n !== null && $n.nodeType === Node.ELEMENT_NODE && $n.classList.contains('oli');
 };
-const isTextBlock = ($n) => isParagraph($n) || isListItem($n);
-const isEmoji = ($n) => {
-  return $n !== null && $n.nodeName === "IMG";
+const isTextBlock = $n => isParagraph($n) || isListItem($n);
+const isEmoji = $n => {
+  return $n !== null && $n.nodeName === 'IMG';
 };
-const isInline = ($n) => $n !== null && $n.nodeName === "SPAN";
-const isRoot = ($n) => $n !== null && $n.nodeName === "DIV";
-const assertNonNull = ($n) => {
+const isInline = $n => $n !== null && $n.nodeName === 'SPAN';
+const isRoot = $n => $n !== null && $n.nodeName === 'DIV';
+const assertNonNull = $n => {
   if ($n === null) {
-    throw new Error("Node is NULL");
+    throw new Error('Node is NULL');
   }
 };
 const assertEquals = (a, b) => {
@@ -34,64 +34,64 @@ const assertEquals = (a, b) => {
     throw new Error(`"${a}" not equals "${b}"`);
   }
 };
-const assertTextNode = ($n) => {
+const assertTextNode = $n => {
   assertNonNull($n);
   if (!isTextNode($n)) {
     throw new Error(`Node is not a TextNode: ${$n?.nodeName}`);
   }
 };
-const assertTextBlock = ($n) => {
+const assertTextBlock = $n => {
   assertNonNull($n);
   if (!isTextBlock($n)) {
     throw new Error(`Node is not a TextBlock: ${$n?.nodeName}`);
   }
 };
-const assertListItem = ($n) => {
+const assertListItem = $n => {
   assertNonNull($n);
   if (!isListItem($n)) {
     throw new Error(`Node is not a ListItem: ${$n?.nodeName}`);
   }
 };
-const markListItemAsBlock = ($li) => {
-  $li.classList.add("block");
+const markListItemAsBlock = $li => {
+  $li.classList.add('block');
 };
-const isListItemMarkedArBlock = ($li) => {
-  return $li.classList.contains("block");
+const isListItemMarkedArBlock = $li => {
+  return $li.classList.contains('block');
 };
 const MAX_LISTITEM_LEVEL = 4;
-const removeListItemLevel = ($li) => {
-  $li.classList.remove("l0", "l1", "l2", "l3", "l4");
+const removeListItemLevel = $li => {
+  $li.classList.remove('l0', 'l1', 'l2', 'l3', 'l4');
 };
 const setListItemLevel = ($li, level) => {
   removeListItemLevel($li);
   const clampedLevel = Math.max(0, Math.min(level, MAX_LISTITEM_LEVEL));
   $li.classList.add(`l${clampedLevel}`);
 };
-const getListItemLevel = ($li) => {
-  if ($li.classList.contains("l1")) {
+const getListItemLevel = $li => {
+  if ($li.classList.contains('l1')) {
     return 1;
   }
-  if ($li.classList.contains("l2")) {
+  if ($li.classList.contains('l2')) {
     return 2;
   }
-  if ($li.classList.contains("l3")) {
+  if ($li.classList.contains('l3')) {
     return 3;
   }
-  if ($li.classList.contains("l4")) {
+  if ($li.classList.contains('l4')) {
     return 4;
   }
   return 0;
 };
-const assertInline = ($n) => {
+const assertInline = $n => {
   assertNonNull($n);
   if (!isInline($n)) {
     throw new Error(`Node is not an Inline: ${$n?.nodeName}`);
   }
 };
-const isTextContent = ($n) => {
+const isTextContent = $n => {
   return $n !== null && $n.nodeType === Node.ELEMENT_NODE && (isInline($n) || isEmoji($n));
 };
-const assertTextContent = ($n) => {
+const assertTextContent = $n => {
   assertNonNull($n);
   if (!isTextContent($n)) {
     throw new Error(`Node is not TextContent: ${$n?.nodeName}`);
@@ -100,15 +100,15 @@ const assertTextContent = ($n) => {
 const createTextNode = (data, doc) => {
   return doc.createTextNode(data);
 };
-const createEmptyTextNode = (doc) => {
+const createEmptyTextNode = doc => {
   return createTextNode(TEXT_EMPTY_DATA, doc);
 };
-const createEmptyInline = (doc) => {
-  const res = doc.createElement("SPAN");
+const createEmptyInline = doc => {
+  const res = doc.createElement('SPAN');
   res.append(createEmptyTextNode(doc));
   return res;
 };
-const getParentInline = ($n) => {
+const getParentInline = $n => {
   const $p = $n.parentNode;
   assertInline($p);
   return $p;
@@ -118,26 +118,22 @@ const isInsideList = (isOrdered, $n) => {
   return isOrdered ? isOrderedListItem($block) : isUnorderedListItem($block);
 };
 const isAllInsideList = (isOrdered, $a, $b) => {
-  return allSiblingsIncludingSatisfy(
-    getParentTextBlock($a),
-    getParentTextBlock($b),
-    isOrdered ? isOrderedListItem : isUnorderedListItem
-  );
+  return allSiblingsIncludingSatisfy(getParentTextBlock($a), getParentTextBlock($b), isOrdered ? isOrderedListItem : isUnorderedListItem);
 };
 const FORMAT_TYPE_TO_NAME = {
-  formatBold: "b",
-  formatCodeTag: "c",
-  formatItalic: "i",
-  formatStrikeThrough: "s"
+  formatBold: 'b',
+  formatCodeTag: 'c',
+  formatItalic: 'i',
+  formatStrikeThrough: 's'
 };
 const isFormatName = ($n, inlineName) => {
   return $n.classList.contains(inlineName);
 };
-const isFormatBold = ($n) => isFormatName($n, "b");
-const isFormatItalic = ($n) => isFormatName($n, "i");
-const isFormatStrikethrough = ($n) => isFormatName($n, "s");
-const isFormatCodetag = ($n) => isFormatName($n, "c");
-const isFormatLink = ($n) => isFormatName($n, "l");
+const isFormatBold = $n => isFormatName($n, 'b');
+const isFormatItalic = $n => isFormatName($n, 'i');
+const isFormatStrikethrough = $n => isFormatName($n, 's');
+const isFormatCodetag = $n => isFormatName($n, 'c');
+const isFormatLink = $n => isFormatName($n, 'l');
 const isAllInsideFormatName = ($a, $b, formatName) => {
   const aBlock = getParentTextBlock($a);
   const bBlock = getParentTextBlock($b);
@@ -162,31 +158,31 @@ const isAllInsideFormatName = ($a, $b, formatName) => {
   } while ($currentBlock !== null && $prevBlock !== bBlock);
   return hasTextNodes;
 };
-const isAllInsideBold = ($a, $b) => isAllInsideFormatName($a, $b, "b");
-const isAllInsideItalic = ($a, $b) => isAllInsideFormatName($a, $b, "i");
-const isAllInsideStrikethrough = ($a, $b) => isAllInsideFormatName($a, $b, "s");
-const isAllInsideCodetag = ($a, $b) => isAllInsideFormatName($a, $b, "c");
-const isAllInsideLink = ($a, $b) => isAllInsideFormatName($a, $b, "l");
-const LINK_HREF_ATTR_NAME = "data-href";
+const isAllInsideBold = ($a, $b) => isAllInsideFormatName($a, $b, 'b');
+const isAllInsideItalic = ($a, $b) => isAllInsideFormatName($a, $b, 'i');
+const isAllInsideStrikethrough = ($a, $b) => isAllInsideFormatName($a, $b, 's');
+const isAllInsideCodetag = ($a, $b) => isAllInsideFormatName($a, $b, 'c');
+const isAllInsideLink = ($a, $b) => isAllInsideFormatName($a, $b, 'l');
+const LINK_HREF_ATTR_NAME = 'data-href';
 const copyFormatName = ($source, $target) => {
   const $inline = isTextNode($source) ? getParentInline($source) : $source;
   $target.className = $inline.className;
   if (isFormatLink($inline)) {
-    $target.setAttribute(LINK_HREF_ATTR_NAME, $inline.getAttribute(LINK_HREF_ATTR_NAME) ?? "");
+    $target.setAttribute(LINK_HREF_ATTR_NAME, $inline.getAttribute(LINK_HREF_ATTR_NAME) ?? '');
   }
 };
 const setInlineFormat = ($n, formatName, shouldEnable) => {
   if (shouldEnable) {
-    if (formatName === "c" || isFormatName($n, "c")) {
-      $n.className = "";
+    if (formatName === 'c' || isFormatName($n, 'c')) {
+      $n.className = '';
     }
-    if (formatName === "l" || isFormatName($n, "l")) {
-      $n.className = "";
+    if (formatName === 'l' || isFormatName($n, 'l')) {
+      $n.className = '';
       $n.removeAttribute(LINK_HREF_ATTR_NAME);
     }
     $n.classList.add(formatName);
   } else {
-    if (formatName === "l") {
+    if (formatName === 'l') {
       $n.removeAttribute(LINK_HREF_ATTR_NAME);
     }
     $n.classList.remove(formatName);
@@ -221,8 +217,8 @@ const areSameInlineFormat = ($a, $b) => {
   if ($a.classList.length !== $b.classList.length) {
     return false;
   }
-  if ($a.className === "l") {
-    return $b.className === "l" && $a.getAttribute(LINK_HREF_ATTR_NAME) === $b.getAttribute(LINK_HREF_ATTR_NAME);
+  if ($a.className === 'l') {
+    return $b.className === 'l' && $a.getAttribute(LINK_HREF_ATTR_NAME) === $b.getAttribute(LINK_HREF_ATTR_NAME);
   }
   for (let i = 0; i < $a.classList.length; i++) {
     if (!$b.classList.contains($a.classList[i])) {
@@ -232,7 +228,7 @@ const areSameInlineFormat = ($a, $b) => {
   return true;
 };
 const createInlineWithText = (data, doc) => {
-  const $res = doc.createElement("SPAN");
+  const $res = doc.createElement('SPAN');
   $res.append(createTextNode(data, doc));
   return $res;
 };
@@ -244,25 +240,25 @@ const createInlineWithTextOfType = ($text, $source) => {
 };
 const createLink = (text, href, doc) => {
   const $link = createInlineWithText(text, doc);
-  setInlineFormat($link, "l", true);
+  setInlineFormat($link, 'l', true);
   $link.setAttribute(LINK_HREF_ATTR_NAME, href);
   return $link;
 };
-const EMOJI_CHAR_ATTR_NAME = "data-char";
+const EMOJI_CHAR_ATTR_NAME = 'data-char';
 const createEmoji = (emojiChar, baseUrl, doc) => {
-  const $emoji = doc.createElement("img");
+  const $emoji = doc.createElement('img');
   $emoji.setAttribute(EMOJI_CHAR_ATTR_NAME, emojiChar);
-  $emoji.setAttribute("src", getEmojiUrl(baseUrl, emojiChar));
-  $emoji.classList.add("e");
+  $emoji.setAttribute('src', getEmojiUrl(baseUrl, emojiChar));
+  $emoji.classList.add('e');
   return $emoji;
 };
-const PARAGRAPH_CLASSNAME = "p";
-const createActuallyEmptyParagraph = (doc) => {
-  const $p = doc.createElement("p");
+const PARAGRAPH_CLASSNAME = 'p';
+const createActuallyEmptyParagraph = doc => {
+  const $p = doc.createElement('p');
   $p.classList.add(PARAGRAPH_CLASSNAME);
   return $p;
 };
-const createEmptyParagraph = (doc) => {
+const createEmptyParagraph = doc => {
   const res = createActuallyEmptyParagraph(doc);
   res.append(createEmptyInline(doc));
   return res;
@@ -275,19 +271,17 @@ const createParagraphWithChildren = (children, doc) => {
   $p.append(...children);
   return $p;
 };
-const ULI_CLASSNAME = "uli";
-const OLI_CLASSNAME = "oli";
+const ULI_CLASSNAME = 'uli';
+const OLI_CLASSNAME = 'oli';
 const createActuallyEmptyListItem = (isOrdered, listLevel, doc) => {
-  const $li = doc.createElement("p");
+  const $li = doc.createElement('p');
   $li.className = isOrdered ? OLI_CLASSNAME : ULI_CLASSNAME;
   setListItemLevel($li, listLevel);
   return $li;
 };
 const createEmptyListItem = (isOrdered, listLevel, doc) => {
   const $li = createActuallyEmptyListItem(isOrdered, listLevel, doc);
-  $li.append(
-    createEmptyInline(doc)
-  );
+  $li.append(createEmptyInline(doc));
   return $li;
 };
 const setListItemOrderedType = ($li, isOrdered) => {
@@ -310,7 +304,7 @@ const convertToListItem = ($p, isOrdered) => {
   setListItemLevel($li, 0);
   return $li;
 };
-const convertToParagraph = ($li) => {
+const convertToParagraph = $li => {
   removeListItemLevel($li);
   $li.classList.remove(ULI_CLASSNAME, OLI_CLASSNAME);
   $li.classList.add(PARAGRAPH_CLASSNAME);
@@ -325,7 +319,7 @@ const createListItemWithChildren = (children, isOrdered, listLevel, doc) => {
   $li.append(...children);
   return $li;
 };
-const getParentTextBlock = ($node) => {
+const getParentTextBlock = $node => {
   const $inline = isTextNode($node) ? getParentInline($node) : $node;
   const $p = $inline.parentNode;
   assertTextBlock($p);
@@ -337,22 +331,22 @@ const childIndexOf = ($parent, $child) => {
 const getChildByIndex = ($parent, index) => {
   const children = $parent.childNodes;
   if (index < 0 || index >= children.length) {
-    throw new Error("Invalid index");
+    throw new Error('Invalid index');
   }
   const $ch = index >= children.length ? children[children.length - 1] : children[index];
   return $ch;
 };
-const afterLastChildIndex = ($parent) => {
+const afterLastChildIndex = $parent => {
   return $parent.childNodes.length;
 };
 const isAfterLastChildIndex = ($parent, index) => {
   return index >= $parent.childNodes.length;
 };
-const getLastChild = (n) => n.lastChild;
-const getFirstChild = (n) => n.firstChild;
-const getPrevSibling = (n) => n.previousSibling;
-const getNextSibling = (n) => n.nextSibling;
-const getSiblingTextBlock = (getSibling) => ($node) => {
+const getLastChild = n => n.lastChild;
+const getFirstChild = n => n.firstChild;
+const getPrevSibling = n => n.previousSibling;
+const getNextSibling = n => n.nextSibling;
+const getSiblingTextBlock = getSibling => $node => {
   const $sib = getSibling($node);
   if ($sib !== null) {
     assertTextBlock($sib);
@@ -364,6 +358,15 @@ const getPrevSiblingTextBlock = getSiblingTextBlock(getPrevSibling);
 const getNextSiblingTextBlock = getSiblingTextBlock(getNextSibling);
 const getPrevSiblingTextContent = ($node, ensureValid) => {
   const $sib = $node.previousSibling;
+  if ($sib === null && ensureValid === true) {
+    const $currentBlock = getParentTextBlock($node);
+    const $prevBlock = getPrevSiblingTextBlock($currentBlock);
+    if ($prevBlock === null) {
+      $currentBlock.prepend(createEmptyInline($node.ownerDocument));
+      return getFirstTextContent($currentBlock);
+    }
+    return getLastTextContent($prevBlock);
+  }
   if ($sib !== null) {
     assertTextContent($sib);
   }
@@ -371,13 +374,25 @@ const getPrevSiblingTextContent = ($node, ensureValid) => {
 };
 const getNextSiblingTextContent = ($node, ensureValid) => {
   const $sib = $node.nextSibling;
+  if ($sib === null && ensureValid === true) {
+    const $currentBlock = getParentTextBlock($node);
+    const $nextBlock = getNextSiblingTextBlock($currentBlock);
+    if ($nextBlock === null) {
+      $currentBlock.append(createEmptyInline($node.ownerDocument));
+      return getLastTextContent($currentBlock);
+    }
+    return getFirstTextContent($nextBlock);
+  }
   if ($sib !== null) {
     assertTextContent($sib);
   }
   return $sib;
 };
-const createCollapsedRange = (cursor) => {
-  const { node, offset } = cursorToNodeWithOffset(cursor);
+const createCollapsedRange = cursor => {
+  const {
+    node,
+    offset
+  } = cursorToNodeWithOffset(cursor);
   return {
     startContainer: node,
     startOffset: offset,
@@ -386,8 +401,14 @@ const createCollapsedRange = (cursor) => {
   };
 };
 const createSpanningRange = (aCursor, bCursor) => {
-  const { node: startContainer, offset: startOffset } = cursorToNodeWithOffset(aCursor);
-  const { node: endContainer, offset: endOffset } = cursorToNodeWithOffset(bCursor);
+  const {
+    node: startContainer,
+    offset: startOffset
+  } = cursorToNodeWithOffset(aCursor);
+  const {
+    node: endContainer,
+    offset: endOffset
+  } = cursorToNodeWithOffset(bCursor);
   return {
     startContainer,
     startOffset,
@@ -395,13 +416,13 @@ const createSpanningRange = (aCursor, bCursor) => {
     endOffset
   };
 };
-const removePrevSiblings = ($node) => {
+const removePrevSiblings = $node => {
   let $n;
   while (($n = $node.previousSibling) !== null) {
     $n.remove();
   }
 };
-const removeNextSiblings = ($node) => {
+const removeNextSiblings = $node => {
   let $n;
   while (($n = $node.nextSibling) !== null) {
     $n.remove();
@@ -438,11 +459,9 @@ const removeNodesBetween = (aCursor, bCursor) => {
   }
   removeSiblingsBetween($cpChildA, $cpChildB);
 };
-const ensureCorrectTextBlockIfEmpty = ($node) => {
+const ensureCorrectTextBlockIfEmpty = $node => {
   if (!$node.hasChildNodes()) {
-    $node.append(
-      createEmptyInline($node.ownerDocument)
-    );
+    $node.append(createEmptyInline($node.ownerDocument));
     return;
   }
   const children = $node.childNodes;
@@ -456,15 +475,15 @@ const ensureCorrectTextBlockIfEmpty = ($node) => {
     }
   }
 };
-const getChildText = ($node) => {
+const getChildText = $node => {
   if ($node.childNodes.length !== 1) {
-    throw new Error("Should have exact 1 child");
+    throw new Error('Should have exact 1 child');
   }
   const $child = $node.firstChild;
   assertTextNode($child);
   return $child;
 };
-const getChildTextContent = (getFirstOrLastChild) => ($node) => {
+const getChildTextContent = getFirstOrLastChild => $node => {
   ensureCorrectTextBlockIfEmpty($node);
   const $child = getFirstOrLastChild($node);
   assertTextContent($child);
@@ -472,7 +491,7 @@ const getChildTextContent = (getFirstOrLastChild) => ($node) => {
 };
 const getLastTextContent = getChildTextContent(getLastChild);
 const getFirstTextContent = getChildTextContent(getFirstChild);
-const getFirstOrLastTextBlock = (getFirstOrLastChild) => ($root) => {
+const getFirstOrLastTextBlock = getFirstOrLastChild => $root => {
   let $lc = getFirstOrLastChild($root);
   if ($lc === null) {
     $lc = createEmptyParagraph($root.ownerDocument);
@@ -493,7 +512,7 @@ const mergeSiblingTextNodes = ($a, aCursor, bCursor) => {
   const bContent = getTextValue($b);
   const aContentLength = isEmptyText(aContent) ? 0 : aContent.length;
   const bContentLength = isEmptyText(bContent) ? 0 : bContent.length;
-  let resultText = (isEmptyText(aContent) ? "" : aContent) + (isEmptyText(bContent) ? "" : bContent);
+  let resultText = (isEmptyText(aContent) ? '' : aContent) + (isEmptyText(bContent) ? '' : bContent);
   const isEmptyResultText = resultText.length === 0;
   if (aCursor.$text === $a) {
     aCursor.offset = isEmptyResultText ? 1 : aCursor.offset;
@@ -589,7 +608,7 @@ const mergeNextTextBlock = ($a, aCursor, bCursor) => {
 };
 const sliceChildren = ($parent, index) => {
   if (index < 0) {
-    throw new Error("Not found");
+    throw new Error('Not found');
   }
   const children = Array.from($parent.childNodes);
   if (index === 0) {
@@ -603,10 +622,7 @@ const splitTextBlock = ($a, childIndex) => {
   ensureCorrectTextBlockIfEmpty($a);
   ensureCorrectTextBlockIfEmpty($b);
   $a.after($b);
-  return [
-    $a,
-    $b
-  ];
+  return [$a, $b];
 };
 const splitTextNode = ($aText, offset) => {
   const content = getTextValue($aText);
@@ -646,42 +662,44 @@ const splitTextNodeAndInsertEmptyInline = ($n, offset) => {
   }
   return $inline;
 };
-const formatInline = (formatType, range) => {
+export const formatInline = (formatType, range) => {
   const aCursor = createIncomingCursorFromNodeWithOffset(range.startContainer, range.startOffset);
   const bCursor = createIncomingCursorFromNodeWithOffset(range.endContainer, range.endOffset);
   const formatName = FORMAT_TYPE_TO_NAME[formatType];
   if (aCursor.$inline === bCursor.$inline && isTextNode(aCursor.$text)) {
-    const { $text, $inline, offset: startOffset } = aCursor;
-    const { offset: endOffset } = bCursor;
+    const {
+      $text,
+      $inline,
+      offset: startOffset
+    } = aCursor;
+    const {
+      offset: endOffset
+    } = bCursor;
     if (isEmptyText($text.nodeValue)) {
       assertInline($inline);
       toggleInlineFormat($inline, formatName);
       return {
         prevent: true,
-        range: createCollapsedRange(
-          createEndCursorFromTextContent($inline)
-        )
+        range: createCollapsedRange(createEndCursorFromTextContent($inline))
       };
     }
     if (startOffset === endOffset) {
-      const $newinline2 = splitTextNodeAndInsertEmptyInline($text, startOffset);
-      toggleInlineFormat($newinline2, formatName);
+      const $newinline = splitTextNodeAndInsertEmptyInline($text, startOffset);
+      toggleInlineFormat($newinline, formatName);
       return {
         prevent: true,
-        range: createCollapsedRange(
-          createEndCursorFromTextContent($newinline2)
-        )
+        range: createCollapsedRange(createEndCursorFromTextContent($newinline))
       };
     }
     const $newinline = sliceTextNode($text, startOffset, endOffset);
     toggleInlineFormat($newinline, formatName);
-    const aTrackingCursor2 = createBeginCursorFromTextContent($newinline);
-    const bTrackingCursor2 = createEndCursorFromTextContent($newinline);
-    mergeNextTextContentSibling($newinline, aTrackingCursor2, bTrackingCursor2);
-    mergePrevTextContentSibling($newinline, aTrackingCursor2, bTrackingCursor2);
+    const aTrackingCursor = createBeginCursorFromTextContent($newinline);
+    const bTrackingCursor = createEndCursorFromTextContent($newinline);
+    mergeNextTextContentSibling($newinline, aTrackingCursor, bTrackingCursor);
+    mergePrevTextContentSibling($newinline, aTrackingCursor, bTrackingCursor);
     return {
       prevent: true,
-      range: createSpanningRange(aTrackingCursor2, bTrackingCursor2)
+      range: createSpanningRange(aTrackingCursor, bTrackingCursor)
     };
   }
   const areAllInline = isAllInsideFormatName(aCursor.$inline, bCursor.$inline, formatName);
@@ -724,7 +742,7 @@ const allSiblingsIncludingSatisfy = (aNode, bNode, func) => {
   }
   return true;
 };
-const formatIndent = (range) => {
+export const formatIndent = range => {
   if (range.startContainer === range.endContainer && range.startOffset === range.endOffset && range.startOffset !== 0) {
     return {
       prevent: false
@@ -753,7 +771,7 @@ const formatIndent = (range) => {
     range
   };
 };
-const ensureListItemLevelsAreCorrect = ($li) => {
+const ensureListItemLevelsAreCorrect = $li => {
   if ($li === null) {
     return;
   }
@@ -770,7 +788,7 @@ const ensureListItemLevelsAreCorrect = ($li) => {
     $block = getNextSiblingTextBlock($block);
   }
 };
-const formatOutdent = (range) => {
+export const formatOutdent = range => {
   if (range.startContainer === range.endContainer && range.startOffset === range.endOffset && range.startOffset !== 0) {
     return {
       prevent: false
@@ -798,7 +816,7 @@ const formatOutdent = (range) => {
     range
   };
 };
-const formatList = (isOrdered, range) => {
+export const formatList = (isOrdered, range) => {
   const aCursor = createIncomingCursorFromNodeWithOffset(range.startContainer, range.startOffset);
   const bCursor = createIncomingCursorFromNodeWithOffset(range.endContainer, range.endOffset);
   const aBlock = getParentTextBlock(aCursor.$inline);
@@ -807,11 +825,11 @@ const formatList = (isOrdered, range) => {
   if (isInsideSameListType) {
     assertListItem(aBlock);
     assertListItem(bBlock);
-    const $iterateUpToNode2 = getNextSiblingTextBlock(bBlock);
-    let $block2 = aBlock;
-    while ($block2 !== null && $block2 !== $iterateUpToNode2) {
-      convertToParagraph($block2);
-      $block2 = getNextSiblingTextBlock($block2);
+    const $iterateUpToNode = getNextSiblingTextBlock(bBlock);
+    let $block = aBlock;
+    while ($block !== null && $block !== $iterateUpToNode) {
+      convertToParagraph($block);
+      $block = getNextSiblingTextBlock($block);
     }
     return {
       prevent: true,
@@ -841,7 +859,7 @@ const createCursorFromTextNode = (node, offset) => {
     offset: Math.min(node.length, offset)
   };
 };
-const createBeginCursorFromTextContent = (node) => {
+const createBeginCursorFromTextContent = node => {
   if (isInline(node)) {
     const $text = getChildText(node);
     const content = getTextValue($text);
@@ -857,7 +875,7 @@ const createBeginCursorFromTextContent = (node) => {
     offset: 0
   };
 };
-const createEndCursorFromTextContent = (node) => {
+const createEndCursorFromTextContent = node => {
   if (isInline(node)) {
     const $text = getChildText(node);
     return {
@@ -886,9 +904,7 @@ const createIncomingCursorFromNodeWithOffset = (node, offset) => {
   }
   if (isTextBlock(node)) {
     if (isAfterLastChildIndex(node, offset)) {
-      return createEndCursorFromTextContent(
-        getLastTextContent(node)
-      );
+      return createEndCursorFromTextContent(getLastTextContent(node));
     }
     return createIncomingCursorFromNodeWithOffset(getChildByIndex(node, offset), 0);
   }
@@ -906,9 +922,15 @@ const createIncomingCursorFromNodeWithOffset = (node, offset) => {
     }
     return createIncomingCursorFromNodeWithOffset(getChildByIndex(node, offset), 0);
   }
-  throw new Error("Should not happen");
+  throw new Error('Should not happen');
 };
-const cursorToNodeWithOffset = ({ $text, $inline, offset, isAfterInline }) => {
+const cursorToNodeWithOffset = _ref => {
+  let {
+    $text,
+    $inline,
+    offset,
+    isAfterInline
+  } = _ref;
   if (isTextNode($text)) {
     return {
       node: $text,
@@ -922,15 +944,21 @@ const cursorToNodeWithOffset = ({ $text, $inline, offset, isAfterInline }) => {
     offset: childIndex
   };
 };
-const removeContentInRange = (range) => {
+const removeContentInRange = range => {
   const aCursor = createIncomingCursorFromNodeWithOffset(range.startContainer, range.startOffset);
   const bCursor = createIncomingCursorFromNodeWithOffset(range.endContainer, range.endOffset);
   if (aCursor.$inline === bCursor.$inline && aCursor.offset === bCursor.offset && aCursor.isAfterInline === bCursor.isAfterInline) {
     return aCursor;
   }
   if (aCursor.$text === bCursor.$text && isTextNode(aCursor.$text)) {
-    const { $text, $inline, offset: startOffset } = aCursor;
-    const { offset: endOffset } = bCursor;
+    const {
+      $text,
+      $inline,
+      offset: startOffset
+    } = aCursor;
+    const {
+      offset: endOffset
+    } = bCursor;
     const content = getTextValue($text);
     const nextContent = content.substring(0, startOffset) + content.substring(endOffset);
     $text.nodeValue = nextContent;
@@ -982,8 +1010,13 @@ const removeContentInRange = (range) => {
   }
   return trackingCursor;
 };
-const deleteContentBackward = ($root, range) => {
-  const { startContainer, endContainer, startOffset, endOffset } = range;
+export const deleteContentBackward = ($root, range) => {
+  const {
+    startContainer,
+    endContainer,
+    startOffset,
+    endOffset
+  } = range;
   if (startContainer === endContainer && startOffset + 1 === endOffset && isTextNode(startContainer)) {
     if (startContainer.length > 1) {
       return DEFAULT_ACTION_RESULT;
@@ -1033,14 +1066,17 @@ const deleteContentBackward = ($root, range) => {
   }
   return {
     prevent: true,
-    range: createCollapsedRange(
-      removeContentInRange(range)
-    )
+    range: createCollapsedRange(removeContentInRange(range))
   };
 };
-const insertLink = ($root, text, href, range) => {
+export const insertLink = ($root, text, href, range) => {
   const cursor = removeContentInRange(range);
-  const { $text, $inline, offset, isAfterInline: isAfterLastChild } = cursor;
+  const {
+    $text,
+    $inline,
+    offset,
+    isAfterInline: isAfterLastChild
+  } = cursor;
   const $link = createLink(text, href, $root.ownerDocument);
   if (isTextNode($text)) {
     if (isEmptyText($text.nodeValue)) {
@@ -1061,23 +1097,24 @@ const insertLink = ($root, text, href, range) => {
   }
   return {
     prevent: true,
-    range: createCollapsedRange(
-      createEndCursorFromTextContent($link)
-    )
+    range: createCollapsedRange(createEndCursorFromTextContent($link))
   };
 };
-const insertLineBreak = (range) => {
+export const insertLineBreak = range => {
   const cursor = removeContentInRange(range);
-  const { $text, $inline, offset, isAfterInline: isAfterLastChild } = cursor;
+  const {
+    $text,
+    $inline,
+    offset,
+    isAfterInline: isAfterLastChild
+  } = cursor;
   const $block = getParentTextBlock($inline);
   if (isListItem($block)) {
     if (isEmptyTextBlock($block)) {
       convertToParagraph($block);
       return {
         prevent: true,
-        range: createCollapsedRange(
-          createEndCursorFromTextContent(getLastTextContent($block))
-        )
+        range: createCollapsedRange(createEndCursorFromTextContent(getLastTextContent($block)))
       };
     }
   }
@@ -1091,14 +1128,17 @@ const insertLineBreak = (range) => {
   const [_, $bBlock] = splitTextBlock($block, splitIndex);
   return {
     prevent: true,
-    range: createCollapsedRange(
-      createBeginCursorFromTextContent(getFirstTextContent($bBlock))
-    )
+    range: createCollapsedRange(createBeginCursorFromTextContent(getFirstTextContent($bBlock)))
   };
 };
 const insertEmoji = ($root, emojiChar, range) => {
   const cursor = removeContentInRange(range);
-  const { $text, $inline, offset, isAfterInline } = cursor;
+  const {
+    $text,
+    $inline,
+    offset,
+    isAfterInline
+  } = cursor;
   const baseUrl = getEmojiBaseUrl($root);
   const $emoji = createEmoji(emojiChar, baseUrl, $root.ownerDocument);
   if (isTextNode($text)) {
@@ -1120,22 +1160,16 @@ const insertEmoji = ($root, emojiChar, range) => {
   }
   return {
     prevent: true,
-    range: createCollapsedRange(
-      createEndCursorFromTextContent($emoji)
-    )
+    range: createCollapsedRange(createEndCursorFromTextContent($emoji))
   };
 };
-const insertText = ($root, data, range) => {
+export const insertText = ($root, data, range) => {
   if (data !== null && isEmojiString(data)) {
     return insertEmoji($root, data, range);
   }
-  if (
-    // Is collapsed range
-    range.startContainer === range.endContainer && range.startOffset === range.endOffset && // Is non-empty text node
-    isTextNode(range.startContainer) && !isEmptyText(range.startContainer.nodeValue)
-  ) {
-    const $inline2 = getParentInline(range.startContainer);
-    const isHotTextWhitespace = range.startOffset === range.startContainer.length && data === TEXT_WHITESPACE && (isFormatCodetag($inline2) || isFormatLink($inline2));
+  if (range.startContainer === range.endContainer && range.startOffset === range.endOffset && isTextNode(range.startContainer) && !isEmptyText(range.startContainer.nodeValue)) {
+    const $inline = getParentInline(range.startContainer);
+    const isHotTextWhitespace = range.startOffset === range.startContainer.length && data === TEXT_WHITESPACE && (isFormatCodetag($inline) || isFormatLink($inline));
     if (!isHotTextWhitespace) {
       return DEFAULT_ACTION_RESULT;
     }
@@ -1147,7 +1181,12 @@ const insertText = ($root, data, range) => {
       range: createCollapsedRange(cursor)
     };
   }
-  const { $text, $inline, offset, isAfterInline } = cursor;
+  const {
+    $text,
+    $inline,
+    offset,
+    isAfterInline
+  } = cursor;
   if ($text === null && isEmoji($inline)) {
     const $newInline = createInlineWithText(data, $root.ownerDocument);
     if (isAfterInline === true) {
@@ -1157,9 +1196,7 @@ const insertText = ($root, data, range) => {
     }
     return {
       prevent: true,
-      range: createCollapsedRange(
-        createEndCursorFromTextContent($newInline)
-      )
+      range: createCollapsedRange(createEndCursorFromTextContent($newInline))
     };
   }
   if (isTextNode($text)) {
@@ -1168,9 +1205,7 @@ const insertText = ($root, data, range) => {
       $text.nodeValue = data;
       return {
         prevent: true,
-        range: createCollapsedRange(
-          createCursorFromTextNode($text, data.length)
-        )
+        range: createCollapsedRange(createCursorFromTextNode($text, data.length))
       };
     }
     if (offset === $text.length && data === TEXT_WHITESPACE) {
@@ -1179,9 +1214,7 @@ const insertText = ($root, data, range) => {
         $inline.after($newinline);
         return {
           prevent: true,
-          range: createCollapsedRange(
-            createEndCursorFromTextContent($newinline)
-          )
+          range: createCollapsedRange(createEndCursorFromTextContent($newinline))
         };
       }
     }
@@ -1189,9 +1222,7 @@ const insertText = ($root, data, range) => {
     $text.nodeValue = content.substring(0, offset) + data + content.substring(offset);
     return {
       prevent: true,
-      range: createCollapsedRange(
-        createCursorFromTextNode($text, offset + data.length)
-      )
+      range: createCollapsedRange(createCursorFromTextNode($text, offset + data.length))
     };
   }
   return {
@@ -1199,9 +1230,14 @@ const insertText = ($root, data, range) => {
     range: createCollapsedRange(cursor)
   };
 };
-const insertFromPaste = (data, range, visitor) => {
+export const insertFromPaste = (data, range, visitor) => {
   const cursor = removeContentInRange(range);
-  const { $text, $inline, offset, isAfterInline } = cursor;
+  const {
+    $text,
+    $inline,
+    offset,
+    isAfterInline
+  } = cursor;
   const $mdFragment = parseMarkdown(data, visitor);
   if ($mdFragment.childNodes.length === 0) {
     return {
@@ -1211,7 +1247,7 @@ const insertFromPaste = (data, range, visitor) => {
   }
   const shouldSpreadNodesIntoBlock = $mdFragment.childNodes.length === 1;
   if (shouldSpreadNodesIntoBlock) {
-    const $block2 = getParentTextBlock($inline);
+    const $block = getParentTextBlock($inline);
     const $fragment = document.createDocumentFragment();
     $fragment.append(...Array.from($mdFragment.childNodes[0].childNodes));
     const $pasteLastChild = $fragment.lastChild;
@@ -1220,7 +1256,7 @@ const insertFromPaste = (data, range, visitor) => {
     }
     if (isTextNode($text)) {
       if (isEmptyText($text.nodeValue)) {
-        $block2.replaceChild($fragment, $inline);
+        $block.replaceChild($fragment, $inline);
       } else {
         const [$before, $after] = splitTextNode($text, offset);
         if ($before === null) {
@@ -1237,9 +1273,7 @@ const insertFromPaste = (data, range, visitor) => {
     }
     return {
       prevent: true,
-      range: createCollapsedRange(
-        createEndCursorFromTextContent($pasteLastChild ?? getLastTextContent($block2))
-      )
+      range: createCollapsedRange(createEndCursorFromTextContent($pasteLastChild ?? getLastTextContent($block)))
     };
   }
   const $block = getParentTextBlock($inline);
@@ -1270,46 +1304,39 @@ const insertFromPaste = (data, range, visitor) => {
   }
   return {
     prevent: true,
-    range: createCollapsedRange(
-      createEndCursorFromTextContent(
-        getLastTextContent($lastBlock)
-      )
-    )
+    range: createCollapsedRange(createEndCursorFromTextContent(getLastTextContent($lastBlock)))
   };
 };
 const DEFAULT_ACTION_RESULT = {
   prevent: false
 };
-const handleEmojiMousedown = ($n) => {
+export const handleEmojiMousedown = $n => {
   if (isEmoji($n)) {
     return {
       prevent: true,
-      range: createCollapsedRange(
-        createEndCursorFromTextContent($n)
-      )
+      range: createCollapsedRange(createEndCursorFromTextContent($n))
     };
   }
   return DEFAULT_ACTION_RESULT;
 };
-const getBeginRange = ($root) => {
+export const getBeginRange = $root => {
   const $block = getFirstTextBlock($root);
   const $inline = getFirstTextContent($block);
-  return createCollapsedRange(
-    createBeginCursorFromTextContent($inline)
-  );
+  return createCollapsedRange(createBeginCursorFromTextContent($inline));
 };
-const getEndRange = ($root) => {
+export const getEndRange = $root => {
   const $block = getLastTextBlock($root);
   const $inline = getLastTextContent($block);
-  return createCollapsedRange(
-    createEndCursorFromTextContent($inline)
-  );
+  return createCollapsedRange(createEndCursorFromTextContent($inline));
 };
-const getSelectionInfo = (range) => {
+export const getSelectionInfo = range => {
   const aCursor = createIncomingCursorFromNodeWithOffset(range.startContainer, range.startOffset);
   const bCursor = createIncomingCursorFromNodeWithOffset(range.endContainer, range.endOffset);
   if (aCursor.$inline === bCursor.$inline) {
-    const { $text, $inline } = aCursor;
+    const {
+      $text,
+      $inline
+    } = aCursor;
     if ($text !== null || isInline($inline)) {
       assertInline($inline);
       return {
@@ -1342,19 +1369,19 @@ const getSelectionInfo = (range) => {
     ulist: isAllInsideList(false, aCursor.$inline, bCursor.$inline)
   };
 };
-const isSelectionEqual = (a, b) => {
+export const isSelectionEqual = (a, b) => {
   return a === b || a !== null && b !== null && a.bold === b.bold && a.codetag === b.codetag && a.italic === b.italic && a.link === b.link && a.strikethrough === b.strikethrough && a.olist === b.olist && a.ulist === b.ulist;
 };
-const isEmptyTextBlock = ($block) => {
+const isEmptyTextBlock = $block => {
   const blockChildren = $block.childNodes;
   if (blockChildren.length > 1) {
     return false;
   }
   const $inline = blockChildren[0];
-  const isEmptyText2 = isInline($inline) && !isFormatCodetag($inline) && isEmptyTextNode(getChildText($inline));
-  return isEmptyText2;
+  const isEmptyText = isInline($inline) && !isFormatCodetag($inline) && isEmptyTextNode(getChildText($inline));
+  return isEmptyText;
 };
-const isEditorEmpty = ($root) => {
+export const isEditorEmpty = $root => {
   const rootChildren = $root.childNodes;
   if (rootChildren.length > 1) {
     return false;
@@ -1363,16 +1390,19 @@ const isEditorEmpty = ($root) => {
   assertTextBlock($block);
   return isEmptyTextBlock($block);
 };
-const serializeDescriptorReducer = (range) => (state, $n) => {
+const serializeDescriptorReducer = range => (state, $n) => {
   if (isEmoji($n)) {
-    const text2 = $n.getAttribute(EMOJI_CHAR_ATTR_NAME) ?? "";
-    if (text2.length > 0) {
-      state.push({ isEmoji: true, text: text2 });
+    const text = $n.getAttribute(EMOJI_CHAR_ATTR_NAME) ?? '';
+    if (text.length > 0) {
+      state.push({
+        isEmoji: true,
+        text
+      });
     }
     return state;
   }
   let text = getTextValue(getChildText($n));
-  let trailingSpaces = "";
+  let trailingSpaces = '';
   if (range !== null) {
     const [aCursor, bCursor] = range;
     const isACursorPointingHere = aCursor.$inline === $n;
@@ -1389,21 +1419,34 @@ const serializeDescriptorReducer = (range) => (state, $n) => {
     return state;
   }
   if (isFormatCodetag($n)) {
-    state.push({ isCodetag: true, text });
+    state.push({
+      isCodetag: true,
+      text
+    });
     return state;
   }
   if (isFormatLink($n)) {
-    const href = $n.getAttribute(LINK_HREF_ATTR_NAME) ?? "#";
-    state.push({ isLink: true, text, href });
+    const href = $n.getAttribute(LINK_HREF_ATTR_NAME) ?? '#';
+    state.push({
+      isLink: true,
+      text,
+      href
+    });
     return state;
   }
   const leadingNonSpaceIndex = text.search(/\S/);
   if (leadingNonSpaceIndex < 0) {
-    state.push({ isWhitespace: true, text });
+    state.push({
+      isWhitespace: true,
+      text
+    });
     return state;
   }
   if (leadingNonSpaceIndex > 0) {
-    state.push({ isWhitespace: true, text: text.substring(0, leadingNonSpaceIndex) });
+    state.push({
+      isWhitespace: true,
+      text: text.substring(0, leadingNonSpaceIndex)
+    });
     text = text.substring(leadingNonSpaceIndex);
   }
   const trailingSpaceIndex = text.search(/\s+$/);
@@ -1418,25 +1461,30 @@ const serializeDescriptorReducer = (range) => (state, $n) => {
     text
   });
   if (trailingSpaces.length > 0) {
-    state.push({ isWhitespace: true, text: trailingSpaces });
+    state.push({
+      isWhitespace: true,
+      text: trailingSpaces
+    });
   }
   return state;
 };
-const MD_STRIKE_TOKEN = "~~";
-const MD_EM3_STAR_TOKEN = "***";
-const MD_EM2_STAR_TOKEN = "**";
-const MD_EM1_STAR_TOKEN = "*";
-const MD_EM3_UNDERSCORE_TOKEN = "___";
-const MD_EM2_UNDERSCORE_TOKEN = "__";
-const MD_EM1_UNDERSCORE_TOKEN = "_";
-const MD_LINEBREAK_TOKEN = "  \n";
-const MD_CODETAG_TOKEN = "`";
-const MD_ULISTITEM_TOKEN = "*";
-const MD_OLISTITEM_TOKEN = "1.";
-const MD_LISTITEM_JOIN = "\n";
-const MD_PARAGRAPH_JOIN = "\n\n";
+const MD_STRIKE_TOKEN = '~~';
+const MD_EM3_STAR_TOKEN = '***';
+const MD_EM2_STAR_TOKEN = '**';
+const MD_EM1_STAR_TOKEN = '*';
+const MD_EM3_UNDERSCORE_TOKEN = '___';
+const MD_EM2_UNDERSCORE_TOKEN = '__';
+const MD_EM1_UNDERSCORE_TOKEN = '_';
+const MD_LINEBREAK_TOKEN = '  \n';
+const MD_CODETAG_TOKEN = '`';
+const MD_ULISTITEM_TOKEN = '*';
+const MD_OLISTITEM_TOKEN = '1.';
+const MD_LISTITEM_JOIN = '\n';
+const MD_PARAGRAPH_JOIN = '\n\n';
 const serializeTextReducer = (state, desc, i, descArray) => {
-  const { chunks } = state;
+  const {
+    chunks
+  } = state;
   if (desc.isLink === true) {
     chunks.push(`[${desc.text}](${desc.href})`);
     return state;
@@ -1456,7 +1504,11 @@ const serializeTextReducer = (state, desc, i, descArray) => {
   const prev = i === 0 ? null : descArray[i - 1];
   const next = i >= descArray.length - 1 ? null : descArray[i + 1];
   const shouldUseUnderscores = (i - state.lastUnderscoreIndex) % 2 === 0 && (prev === null || prev.isBold === true || prev.isItalic === true || prev.isWhitespace === true || prev.isCodetag === true) && (next === null || next.isBold === true || next.isItalic === true || next.isWhitespace === true || next.isCodetag === true);
-  const { isBold, isItalic, isStrikethrough } = desc;
+  const {
+    isBold,
+    isItalic,
+    isStrikethrough
+  } = desc;
   if (shouldUseUnderscores) {
     state.lastUnderscoreIndex = i;
   }
@@ -1495,26 +1547,16 @@ const serializeTextBlock = ($n, range) => {
   } else {
     children = Array.from($n.childNodes);
   }
-  const result = children.reduce(
-    serializeDescriptorReducer(range),
-    []
-  ).reduce(
-    serializeTextReducer,
-    {
-      lastUnderscoreIndex: 0,
-      chunks: []
-    }
-  );
-  return result.chunks.join("");
+  const result = children.reduce(serializeDescriptorReducer(range), []).reduce(serializeTextReducer, {
+    lastUnderscoreIndex: 0,
+    chunks: []
+  });
+  return result.chunks.join('');
 };
 const serializeListItemIndent = (level, isOrderedStack) => {
-  let res = "";
+  let res = '';
   for (let i = 0; i < level; i++) {
-    res = res.concat(
-      isOrderedStack[i] ? "  " : " ",
-      // MD_ULISTITEM_TOKEN.length
-      " "
-    );
+    res = res.concat(isOrderedStack[i] ? '  ' : ' ', ' ');
   }
   return res;
 };
@@ -1543,19 +1585,15 @@ const serializeRoot = ($root, range) => {
   const paragraphChunks = [];
   const flushListChunks = () => {
     if (listChunks.length > 0) {
-      chunks.push(
-        listChunks.join(MD_LISTITEM_JOIN)
-      );
+      chunks.push(listChunks.join(MD_LISTITEM_JOIN));
       listChunks.length = 0;
     }
   };
   const flushParagraphChunks = () => {
     if (paragraphChunks.length > 0) {
-      chunks.push(
-        paragraphChunks.reduce((a, b) => {
-          return b.length > 0 ? a.concat(MD_LINEBREAK_TOKEN, b) : a.concat("<br>");
-        })
-      );
+      chunks.push(paragraphChunks.reduce((a, b) => {
+        return b.length > 0 ? a.concat(MD_LINEBREAK_TOKEN, b) : a.concat('<br>');
+      }));
       paragraphChunks.length = 0;
     }
   };
@@ -1567,22 +1605,18 @@ const serializeRoot = ($root, range) => {
       if (isMainList) {
         flushListChunks();
       }
-      listChunks.push(
-        serializeListItem($child, listIsOrderedStack, range)
-      );
+      listChunks.push(serializeListItem($child, listIsOrderedStack, range));
     } else {
       assertTextBlock($child);
       flushListChunks();
-      paragraphChunks.push(
-        serializeTextBlock($child, range)
-      );
+      paragraphChunks.push(serializeTextBlock($child, range));
     }
   }
   flushListChunks();
   flushParagraphChunks();
   return chunks.join(MD_PARAGRAPH_JOIN);
 };
-const serializeMarkdown = ($root, range) => {
+export const serializeMarkdown = ($root, range) => {
   if (range !== null) {
     const aCursor = createIncomingCursorFromNodeWithOffset(range.startContainer, range.startOffset);
     const bCursor = createIncomingCursorFromNodeWithOffset(range.endContainer, range.endOffset);
@@ -1590,7 +1624,7 @@ const serializeMarkdown = ($root, range) => {
   }
   return serializeRoot($root, null);
 };
-const createParseVisitor = (doc) => {
+export const createParseVisitor = doc => {
   let emojiBaseUrl = null;
   return {
     updateEmojiBaseUrl(url) {
@@ -1617,14 +1651,19 @@ const createParseVisitor = (doc) => {
         },
         codetag(text) {
           const $inline = createInlineWithText(text, doc);
-          setInlineFormat($inline, "c", true);
+          setInlineFormat($inline, 'c', true);
           $currentBlock.appendChild($inline);
         },
-        inline(text, { isBold, isItalic, isStrikethrough }) {
+        inline(text, _ref2) {
+          let {
+            isBold,
+            isItalic,
+            isStrikethrough
+          } = _ref2;
           const $inline = createInlineWithText(text, doc);
-          setInlineFormat($inline, "b", isBold === true);
-          setInlineFormat($inline, "i", isItalic === true);
-          setInlineFormat($inline, "s", isStrikethrough === true);
+          setInlineFormat($inline, 'b', isBold === true);
+          setInlineFormat($inline, 'i', isItalic === true);
+          setInlineFormat($inline, 's', isStrikethrough === true);
           $currentBlock.appendChild($inline);
         },
         linebreak() {
@@ -1651,7 +1690,9 @@ const createParseVisitor = (doc) => {
         },
         listItem() {
           const listLevel = listsStack.length - 1;
-          const { isOrdered } = listsStack.at(-1);
+          const {
+            isOrdered
+          } = listsStack.at(-1);
           const $li = createActuallyEmptyListItem(isOrdered, listLevel, doc);
           if (listsStack.length === 1 && isFirstListItem) {
             markListItemAsBlock($li);
@@ -1679,7 +1720,13 @@ const createParseVisitor = (doc) => {
     }
   };
 };
-const setBrowserCaret = ({ startContainer, startOffset, endContainer, endOffset }) => {
+export const setBrowserCaret = _ref3 => {
+  let {
+    startContainer,
+    startOffset,
+    endContainer,
+    endOffset
+  } = _ref3;
   const selection = document.getSelection();
   if (selection === null) {
     return;
@@ -1689,24 +1736,4 @@ const setBrowserCaret = ({ startContainer, startOffset, endContainer, endOffset
   range.setStart(startContainer, startOffset);
   range.setEnd(endContainer, endOffset);
   selection.addRange(range);
-};
-export {
-  createParseVisitor,
-  deleteContentBackward,
-  formatIndent,
-  formatInline,
-  formatList,
-  formatOutdent,
-  getBeginRange,
-  getEndRange,
-  getSelectionInfo,
-  handleEmojiMousedown,
-  insertFromPaste,
-  insertLineBreak,
-  insertLink,
-  insertText,
-  isEditorEmpty,
-  isSelectionEqual,
-  serializeMarkdown,
-  setBrowserCaret
-};
+};