@takeshape/util 9.80.4 → 9.81.0

package/es/draftjs.js

@@ -2,10 +2,11 @@
  * The intention is to move all this to the client package in the end, but right now it's here
  * to be shared between the draftjs / mdx implementations, which span the client / server differently.
  */
+
 import { draftToMarkdown, markdownToDraft } from 'markdown-draft-js';
-import { imageTemplate, imageTemplateMdx, oembedTemplate, oembedTemplateMdx } from './templates'; // With @types/htmlparser2 it says parseDOM is not exported; excluding types for now
+import { imageTemplate, imageTemplateMdx, oembedTemplate, oembedTemplateMdx } from './templates';
+// With @types/htmlparser2 it says parseDOM is not exported; excluding types for now
 // @ts-expect-error Untyped
-
 import { parseDOM } from 'htmlparser2';
 import Url from 'url-parse';
 import render from 'dom-serializer';
@@ -22,7 +23,6 @@ const SUBSCRIPT_MARKER = 'TEMPORARY_SUBSCRIPT_MARKER_K5VrdPEzyQyy2RcY';
 const INSERT_MARKER = 'TEMPORARY_INSERT_MARKER_FSYdr8m8CS7YLb8y';
 const EXTERNAL_LINK_MARKER = 'TEMPORARY_EXTERNAL_LINK_MARKER_HP3vprmERkc9ZAss';
 const pullquoteStyle = 'font-style: italic; margin: 2em 2.5em;';
