rme 0.0.72 → 0.0.74

package/dist/index.mjs

@@ -4455,6 +4455,9 @@ function getTagName(str) {
   }
   return "";
 }
+function isImageElement(el) {
+  return el && el.tagName?.toLocaleUpperCase() === "IMG";
+}
 function buildHtmlStringFromAst(ast) {
   let attrs = "";
   if (ast.attrs) {
@@ -5305,21 +5308,21 @@ import { isTextSelection as isTextSelection2, PlainExtension as PlainExtension2
 import { Decoration as Decoration2, DecorationSet as DecorationSet2 } from "@remirror/pm/view";
 
 // src/editor/extensions/Inline/inline-mark-extensions.ts
-import { MarkExtension as MarkExtension2, extension as extension2, keyBinding } from "@remirror/core";
+import { MarkExtension, extension, keyBinding } from "@remirror/core";
 
 // src/editor/extensions/Inline/format-href.ts
-function formatHref(location) {
-  if (isUnixFilePath(location) || isWindowsFilePath(location)) {
-    return formatFileUrl(location);
+function formatHref(location2) {
+  if (isUnixFilePath(location2) || isWindowsFilePath(location2)) {
+    return formatFileUrl(location2);
   } else {
-    return location;
+    return location2;
   }
 }
-function isUnixFilePath(location) {
-  return location.startsWith("/");
+function isUnixFilePath(location2) {
+  return location2.startsWith("/");
 }
-function isWindowsFilePath(location) {
-  return location.startsWith("\\") || /^[A-Z]{1,2}:/.test(location);
+function isWindowsFilePath(location2) {
+  return location2.startsWith("\\") || /^[A-Z]{1,2}:/.test(location2);
 }
 function formatFileUrl(filePath) {
   let pathName = filePath;
@@ -5538,6 +5541,8 @@ import { gfmStrikethroughFromMarkdown } from "mdast-util-gfm-strikethrough";
 import { gfmAutolinkLiteral } from "micromark-extension-gfm-autolink-literal";
 import { gfmStrikethrough } from "micromark-extension-gfm-strikethrough";
 import { nanoid } from "nanoid";
+import voidElements from "void-elements";
+import { cloneDeep } from "lodash";
 gfmAutolinkLiteralFromMarkdown.transforms = [];
 function fixMarkNames(marks) {
   if (marks.length <= 1)
@@ -5850,136 +5855,115 @@ function parseMdInline(phrasingContents, depth = 1) {
   }
   return inlineTokens;
 }
-var splitHtmlTokens = (tokens) => {
-  let splitArr = [];
-  for (let i = 0; i < tokens.length; i++) {
-    const cur = tokens[i];
-    if (cur.type === "html") {
-      const isClosing = isClosingTag(cur.value);
-      const curTagName = getTagName(cur.value);
-      if (needSplitInlineHtmlTokenTags.includes(curTagName)) {
-        continue;
-      }
-      if (!isClosing) {
-        const nextSelfCloseIndex = tokens.slice(i).findIndex((t3) => {
-          return getTagName(t3.value) === curTagName && isClosingTag(t3.value);
-        });
-        if (nextSelfCloseIndex >= 0) {
-          splitArr.push({
-            tagName: curTagName,
-            attrs: getAttrsBySignalHtmlContent(cur.value),
-            scope: [i, nextSelfCloseIndex + i]
-          });
-          i = nextSelfCloseIndex + i - 1;
+function mergePhrasingContents(phrasingContents, startIndex, endIndex) {
+  const merged = cloneDeep(phrasingContents[startIndex]);
+  for (let i = startIndex + 1; i <= endIndex; i++) {
+    merged.value += phrasingContents[i].value || "";
+    merged.position.end = phrasingContents[i].position.end;
+    merged.complete = true;
+  }
+  phrasingContents.splice(startIndex, endIndex - startIndex + 1, merged);
+  return phrasingContents;
+}
+function getMergeArr(phrasingContents) {
+  const unCloseedHtmlStack = [];
+  const mergeArr = [];
+  for (let i = 0; i < phrasingContents.length; i++) {
+    const phrasingContent = phrasingContents[i];
+    if (phrasingContent.type === "html") {
+      const tagName = getTagName(phrasingContent.value);
+      const htmlNode = {
+        tag: tagName,
+        voidElement: !!voidElements[tagName],
+        isClosingTag: isClosingTag(phrasingContent.value),
+        index: i
+      };
+      if (!htmlNode.voidElement) {
+        if (!htmlNode.isClosingTag) {
+          unCloseedHtmlStack.push(htmlNode);
+        } else if (unCloseedHtmlStack[unCloseedHtmlStack.length - 1]?.tag === htmlNode.tag) {
+          if (unCloseedHtmlStack.length >= 1) {
+            mergeArr.push([unCloseedHtmlStack.pop(), htmlNode]);
+            phrasingContent.complete = true;
+          }
         }
+      } else {
+        phrasingContent.complete = true;
       }
     }
   }
-  return splitArr;
-};
-function flatHTMLInlineToken(mdastToken) {
-  const allTokens = [...mdastToken];
-  const markHtmlTokens = (tokens, depth) => {
-    const splitArr = splitHtmlTokens(tokens);
-    if (splitArr.length === 0) {
-      return;
+  for (let i = 0; i < mergeArr.length; i++) {
+    const merge = mergeArr[i];
+    const startIndex = merge[0].index;
+    const endIndex = merge[1].index;
+    const parentNode = mergeArr.findIndex(
+      (item) => item[0].index < startIndex && item[1].index > endIndex
+    );
+    if (parentNode >= 0) {
+      mergeArr.splice(i, 1);
+      i--;
     }
-    splitArr.forEach((arr) => {
-      tokens[arr.scope[0]].start = true;
-      tokens[arr.scope[0]].complete = true;
-      tokens[arr.scope[1]].end = true;
-      tokens[arr.scope[1]].complete = true;
-      const start = arr.scope[0] + 1;
-      const end = arr.scope[1];
-      if (start === end) {
-        return;
-      }
-      const scopeTokens = tokens.slice(start, end);
-      scopeTokens.forEach((token) => {
-        token.depth = depth + 1;
-        if (token.htmlSpec) {
-          token.htmlSpec.push({
-            tagName: arr.tagName,
-            attrs: arr.attrs
-          });
-        } else {
-          token.htmlSpec = [
-            {
-              tagName: arr.tagName,
-              attrs: arr.attrs
-            }
-          ];
-        }
-      });
-      markHtmlTokens(scopeTokens, depth + 1);
-    });
-  };
-  markHtmlTokens(allTokens, 1);
-  const res = [];
-  allTokens.forEach((token) => {
-    if (token.type === "html") {
-      if (token.complete) {
-        res.push({
-          marks: ["mdMark"],
+  }
+  return mergeArr;
+}
+function mergeHtmlPhrasingContents(phrasingContents) {
+  const mergeArr = getMergeArr(phrasingContents);
+  let offset = 0;
+  mergeArr.forEach((merge) => {
+    const startIndex = merge[0].index + offset;
+    const endIndex = merge[1].index + offset;
+    mergePhrasingContents(phrasingContents, startIndex, endIndex);
+    offset += startIndex - endIndex;
+  });
+}
+function hasHtmlToken(mdastToken) {
+  for (const token of mdastToken) {
+    if (token.type === "html" && !needSplitInlineHtmlTokenTags.includes(getTagName(token.value))) {
+      return true;
+    }
+  }
+  return false;
+}
+function flatHTMLInlineCode(phrasingContents, depth = 1) {
+  mergeHtmlPhrasingContents(phrasingContents);
+  const inlineTokens = [];
+  phrasingContents.forEach((phrascontent) => {
+    if (phrascontent.type === "html") {
+      if (phrascontent.complete) {
+        inlineTokens.push({
+          marks: ["mdHtmlInline"],
           attrs: {
-            depth: token.depth || 1,
-            first: !!token.start,
-            last: !!token.end
+            depth: 1,
+            htmlText: phrascontent.value,
+            key: nanoid(),
+            first: true,
+            last: true
           },
-          start: token.position?.start?.offset,
-          end: token.position?.end?.offset
+          start: phrascontent.position.start.offset,
+          end: phrascontent.position.end.offset
         });
       } else {
-        res.push({
+        inlineTokens.push({
           marks: ["mdText"],
-          attrs: {
-            depth: token.depth || 1,
-            first: true,
-            last: true,
-            class: "html_tag"
-          },
-          start: token.position?.start?.offset,
-          end: token.position?.end?.offset
+          attrs: { depth, first: true, last: true },
+          start: phrascontent.position.start.offset,
+          end: phrascontent.position.end.offset
         });
       }
     } else {
-      const nodes = flatPhrasingContent(token, token.depth || 1);
-      if (token.htmlSpec && nodes.length > 0) {
-        for (const node of nodes) {
-          node.marks.push("mdHtmlInline");
-          node.attrs.htmlSpec = token.htmlSpec;
-        }
-      }
-      res.push(...nodes);
+      const tokens = flatPhrasingContent(phrascontent, depth);
+      inlineTokens.push(...fixTokensMarkNames(tokens));
     }
   });
-  return res;
-}
-function hasHtmlToken(mdastToken) {
-  for (const token of mdastToken) {
-    if (token.type === "html" && !needSplitInlineHtmlTokenTags.includes(getTagName(token.value))) {
-      return true;
-    }
-  }
-  return false;
+  return inlineTokens;
 }
 function fromInlineMarkdown(text) {
   const phrasingContents = parseInlineMarkdown(text);
   if (hasHtmlToken(phrasingContents)) {
-    const nodes = flatHTMLInlineToken(phrasingContents);
-    return nodes;
+    return flatHTMLInlineCode(phrasingContents);
   }
-  const tokens = parseMdInline(phrasingContents);
-  return tokens;
+  return parseMdInline(phrasingContents);
 }
-var canCreateDomTagName = (tagName) => {
-  try {
-    document.createElement(tagName);
-    return true;
-  } catch (error) {
-    return false;
-  }
-};
 
 // src/editor/extensions/Inline/inline-mark-helpers.ts
 function parseTextBlock(schema, node, startPos, output) {
@@ -6202,58 +6186,6 @@ function deleteTextBlockChild(tr, textBlockNode, textBlockStart, childIndex) {
   return tr.delete(offset, offset + textBlockNode.child(childIndex).nodeSize);
 }
 
-// src/editor/extensions/HtmlNode/html-inline-marks.ts
-import { extension, MarkExtension } from "remirror";
-var HtmlInlineMarks = class extends MarkExtension {
-  get name() {
-    return "mdHtmlInline";
-  }
-  createMarkSpec() {
-    return {
-      spanning: false,
-      attrs: {
-        depth: { default: 0 },
-        first: { default: false },
-        last: { default: false },
-        htmlSpec: { default: [] }
-      },
-      toDOM: (mark) => {
-        const htmlSpec = mark.attrs.htmlSpec.filter(
-          (spec) => canCreateDomTagName(spec.tagName)
-        );
-        if (htmlSpec.length >= 1) {
-          const getDomSpec = (spec) => {
-            const curSpec = spec[0];
-            const res = [curSpec.tagName];
-            if (curSpec.attrs) {
-              res.push(curSpec.attrs);
-            }
-            if (spec.length > 1) {
-              res.push(getDomSpec(spec.slice(1)));
-            } else {
-              res.push(0);
-            }
-            return res;
-          };
-          return getDomSpec(htmlSpec);
-        }
-        return ["span"];
-      }
-    };
-  }
-};
-HtmlInlineMarks.disableExtraAttributes = true;
-HtmlInlineMarks = __decorateClass([
-  extension({
-    defaultOptions: {
-      handleViewImgSrcUrl: async (src) => src
-    },
-    staticKeys: [],
-    handlerKeys: [],
-    customHandlerKeys: []
-  })
-], HtmlInlineMarks);
-
 // src/editor/extensions/Inline/inline-mark-extensions.ts
 var commonAttrs = {
   depth: { default: 0 }
@@ -6264,7 +6196,7 @@ var endpointAttrs = {
   last: { default: false },
   class: { default: "" }
 };
-var MetaKey = class extends MarkExtension2 {
+var MetaKey = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6284,7 +6216,7 @@ var MetaKey = class extends MarkExtension2 {
     };
   }
 };
-var PlainText = class extends MarkExtension2 {
+var PlainText = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6298,7 +6230,7 @@ var PlainText = class extends MarkExtension2 {
     };
   }
 };
-var Emphasis = class extends MarkExtension2 {
+var Emphasis = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6318,7 +6250,7 @@ var Emphasis = class extends MarkExtension2 {
 __decorateClass([
   keyBinding({ shortcut: "mod-i", command: "toggleEmphasis" })
 ], Emphasis.prototype, "shortcut", 1);
-var Strong = class extends MarkExtension2 {
+var Strong = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6338,7 +6270,7 @@ var Strong = class extends MarkExtension2 {
 __decorateClass([
   keyBinding({ shortcut: "mod-b", command: "toggleStrong" })
 ], Strong.prototype, "shortcut", 1);
-var CodeText = class extends MarkExtension2 {
+var CodeText = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6358,7 +6290,7 @@ var CodeText = class extends MarkExtension2 {
 __decorateClass([
   keyBinding({ shortcut: "mod-e", command: "toggleCodeText" })
 ], CodeText.prototype, "shortcut", 1);
-var CodeSpace = class extends MarkExtension2 {
+var CodeSpace = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6372,7 +6304,7 @@ var CodeSpace = class extends MarkExtension2 {
     };
   }
 };
-var Delete = class extends MarkExtension2 {
+var Delete = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6392,7 +6324,7 @@ var Delete = class extends MarkExtension2 {
 __decorateClass([
   keyBinding({ shortcut: "mod-shift-s", command: "toggleDelete" })
 ], Delete.prototype, "shortcut", 1);
-var LinkText = class extends MarkExtension2 {
+var LinkText = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6417,7 +6349,7 @@ var LinkText = class extends MarkExtension2 {
     };
   }
 };
-var LinkUri = class extends MarkExtension2 {
+var LinkUri = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6432,7 +6364,7 @@ var LinkUri = class extends MarkExtension2 {
     };
   }
 };
-var ImgText = class extends MarkExtension2 {
+var ImgText = class extends MarkExtension {
   static {
     this.disableExtraAttributes = true;
   }
@@ -6448,7 +6380,7 @@ var ImgText = class extends MarkExtension2 {
   }
 };
 var globalImageHrefCache = /* @__PURE__ */ new Map();
-var ImgUri = class extends MarkExtension2 {
+var ImgUri = class extends MarkExtension {
   constructor() {
     super(...arguments);
     this.createNodeViews = () => {
@@ -6496,7 +6428,7 @@ var ImgUri = class extends MarkExtension2 {
 };
 ImgUri.disableExtraAttributes = true;
 ImgUri = __decorateClass([
-  extension2({
+  extension({
     defaultOptions: {
       handleViewImgSrcUrl: async (src) => src
     },
@@ -6528,8 +6460,8 @@ var markExtensions = (options = {}) => [
   new ImgText(),
   new ImgUri({
     handleViewImgSrcUrl: options.handleViewImgSrcUrl
-  }),
-  new HtmlInlineMarks()
+  })
+  // new HtmlInlineMarks(),
 ];
 
 // src/editor/extensions/Inline/inline-deco-extension.ts
@@ -6939,7 +6871,7 @@ var import_escape_string_regexp = __toESM(require_escape_string_regexp(), 1);
 var import_string_prototype = __toESM(require_string_prototype2(), 1);
 import {
   command,
-  extension as extension4,
+  extension as extension3,
   helper,
   PlainExtension as PlainExtension5
 } from "@remirror/core";
@@ -7302,8 +7234,57 @@ var WysiwygThemeWrapper = styled.div.attrs((p) => ({
     padding: 0;
   }
 
+
   & input[type='checkbox'] {
-    accent-color: #58a6ff;
+    /* Add if not using autoprefixer */
+    -webkit-appearance: none;
+    /* Remove most all native input styles */
+    appearance: none;
+    /* Not removed via appearance */
+    margin: 0;
+
+    font: inherit;
+    color: currentColor;
+    width: 1.15em;
+    height: 1.15em;
+    border: 1px solid currentColor;
+    border-radius: 4px;
+    transform: translateY(0.25em);
+
+    display: grid;
+    place-content: center;
+  }
+
+  & input[type='checkbox']:checked {
+    background-color: ${(props) => props.theme.accentColor};
+  }
+
+  & input[type='checkbox']:checked::before {
+    transform: scale(1);
+  }
+
+  & input[type='checkbox']::before {
+    content: '';
+    width: 0.75em;
+    height: 0.75em;
+    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
+    transform: scale(0);
+    transform-origin: bottom left;
+    transition: 120ms transform ease-in-out;
+    /* Windows High Contrast Mode */
+    background-color: CanvasText;
+  }
+
+  & input[type='checkbox']:focus {
+    outline: max(2px, 0.15em) solid currentColor;
+    outline-offset: max(2px, 0.15em);
+  }
+
+  & input[type='checkbox']:disabled {
+    --form-control-color: #eee;
+
+    color: #eee;
+    cursor: not-allowed;
   }
 
   & a:focus,
@@ -8754,7 +8735,7 @@ var defaultIgnoredKeys = [
 ];
 
 // src/editor/extensions/SlashMenu/slashmenu-extension.ts
-import { PlainExtension as PlainExtension4, extension as extension3 } from "remirror";
+import { PlainExtension as PlainExtension4, extension as extension2 } from "remirror";
 
 // src/editor/extensions/SlashMenu/case.ts
 var defaultConditions = (openInSelection = false) => {
@@ -8887,7 +8868,7 @@ var SlashMenuExtension = class extends PlainExtension4 {
   }
 };
 SlashMenuExtension = __decorateClass([
-  extension3({
+  extension2({
     defaultOptions: {}
   })
 ], SlashMenuExtension);
@@ -9557,7 +9538,7 @@ __decorateClass([
   helper()
 ], FindExtension.prototype, "findRanges", 1);
 FindExtension = __decorateClass([
-  extension4({
+  extension3({
     defaultOptions: {
       decoration: { style: "background-color: yellow;" },
       activeDecoration: { style: "background-color: orange;" },
@@ -16645,7 +16626,7 @@ var LineHtmlBlockExtension = class extends NodeExtension {
 import {
   command as command2,
   ErrorConstant as ErrorConstant2,
-  extension as extension5,
+  extension as extension4,
   ExtensionTag,
   getTextSelection,
   invariant,
@@ -16659,7 +16640,7 @@ import { insertPoint } from "@remirror/pm/transform";
 import { ExtensionImageTheme } from "@remirror/theme";
 
 // src/editor/extensions/Image/image-nodeview.tsx
-import { Image, Popover } from "zens";
+import { Image as ZensImage, Popover } from "zens";
 
 // src/editor/extensions/Image/image-tool-tips.tsx
 import { useState as useState6 } from "react";
@@ -17207,7 +17188,6 @@ import { jsx as jsx15 } from "react/jsx-runtime";
 var warningFallBack = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAAAAACIM/FCAAAChElEQVR4Ae3aMW/TQBxAcb70k91AAiGuGlZAtOlQApWaDiSdklZq2RPUTm1xUWL3PgqSpygkXlh88N54nn7S2Trd3y/CP5IQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECBEiRIgQIUKECPmPIEKECBEiRIgQIeX82+FBO0naB4eTRRkt5P7sNWt1Rw9RQvKThI2SYR4f5OoVW2rfRAYpT6hqHc8WeVHki9mgRdWwiAmyfA9AdrlaW5tlAHxcxQMpK8feRbGxPEkrSREN5ARg/y780V0GMIwFcgXwLg9byvsAN3FA8lfAfr7jYQZ0nqKAfAb21vYVwNruSoEvMUDuE+Ai7IKECZA+RAA5A7JiN6TMgFHzIeUb4DLshoQZ0H1uPGQOvFzVQZYtYNF4yBg4DnWQMAAmjYccArN6yBQ4ajzkAFjUQ+ZAv/GQNpDXQ3Kg03hIAhT1kAJIhLi1/vJl39Ic6Mf3+a2K8PM7BgahtgEwjuKI0lqGjSI8opRdYFb3sk/jODSGEZCVuyFFDzgPzYc8JMBkN2QMpI8RQMIQ2LvdBblNgdM4Lh/aQJaHrf3sAe2nKCDhGqCfb3VEcx1UNQTItlzQ3fYAvoZYIMUHgHRSbiyPU4BPZUSX2JWEbLZcW5v2qByrmMYKxZCq1mA6z4sin08HLapOy8gGPddtttT5HuHobZiwUXr6K85h6KjLWm/PH+MdTy/GR/12knb6g8mPZ38YECJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAhQoQIESJEiBAh0fUb5q7oCGreEVEAAAAASUVORK5CYII=";
 function ImageNodeView(props) {
   const { node, selected, updateAttributes, handleViewImgSrcUrl } = props;
-  const [src, setSrc] = useState8("");
   const initRef = useRef5();
   const popoverStore = useRef5();
   const [open, setOpen] = useState8(selected);
@@ -17217,26 +17197,36 @@ function ImageNodeView(props) {
     }
     setOpen(selected);
   }, [selected]);
-  useEffect6(() => {
-    if (handleViewImgSrcUrl) {
-      handleViewImgSrcUrl(node.attrs.src).then((newSrc) => {
-        setSrc(newSrc);
-      });
-    } else {
-      setSrc(node.attrs.src);
-    }
-  }, [handleViewImgSrcUrl, node.attrs.src]);
   const handleStoreChange = (store) => popoverStore.current = store;
-  const Main = src ? /* @__PURE__ */ jsx15(Resizable, { controlInit: (init) => initRef.current = init, ...props, children: /* @__PURE__ */ jsx15(
-    Image,
+  const Main = /* @__PURE__ */ jsx15(Resizable, { controlInit: (init) => initRef.current = init, ...props, children: /* @__PURE__ */ jsx15(
+    ZensImage,
     {
-      fallback: warningFallBack,
       onLoad: () => initRef.current?.(),
-      preview: false,
-      ...node.attrs,
-      src
+      src: node.attrs.src,
+      imgPromise: (src) => {
+        return new Promise((resolve, reject) => {
+          const makeImageLoad = (targetSrc) => {
+            const img = new Image();
+            img.src = targetSrc;
+            img.onload = () => {
+              resolve(targetSrc);
+            };
+            img.onerror = () => {
+              reject(warningFallBack);
+            };
+          };
+          if (handleViewImgSrcUrl) {
+            handleViewImgSrcUrl(node.attrs.src).then((newSrc) => {
+              makeImageLoad(newSrc);
+            });
+          } else {
+            makeImageLoad(node.attrs.src);
+          }
+        });
+      },
+      ...node.attrs
     }
-  ) }) : /* @__PURE__ */ jsx15(Image, { src: warningFallBack, style: { width: "80px", height: "80px" } });
+  ) });
   if (!open) {
     return Main;
   }
@@ -17431,7 +17421,7 @@ __decorateClass([
   command2()
 ], HtmlImageExtension.prototype, "uploadImage", 1);
 HtmlImageExtension = __decorateClass([
-  extension5({
+  extension4({
     defaultOptions: {
       createPlaceholder,
       handleViewImgSrcUrl: async (src) => src,
@@ -17507,7 +17497,7 @@ var import_querystringify = __toESM(require_querystringify(), 1);
 import {
   command as command3,
   cx as cx2,
-  extension as extension6,
+  extension as extension5,
   ExtensionTag as ExtensionTag2,
   findSelectedNodeOfType,
   NodeExtension as NodeExtension3,
@@ -17670,7 +17660,7 @@ __decorateClass([
   command3()
 ], IframeExtension.prototype, "updateYouTubeVideo", 1);
 IframeExtension = __decorateClass([
-  extension6({
+  extension5({
     defaultOptions: {
       defaultSource: "",
       class: "remirror-iframe",
@@ -17711,7 +17701,7 @@ function createYouTubeUrl(props) {
 }
 
 // src/editor/extensions/Placeholder/index.ts
-import { extension as extension7, ManagerPhase, PlainExtension as PlainExtension6 } from "@remirror/core";
+import { extension as extension6, ManagerPhase, PlainExtension as PlainExtension6 } from "@remirror/core";
 import { Decoration as Decoration4, DecorationSet as DecorationSet4 } from "@remirror/pm/view";
 import { ExtensionPlaceholderTheme } from "@remirror/theme";
 var PlaceholderExtension = class extends PlainExtension6 {
@@ -17736,7 +17726,7 @@ var PlaceholderExtension = class extends PlainExtension6 {
   }
 };
 PlaceholderExtension = __decorateClass([
-  extension7({
+  extension6({
     defaultOptions: {
       emptyNodeClass: ExtensionPlaceholderTheme.IS_EMPTY,
       placeholder: ""
@@ -17764,7 +17754,7 @@ function createDecorationSet(props) {
 
 // src/editor/extensions/Clipboard/clipboard-extension.ts
 import { PlainExtension as PlainExtension7 } from "@remirror/core";
-import { DOMSerializer, DOMParser } from "@remirror/pm/model";
+import { DOMSerializer, DOMParser as DOMParser2 } from "@remirror/pm/model";
 function isPureText(content) {
   if (!content)
     return false;
@@ -17812,7 +17802,7 @@ var ClipboardExtension = class extends PlainExtension7 {
           const html2 = clipboardData.getData("text/html");
           if (html2.length === 0 && text.length === 0)
             return false;
-          const domParser = DOMParser.fromSchema(schema);
+          const domParser = DOMParser2.fromSchema(schema);
           let dom;
           if (html2.length === 0) {
             const slice2 = parser4?.(text);
@@ -17852,7 +17842,7 @@ var ClipboardExtension = class extends PlainExtension7 {
 };
 
 // src/editor/extensions/HtmlBr/br-extension.ts
-import { extension as extension8, ExtensionTag as ExtensionTag3, NodeExtension as NodeExtension4 } from "@remirror/core";
+import { extension as extension7, ExtensionTag as ExtensionTag3, NodeExtension as NodeExtension4 } from "@remirror/core";
 var HtmlBrExtension = class extends NodeExtension4 {
   get name() {
     return "html_br";
@@ -17892,11 +17882,74 @@ var HtmlBrExtension = class extends NodeExtension4 {
 };
 HtmlBrExtension.disableExtraAttributes = true;
 HtmlBrExtension = __decorateClass([
-  extension8({
+  extension7({
     defaultOptions: {}
   })
 ], HtmlBrExtension);
 
+// src/editor/extensions/HtmlNode/html-inline-extension.ts
+import { MarkExtension as MarkExtension2, extension as extension8 } from "remirror";
+var LineHtmlInlineExtension = class extends MarkExtension2 {
+  get name() {
+    return "mdHtmlInline";
+  }
+  createMarkSpec() {
+    return {
+      attrs: {
+        depth: { default: 0 },
+        key: {
+          default: ""
+        },
+        htmlText: {
+          default: ""
+        }
+      },
+      toDOM: (mark) => [
+        "span",
+        {
+          ...mark.attrs
+        },
+        0
+      ]
+    };
+  }
+  createNodeViews() {
+    return (node) => {
+      const container = document.createElement("span");
+      const domParser = new DOMParser();
+      const doc = domParser.parseFromString(node.attrs.htmlText || "", "text/html");
+      doc.body.childNodes.forEach((child) => {
+        if (isImageElement(child) && child.src && this.options.handleViewImgSrcUrl) {
+          let targetUrl = child.src;
+          if (child.src.includes(location.origin)) {
+            targetUrl = child.src.split(location.origin)[1];
+          }
+          this.options.handleViewImgSrcUrl(targetUrl).then((newHref) => {
+            child.src = newHref;
+          });
+        }
+        container.appendChild(child);
+      });
+      const contentDom = document.createElement("span");
+      container.appendChild(contentDom);
+      container.setAttribute("key", node.attrs.key);
+      contentDom.setAttribute("class", "md-html-inline");
+      return {
+        dom: container,
+        contentDOM: contentDom
+      };
+    };
+  }
+};
+LineHtmlInlineExtension.disableExtraAttributes = true;
+LineHtmlInlineExtension = __decorateClass([
+  extension8({
+    defaultOptions: {
+      handleViewImgSrcUrl: async (src) => src
+    }
+  })
+], LineHtmlInlineExtension);
+
 // src/editor/extensions/index.ts
 function extensions({ handleViewImgSrcUrl }) {
   return [
@@ -17912,6 +17965,9 @@ function extensions({ handleViewImgSrcUrl }) {
     new IframeExtension({
       enableResizing: true
     }),
+    new LineHtmlInlineExtension({
+      handleViewImgSrcUrl
+    }),
     new PlaceholderExtension({ placeholder: "Type '/' for commands" }),
     new LineHorizontalRuleExtension({}),
     new LineParagraphExtension(),