-
 const getDraftjsEmpty = (depth = 0) => {
   return {
     key: shortid.generate(),
@@ -33,9 +33,7 @@ const getDraftjsEmpty = (depth = 0) => {
     inlineStyleRanges: []
   };
 };
-
 const REMOVAL_MARKER_TYPE = 'removal-marker';
-
 const getDraftjsRemovalMarker = (depth = 0) => {
   return {
     key: shortid.generate(),
@@ -46,35 +44,31 @@ const getDraftjsRemovalMarker = (depth = 0) => {
     inlineStyleRanges: []
   };
 };
-
 const mdxShortcodePrefix = tagName => `TS${tagName}`;
-
 const handleMultiword = (markdown, marker, markdownSyntax, markdownRegex) => {
   const parts = markdown.replace(markdownRegex, `\\${markdownSyntax}`).split(marker);
   let result = '';
   let open = false;
-
   for (const [i, part] of parts.entries()) {
     if (open) {
       result += part.replace(/\s+/g, match => `${markdownSyntax}${match}${markdownSyntax}`);
     } else {
       result += part;
     }
-
     if (i !== parts.length - 1) {
       result += markdownSyntax;
       open = !open;
     }
   }
-
   return result;
-}; // Workaround inability to reasonably process child content using draftToMarkdown
-
+};
 
+// Workaround inability to reasonably process child content using draftToMarkdown
 const handleExternalLinks = markdown => {
   const regex = /(<TSExternalLink text="TEMPORARY_EXTERNAL_LINK_MARKER_HP3vprmERkc9ZAss" href="[^"]+">)([^<]+)<\/TSExternalLink>/g;
   return markdown.replace(regex, (match, openTag, content) => match.replace(EXTERNAL_LINK_MARKER, content));
 };
+
 /**
  * Adjust entity ranges to insert `amount` space starting at `after`.
  * For example, take this visualization of a range with offset 5 and length 5, where
@@ -89,14 +83,14 @@ const handleExternalLinks = markdown => {
  * If you insert amount -2 after 7 you get this:
  * -----|-|-----
  */
-
-
 export const adjustEntityRanges = (entityRanges, after, amount) => {
-  return entityRanges.map(entityRange => ({ ...entityRange,
+  return entityRanges.map(entityRange => ({
+    ...entityRange,
     offset: entityRange.offset > after ? entityRange.offset + amount : entityRange.offset,
     length: entityRange.offset <= after && entityRange.offset + entityRange.length > after ? entityRange.length + amount : entityRange.length
   }));
 };
+
 /**
  * Encode HTML entities in this draftjs state.
  * We adjust entity ranges so that their offsets and lengths are still correct with the
@@ -105,9 +99,9 @@ export const adjustEntityRanges = (entityRanges, after, amount) => {
  * the link entity's offset needs to be increased by 5 when the text is encoded.
  * This also applies to the entity's length if there are escaped characters inside the entity.
  */
-
 export const encodeHtmlEntities = draftjs => {
-  const result = { ...draftjs,
+  const result = {
+    ...draftjs,
     blocks: draftjs.blocks.map(block => {
       let {
         text
@@ -115,11 +109,9 @@ export const encodeHtmlEntities = draftjs => {
       let {
         entityRanges
       } = block;
-
       for (let i = 0; i < text.length; i++) {
         const char = text.charAt(i);
         const encodedChar = he.encode(char);
-
         if (encodedChar !== char) {
           const offset = encodedChar.length - char.length;
           entityRanges = adjustEntityRanges(entityRanges, i, offset);
@@ -127,8 +119,8 @@ export const encodeHtmlEntities = draftjs => {
           i += offset;
         }
       }
-
-      return { ...block,
+      return {
+        ...block,
         entityRanges,
         text
       };
@@ -143,54 +135,43 @@ export function fromDraftjs(draftjs, styleItems, entityItems) {
         open() {
           return '***';
         },
-
         close() {
           return '';
         }
-
       },
       SUP: {
         open() {
           return SUPERSCRIPT_MARKER;
         },
-
         close() {
           return SUPERSCRIPT_MARKER;
         }
-
       },
       SUB: {
         open() {
           return SUBSCRIPT_MARKER;
         },
-
         close() {
           return SUBSCRIPT_MARKER;
         }
-
       },
       UNDERLINE: {
         open() {
           return INSERT_MARKER;
         },
-
         close() {
           return INSERT_MARKER;
         }
-
       },
       'code-block': {
         open(entity) {
           var _entity$data;
-
           const lang = (entity === null || entity === void 0 ? void 0 : (_entity$data = entity.data) === null || _entity$data === void 0 ? void 0 : _entity$data.lang) ?? '';
           return `\`\`\`${lang}\n`;
         },
-
         close() {
           return '\n```';
         }
-
       },
       ...styleItems
     },
@@ -198,35 +179,28 @@ export function fromDraftjs(draftjs, styleItems, entityItems) {
       LINK: {
         open(entity) {
           var _entity$data2;
-
           if ((entity === null || entity === void 0 ? void 0 : (_entity$data2 = entity.data) === null || _entity$data2 === void 0 ? void 0 : _entity$data2.target) === '_blank') {
             var _entity$data3, _entity$data4;
-
             const url = escape((entity === null || entity === void 0 ? void 0 : (_entity$data3 = entity.data) === null || _entity$data3 === void 0 ? void 0 : _entity$data3.url) || (entity === null || entity === void 0 ? void 0 : (_entity$data4 = entity.data) === null || _entity$data4 === void 0 ? void 0 : _entity$data4.href) || '');
             return `<TSExternalLink text="${EXTERNAL_LINK_MARKER}" href="${url}">`;
           }
-
           return '[';
         },
-
         close(entity) {
           var _entity$data5, _entity$data6, _entity$data7;
-
           if ((entity === null || entity === void 0 ? void 0 : (_entity$data5 = entity.data) === null || _entity$data5 === void 0 ? void 0 : _entity$data5.target) === '_blank') {
             return '</TSExternalLink>';
           }
-
           return ']('.concat((entity === null || entity === void 0 ? void 0 : (_entity$data6 = entity.data) === null || _entity$data6 === void 0 ? void 0 : _entity$data6.url) || (entity === null || entity === void 0 ? void 0 : (_entity$data7 = entity.data) === null || _entity$data7 === void 0 ? void 0 : _entity$data7.href) || '', ')');
         }
-
       },
       ...entityItems
     }
   });
   markdown = handleExternalLinks(markdown);
   markdown = handleMultiword(markdown, SUPERSCRIPT_MARKER, '^', /\^/g);
-  markdown = handleMultiword(markdown, SUBSCRIPT_MARKER, '~', /~/g); // eslint-disable-next-line security-node/non-literal-reg-expr
-
+  markdown = handleMultiword(markdown, SUBSCRIPT_MARKER, '~', /~/g);
+  // eslint-disable-next-line security-node/non-literal-reg-expr
   markdown = markdown.replace(/\+/g, '\\+').replace(new RegExp(INSERT_MARKER, 'g'), '++');
   return markdown;
 }
@@ -236,50 +210,42 @@ export function draftjsToMd(draftjs, assets) {
       open() {
         return `<aside style="${pullquoteStyle}">`;
       },
-
       close() {
         return '</aside>';
       }
-
     }
   }, {
     oembed: {
       open() {
         return '';
       },
-
       close(entity) {
         if (!(entity !== null && entity !== void 0 && entity.data)) {
           return '';
         }
-
         const {
           data
         } = entity;
         return oembedTemplate(str => str, data);
       }
-
     },
     image: {
       open() {
         return '';
       },
-
       close(entity) {
         if (!(entity !== null && entity !== void 0 && entity.data)) {
           return '';
         }
-
         const {
           data
         } = entity;
         const asset = assets[data.id];
-
         if (asset === undefined) {
           return '';
         }
-
-        const imageTemplateData = { ...data,
+        const imageTemplateData = {
+          ...data,
           alignment: data.alignment,
           size: data.size,
           asset,
@@ -289,82 +255,66 @@ export function draftjsToMd(draftjs, assets) {
         };
         return imageTemplate(str => str, imageTemplateData);
       }
-
     }
   });
 }
-
 function getTextFromDraftjs(draftjs) {
   var _draftjs$blocks, _draftjs$blocks$;
-
   return draftjs === null || draftjs === void 0 ? void 0 : (_draftjs$blocks = draftjs.blocks) === null || _draftjs$blocks === void 0 ? void 0 : (_draftjs$blocks$ = _draftjs$blocks[0]) === null || _draftjs$blocks$ === void 0 ? void 0 : _draftjs$blocks$.text;
 }
-
 function getAssetField(data, asset, field) {
   const dataText = getTextFromDraftjs(data[field]);
-
   if (dataText) {
     return dataText;
   }
-
   if (asset[field]) {
     return getTextFromDraftjs(asset[field]);
   }
-
   return '';
 }
-
 export function draftjsToMdx(draftjs, assets, prefix = mdxShortcodePrefix) {
   return fromDraftjs(draftjs, {
     pullquote: {
       open() {
         return `<${prefix('Pullquote')}>`;
       },
-
       close() {
         return `</${prefix('Pullquote')}>`;
       }
-
     }
   }, {
     oembed: {
       open() {
         return '';
       },
-
       close(entity) {
         if (!(entity !== null && entity !== void 0 && entity.data)) {
           return '';
         }
-
         const {
           data
         } = entity;
         return oembedTemplateMdx(prefix, data);
       }
-
     },
     image: {
       open() {
         return '';
       },
-
       close(entity) {
         var _entity$data8, _data$link, _data$link2;
-
         const asset = assets[entity === null || entity === void 0 ? void 0 : (_entity$data8 = entity.data) === null || _entity$data8 === void 0 ? void 0 : _entity$data8.id];
-
         if (!(entity !== null && entity !== void 0 && entity.data) || asset === undefined) {
           return '';
         }
-
         const {
           data
         } = entity;
         const imageUrlOptions = process.env.NODE_ENV === 'production' ? {} : {
           baseUrl: 'https://images.dev.takeshape.io'
         };
-        return imageTemplateMdx(prefix, { ...data,
+        return imageTemplateMdx(prefix, {
+          ...data,
           assetId: data.id,
           assetPath: asset.path,
           credit: getAssetField(data, asset, 'credit'),
@@ -374,15 +324,12 @@ export function draftjsToMdx(draftjs, assets, prefix = mdxShortcodePrefix) {
           src: getImageUrl(asset.path, data.imageParams, imageUrlOptions)
         });
       }
-
     }
   });
 }
-
 function getAssetIdFromImageSrc(src) {
   return new Url(src).pathname.split('/')[3];
 }
-
 function parseFigureClass(className) {
   if (className === undefined) {
     return {
@@ -390,56 +337,44 @@ function parseFigureClass(className) {
       size: undefined
     };
   }
-
   const parts = className.split(' ');
   return {
     alignment: parts[0],
     size: parts[1]
   };
-} // eslint-disable-next-line complexity
-
+}
 
+// eslint-disable-next-line complexity
 function htmlDomToDraftjsImage(dom, item, entityKeyGenerator) {
   for (const figure of dom) {
     if (figure.type === 'tag' && figure.name === 'figure') {
       var _figure$children, _figure$children2, _figcaption, _figcaption2, _caption, _credit, _link, _link2;
-
       let link;
       const figureChildOne = (_figure$children = figure.children) === null || _figure$children === void 0 ? void 0 : _figure$children[0];
       const figureChildTwo = (_figure$children2 = figure.children) === null || _figure$children2 === void 0 ? void 0 : _figure$children2[1];
-
       if ((figureChildOne === null || figureChildOne === void 0 ? void 0 : figureChildOne.type) === 'tag' && (figureChildOne === null || figureChildOne === void 0 ? void 0 : figureChildOne.name) === 'a') {
         link = figureChildOne;
       }
-
       let figcaption;
-
       if ((figureChildOne === null || figureChildOne === void 0 ? void 0 : figureChildOne.type) === 'tag' && (figureChildOne === null || figureChildOne === void 0 ? void 0 : figureChildOne.name) === 'figcaption') {
         figcaption = figureChildOne;
       } else if ((figureChildTwo === null || figureChildTwo === void 0 ? void 0 : figureChildTwo.type) === 'tag' && (figureChildTwo === null || figureChildTwo === void 0 ? void 0 : figureChildTwo.name) === 'figcaption') {
         figcaption = figure.children[1];
       }
-
       const img = link ? link.children[0] : figure.children[0];
-
       if ((img === null || img === void 0 ? void 0 : img.type) !== 'tag' || (img === null || img === void 0 ? void 0 : img.name) !== 'img') {
         return;
       }
-
       const figcaptionChild = (_figcaption = figcaption) === null || _figcaption === void 0 ? void 0 : _figcaption.children[0];
       let caption;
-
       if ((figcaptionChild === null || figcaptionChild === void 0 ? void 0 : figcaptionChild.type) === 'tag' && (figcaptionChild === null || figcaptionChild === void 0 ? void 0 : figcaptionChild.name) === 'span' && (figcaptionChild === null || figcaptionChild === void 0 ? void 0 : figcaptionChild.attribs.class) === 'caption') {
         caption = figcaptionChild;
       }
-
       const captionChildThree = (_figcaption2 = figcaption) === null || _figcaption2 === void 0 ? void 0 : _figcaption2.children[2];
       let credit;
-
       if ((captionChildThree === null || captionChildThree === void 0 ? void 0 : captionChildThree.type) === 'tag' && (captionChildThree === null || captionChildThree === void 0 ? void 0 : captionChildThree.name) === 'span' && (captionChildThree === null || captionChildThree === void 0 ? void 0 : captionChildThree.attribs.class) === 'credit') {
         credit = captionChildThree;
       }
-
       const {
         alignment,
         size
@@ -459,22 +394,17 @@ function htmlDomToDraftjsImage(dom, item, entityKeyGenerator) {
     }
   }
 }
-
 function htmlDomToOembed(dom, item, entityKeyGenerator) {
   for (const oembedDiv of dom) {
     if (oembedDiv.type === 'tag' && oembedDiv.name === 'div' && oembedDiv.attribs.class === 'oembed') {
       const blockquote = oembedDiv.children[0];
-
       if ((blockquote === null || blockquote === void 0 ? void 0 : blockquote.type) !== 'tag' || (blockquote === null || blockquote === void 0 ? void 0 : blockquote.name) !== 'blockquote') {
         return;
       }
-
       const script = oembedDiv.children[2];
-
       if ((script === null || script === void 0 ? void 0 : script.type) !== 'script' || (script === null || script === void 0 ? void 0 : script.name) !== 'script') {
         return;
       }
-
       return getDraftjsOembed({
         html: `${render(blockquote)}\n${render(script)}\n`,
         key: entityKeyGenerator(),
@@ -483,7 +413,6 @@ function htmlDomToOembed(dom, item, entityKeyGenerator) {
     }
   }
 }
-
 function mdxToDraftjsOembed(item, entityKeyGenerator) {
   if (item.content.startsWith(`<${mdxShortcodePrefix('Oembed')}`)) {
     const dom = parseDOM(item.content)[0];
@@ -504,16 +433,13 @@ function mdxToDraftjsOembed(item, entityKeyGenerator) {
     });
   }
 }
-
 function htmlDomToPullquote(dom, item) {
   for (const pullquote of dom) {
     if (pullquote.type === 'tag' && pullquote.name === 'aside' && pullquote.attribs.style === pullquoteStyle) {
       const text = pullquote.children[0];
-
       if ((text === null || text === void 0 ? void 0 : text.type) !== 'text') {
         return;
       }
-
       return getDraftjsPullquote({
         text: text.data,
         depth: item.level
@@ -521,7 +447,6 @@ function htmlDomToPullquote(dom, item) {
     }
   }
 }
-
 function fromMd(md, blockEntities, blockTypes) {
   md = md.replace(/\\\+/g, '+').replace(/\\~/g, '~').replace(/\\\^/g, '^');
   return markdownToDraft(md, {
@@ -540,7 +465,6 @@ function fromMd(md, blockEntities, blockTypes) {
         if (!item) {
           return getDraftjsEmpty();
         }
-
         return {
           key: shortid.generate(),
           text: ' ',
@@ -551,12 +475,10 @@ function fromMd(md, blockEntities, blockTypes) {
           data: {}
         };
       },
-
       fence(item) {
         if (!item) {
           return getDraftjsEmpty();
         }
-
         return {
           type: 'code-block',
           data: {
@@ -569,54 +491,44 @@ function fromMd(md, blockEntities, blockTypes) {
           inlineStyleRanges: []
         };
       },
-
       ...blockTypes
     }
   });
 }
-
 export function mdToDraftjs(mdx) {
-  const entities = {}; // Start really high to avoid conflicts with keys created by markdown-draft-js
+  const entities = {};
 
+  // Start really high to avoid conflicts with keys created by markdown-draft-js
   let currentEntityKey = 1000000;
-
   function entityKeyGenerator() {
     return currentEntityKey++;
   }
-
   const result = fromMd(mdx, {}, {
     htmlblock(item) {
       if (item === undefined) {
         return getDraftjsEmpty();
       }
-
       const dom = parseDOM(item.content);
       const image = htmlDomToDraftjsImage(dom, item, entityKeyGenerator);
-
       if (image) {
         Object.assign(entities, image.entities);
         return image.contentBlock;
       }
-
       const oembed = htmlDomToOembed(dom, item, entityKeyGenerator);
-
       if (oembed) {
         Object.assign(entities, oembed.entities);
         return oembed.contentBlock;
       }
-
       const pullquote = htmlDomToPullquote(dom, item);
-
       if (pullquote) {
         Object.assign(entities, pullquote.entities);
         return pullquote.contentBlock;
       }
-
       return getDraftjsEmpty(item.level);
     }
-
   });
-  result.entityMap = { ...result.entityMap,
+  result.entityMap = {
+    ...result.entityMap,
     ...entities
   };
   return result;
@@ -624,7 +536,6 @@ export function mdToDraftjs(mdx) {
 export function getImagePathFromUrl(url) {
   return new Url(url).pathname.substr(1);
 }
-
 function mdxToBr(item) {
   if (item.content.startsWith('<br/>')) {
     return {
@@ -637,7 +548,6 @@ function mdxToBr(item) {
     };
   }
 }
-
 function mdxToLinkData(item) {
   if (item.content.startsWith('<TSExternalLink')) {
     const dom = parseDOM(item.content)[0];
@@ -648,7 +558,6 @@ function mdxToLinkData(item) {
     };
   }
 }
-
 function mdxToDraftjsImage(item, entityKeyGenerator) {
   if (item.content.startsWith(`<${mdxShortcodePrefix('Image')}`)) {
     const dom = parseDOM(item.content)[0];
@@ -666,7 +575,6 @@ function mdxToDraftjsImage(item, entityKeyGenerator) {
     });
   }
 }
-
 function mdxToDraftjsPullquote(item) {
   if (item.content.startsWith(`<${mdxShortcodePrefix('Pullquote')}`)) {
     const dom = parseDOM(item.content)[0];
@@ -676,7 +584,6 @@ function mdxToDraftjsPullquote(item) {
     });
   }
 }
-
 /**
  * Mutates result to replace empty entities with links,
  * assuming there is nothing else they could be...
@@ -684,35 +591,27 @@ function mdxToDraftjsPullquote(item) {
 function addLinks(state, links) {
   let linkNumber = 0;
   let linkOpen = false;
-
   for (const block of state.blocks) {
     let blockIsCustom = false;
-
     for (const [i, entityRange] of block.entityRanges.entries()) {
       var _entity$data9;
-
       const entity = state.entityMap[entityRange.key];
-
       if (entity === undefined) {
         throw new Error('Missing entity');
       }
-
       if (i === 0 && (_entity$data9 = entity.data) !== null && _entity$data9 !== void 0 && _entity$data9.marker) {
         blockIsCustom = true;
         continue;
       }
-
       if (blockIsCustom && i === Object.keys(block.entityRanges).length - 1) {
         continue;
-      } // Ignore line breaks that were inserted around blocks
-
+      }
 
+      // Ignore line breaks that were inserted around blocks
       if (entity.depth === undefined) {
         continue;
       }
-
       const link = links[linkNumber];
-
       if (link && !linkOpen) {
         entity.type = 'LINK';
         entity.mutability = 'MUTABLE';
@@ -722,66 +621,54 @@ function addLinks(state, links) {
         entityRange.length += decodedText.length;
         linkNumber++;
       }
-
       linkOpen = !linkOpen;
     }
   }
 }
+
 /**
  * Mutate state to replace blocks with our custom versions
  * Return a list of entity keys that should be removed
  */
-
-
 function replaceBlocks(state, replacementBlocks) {
   let entityKeysToExclude = [];
-
   for (let i = 0; i < state.blocks.length; i++) {
     const block = state.blocks[i];
-
     for (const entityKey of Object.keys(state.entityMap)) {
       let removeBlockEntityKeys = false;
       const blockEntityKeys = block.entityRanges.map(range => range.key);
-
       if (blockEntityKeys.includes(Number(entityKey))) {
         var _entity$data10;
-
         const entity = state.entityMap[entityKey];
         const markerKey = (_entity$data10 = entity.data) === null || _entity$data10 === void 0 ? void 0 : _entity$data10.marker;
         const replacementBlock = replacementBlocks[markerKey];
-
         if (replacementBlock && !removeBlockEntityKeys) {
           const originalBlock = state.blocks[i];
           const originalBlockText = state.blocks[i].text;
           replacementBlock.text = originalBlockText !== '' ? originalBlockText : replacementBlock.text;
           replacementBlock.inlineStyleRanges = originalBlock.inlineStyleRanges;
-          const removeBlockEntities = entity.data.type === 'image' || entity.data.type === 'oembed'; // eslint-disable-next-line max-depth
-
+          const removeBlockEntities = entity.data.type === 'image' || entity.data.type === 'oembed';
+          // eslint-disable-next-line max-depth
           if (!removeBlockEntities) {
             replacementBlock.entityRanges = originalBlock.entityRanges.filter(entityRange => {
               var _state$entityMap$enti;
-
               return ((_state$entityMap$enti = state.entityMap[entityRange.key].data) === null || _state$entityMap$enti === void 0 ? void 0 : _state$entityMap$enti.marker) === undefined;
             });
           }
-
-          state.blocks[i] = replacementBlock; // eslint-disable-next-line max-depth
-
+          state.blocks[i] = replacementBlock;
+          // eslint-disable-next-line max-depth
           if (removeBlockEntities) {
             removeBlockEntityKeys = true;
           }
         }
       }
-
       if (removeBlockEntityKeys) {
         entityKeysToExclude = entityKeysToExclude.concat(blockEntityKeys);
       }
     }
   }
-
   return entityKeysToExclude;
 }
-
 const blockStarts = [{
   regex: ' <TSImage',
   replacement: ' <TSImage'
@@ -809,58 +696,51 @@ const blockEnds = [{
   regex: '```',
   replacement: '```'
 }];
-
 const getLookBehindValue = (end, str) => {
   if (end.lookBehind) {
     // eslint-disable-next-line security-node/non-literal-reg-expr
     const behindMatch = new RegExp(end.lookBehind).exec(str);
-
     if (behindMatch) {
       return behindMatch[0];
     }
   }
-
   return '';
 };
+
 /**
  * Make sure there is a place to put the cursor around block-level items such as images and oembeds
  */
-
-
 export function insertBreaksAroundBlocks(mdx) {
   for (const start of blockStarts) {
     // eslint-disable-next-line security-node/non-literal-reg-expr
     mdx = mdx.replace(new RegExp(`^${start.regex}`, 'g'), `<br/>\n\n${start.replacement}`);
   }
-
   for (const end of blockEnds) {
     // eslint-disable-next-line security-node/non-literal-reg-expr
     mdx = mdx.replace(new RegExp(`${end.lookBehind ?? ''}${end.regex}\\s*$`, 'g'), match => {
       return `${getLookBehindValue(end, match)}${end.replacement}\n\n<br/>`;
     });
-
     for (const start of blockStarts) {
-      mdx = mdx.replace( // eslint-disable-next-line security-node/non-literal-reg-expr
+      mdx = mdx.replace(
+      // eslint-disable-next-line security-node/non-literal-reg-expr
       new RegExp(`${end.lookBehind ?? ''}${end.regex}\\s*${start.regex}`, 'g'), match => {
         return `${getLookBehindValue(end, match)}${end.replacement ?? 'FFF'}\n\n<br/>\n\n${start.replacement}`;
       });
     }
   }
-
   return mdx;
 }
 export function mdxToDraftjs(mdx) {
   const replacementBlocks = {};
   const entities = {};
   const oembedKeyToHtml = {};
-  let currentOembedKey; // Start really high to avoid conflicts with keys created by markdown-draft-js
+  let currentOembedKey;
 
+  // Start really high to avoid conflicts with keys created by markdown-draft-js
   let currentEntityKey = 1000000;
-
   function entityKeyGenerator() {
     return currentEntityKey++;
   }
-
   mdx = insertBreaksAroundBlocks(mdx);
   const links = [];
   const result = fromMd(mdx, {
@@ -868,21 +748,15 @@ export function mdxToDraftjs(mdx) {
       if (item === undefined) {
         return getDraftjsEmpty();
       }
-
       const br = mdxToBr(item);
-
       if (br) {
         return br;
       }
-
       const linkData = mdxToLinkData(item);
-
       if (linkData) {
         links.push(linkData);
       }
-
       const image = mdxToDraftjsImage(item, entityKeyGenerator);
-
       if (image) {
         replacementBlocks[image.contentBlock.key] = image.contentBlock;
         Object.assign(entities, image.entities);
@@ -893,9 +767,7 @@ export function mdxToDraftjs(mdx) {
           }
         };
       }
-
       const oembed = mdxToDraftjsOembed(item, entityKeyGenerator);
-
       if (oembed) {
         currentOembedKey = Object.keys(oembed.entities)[0];
         replacementBlocks[oembed.contentBlock.key] = oembed.contentBlock;
@@ -907,9 +779,7 @@ export function mdxToDraftjs(mdx) {
           }
         };
       }
-
       const pullquote = mdxToDraftjsPullquote(item);
-
       if (pullquote) {
         replacementBlocks[pullquote.contentBlock.key] = pullquote.contentBlock;
         Object.assign(entities, pullquote.entities);
@@ -920,20 +790,16 @@ export function mdxToDraftjs(mdx) {
           }
         };
       }
-
       return getDraftjsEmpty(item.level);
     }
-
   }, {
     htmlblock(item) {
       if (item && currentOembedKey) {
         oembedKeyToHtml[currentOembedKey] = item.content.replace(`</${mdxShortcodePrefix('Oembed')}>\n`, '');
         currentOembedKey = undefined;
       }
-
       return getDraftjsRemovalMarker();
     }
-
   });
   addLinks(result, links);
   const entityKeysToExclude = replaceBlocks(result, replacementBlocks);
@@ -941,11 +807,11 @@ export function mdxToDraftjs(mdx) {
   forEach(oembedKeyToHtml, (html, key) => {
     entities[key].data.html = html;
   });
-  result.entityMap = pickBy({ ...result.entityMap,
+  result.entityMap = pickBy({
+    ...result.entityMap,
     ...entities
   }, (entity, key) => {
     var _entity$data11;
-
     return ((_entity$data11 = entity.data) === null || _entity$data11 === void 0 ? void 0 : _entity$data11.marker) === undefined && !entityKeysToExclude.includes(Number(key));
   });
   return result;