@milkdown/preset-commonmark 6.4.1 → 6.5.0

package/lib/index.es.js

@@ -1,6 +1,6 @@
 import { createMark as R, createShortcut as h, createNode as w, pipe as Oe, createPlugin as Se, AtomList as be } from "@milkdown/utils";
-import { createCmdKey as y, createCmd as M, commandsCtx as we, editorViewCtx as A, schemaCtx as P, getPalette as Ae, createSlice as Ee, serializerCtx as ve, parserCtx as _e } from "@milkdown/core";
-import { toggleMark as me, wrapIn as pe, setBlockType as S } from "@milkdown/prose/commands";
+import { createCmdKey as y, createCmd as M, commandsCtx as we, editorViewCtx as S, schemaCtx as P, getPalette as Ae, createSlice as Ee, serializerCtx as ve, parserCtx as _e } from "@milkdown/core";
+import { toggleMark as me, wrapIn as pe, setBlockType as A } from "@milkdown/prose/commands";
 import { expectDomTypeError as L, missingRootElement as $e } from "@milkdown/exception";
 import { calculateTextPosition as Pe, cloneTr as Be, findSelectedNodeOfType as K, getNodeFromSchema as Re } from "@milkdown/prose";
 import { PluginKey as T, TextSelection as J, Plugin as x, NodeSelection as We, Selection as Le } from "@milkdown/prose/state";
@@ -54,13 +54,13 @@ const k = {
   }),
   commands: (e) => [
     M(Z, () => (t, r) => {
-      const { selection: n, tr: s } = t;
+      const { selection: n, tr: o } = t;
       if (n.empty)
         return !1;
-      const { from: l, to: o } = n;
-      return t.doc.rangeHasMark(l, o, e) ? (r == null || r(s.removeMark(l, o, e)), !0) : (Object.keys(t.schema.marks).filter((u) => u !== e.name).map((u) => t.schema.marks[u]).forEach((u) => {
-        s.removeMark(l, o, u);
-      }), r == null || r(s.addMark(l, o, e.create())), !0);
+      const { from: l, to: s } = n;
+      return t.doc.rangeHasMark(l, s, e) ? (r == null || r(o.removeMark(l, s, e)), !0) : (Object.keys(t.schema.marks).filter((u) => u !== e.name).map((u) => t.schema.marks[u]).forEach((u) => {
+        o.removeMark(l, s, u);
+      }), r == null || r(o.addMark(l, s, e.create())), !0);
     })
   ],
   shortcuts: {
@@ -114,8 +114,8 @@ const k = {
     parseMarkdown: {
       match: (t) => t.type === "link",
       runner: (t, r, n) => {
-        const s = r.url, l = r.title;
-        t.openMark(n, { href: s, title: l }), t.next(r.children), t.closeMark(n);
+        const o = r.url, l = r.title;
+        t.openMark(n, { href: o, title: l }), t.next(r.children), t.closeMark(n);
       }
     },
     toMarkdown: {
@@ -130,24 +130,24 @@ const k = {
   }),
   commands: (t) => [
     M(xe, (r = "") => me(t, { href: r })),
-    M(te, (r = "") => (n, s) => {
+    M(te, (r = "") => (n, o) => {
       var I;
-      if (!s)
+      if (!o)
         return !1;
       const { marks: l } = n.schema;
-      let o, c = -1;
+      let s, c = -1;
       const { selection: i } = n, { from: u, to: f } = i;
       if (n.doc.nodesBetween(u, u === f ? f + 1 : f, (b, H) => {
         var C;
         if ((C = l.link) != null && C.isInSet(b.marks))
-          return o = b, c = H, !1;
-      }), !o)
+          return s = b, c = H, !1;
+      }), !s)
         return !1;
-      const d = o.marks.find(({ type: b }) => b === t);
+      const d = s.marks.find(({ type: b }) => b === t);
       if (!d)
         return !1;
-      const m = c, p = c + o.nodeSize, { tr: g } = n, N = (I = l.link) == null ? void 0 : I.create({ ...d.attrs, href: r });
-      return N ? (s(g.removeMark(m, p, d).addMark(m, p, N).setSelection(new J(g.selection.$anchor)).scrollIntoView()), !0) : !1;
+      const m = c, p = c + s.nodeSize, { tr: g } = n, N = (I = l.link) == null ? void 0 : I.create({ ...d.attrs, href: r });
+      return N ? (o(g.removeMark(m, p, d).addMark(m, p, N).setSelection(new J(g.selection.$anchor)).scrollIntoView()), !0) : !1;
     })
   ],
   prosePlugins: (t, r) => {
@@ -155,7 +155,7 @@ const k = {
     return [
       new x({
         key: Je,
-        view: (s) => {
+        view: (o) => {
           var u, f, d;
           const l = a.themeManager.get("input-chip", {
             placeholder: (f = (u = e == null ? void 0 : e.input) == null ? void 0 : u.placeholder) != null ? f : "Input Web Link",
@@ -176,7 +176,7 @@ const k = {
           });
           if (!l)
             return {};
-          const o = (m) => {
+          const s = (m) => {
             const { selection: p, doc: g } = m.state, { from: N, to: I } = p;
             if (!m.hasFocus())
               return !1;
@@ -202,9 +202,9 @@ const k = {
           }, i = (m) => {
             if (!m.editable)
               return;
-            o(m) ? (l.show(m), l.update(c(m))) : l.hide();
+            s(m) ? (l.show(m), l.update(c(m))) : l.hide();
           };
-          return l.init(s), i(s), {
+          return l.init(o), i(o), {
             update: (m, p) => {
               (p == null ? void 0 : p.doc.eq(m.state.doc)) && p.selection.eq(m.state.selection) || requestAnimationFrame(() => {
                 i(m);
@@ -306,8 +306,8 @@ const k = {
       parseMarkdown: {
         match: ({ type: t, ordered: r }) => t === "list" && !r,
         runner: (t, r, n) => {
-          const s = r.spread != null ? `${r.spread}` : "false";
-          t.openNode(n, { spread: s }).next(r.children).closeNode();
+          const o = r.spread != null ? `${r.spread}` : "false";
+          t.openNode(n, { spread: o }).next(r.children).closeNode();
         }
       },
       toMarkdown: {
@@ -363,20 +363,20 @@ const k = {
           tag: "div.code-fence-container",
           preserveWhitespace: "full",
           getAttrs: (n) => {
-            var s;
+            var o;
             if (!(n instanceof HTMLElement))
               throw L(n);
-            return { language: (s = n.querySelector("pre")) == null ? void 0 : s.dataset.language };
+            return { language: (o = n.querySelector("pre")) == null ? void 0 : o.dataset.language };
           },
-          getContent: (n, s) => {
+          getContent: (n, o) => {
             var c, i;
             if (!(n instanceof HTMLElement))
               throw L(n);
             const l = (i = (c = n.querySelector("pre")) == null ? void 0 : c.textContent) != null ? i : "";
             if (!l)
               return B.empty;
-            const o = s.text(l);
-            return B.from(o);
+            const s = o.text(l);
+            return B.from(s);
           }
         },
         {
@@ -390,33 +390,33 @@ const k = {
         }
       ],
       toDOM: (n) => {
-        const s = document.createElement("select");
+        const o = document.createElement("select");
         return t.forEach((l) => {
-          const o = document.createElement("option");
-          o.value = l, o.innerText = l || "--", l === n.attrs.language && (o.selected = !0), s.appendChild(o);
-        }), s.onchange = (l) => {
-          const o = l.target;
-          if (!(o instanceof HTMLSelectElement))
+          const s = document.createElement("option");
+          s.value = l, s.innerText = l || "--", l === n.attrs.language && (s.selected = !0), o.appendChild(s);
+        }), o.onchange = (l) => {
+          const s = l.target;
+          if (!(s instanceof HTMLSelectElement))
             return;
-          const c = r.get(A);
+          const c = r.get(S);
           if (!c.editable) {
-            o.value = n.attrs.language;
+            s.value = n.attrs.language;
             return;
           }
-          const { top: i, left: u } = o.getBoundingClientRect(), f = c.posAtCoords({ top: i, left: u });
+          const { top: i, left: u } = s.getBoundingClientRect(), f = c.posAtCoords({ top: i, left: u });
           if (!f)
             return;
           const { tr: d } = c.state;
           c.dispatch(d.setNodeMarkup(f.inside, void 0, {
             ...n.attrs,
-            language: o.value
+            language: s.value
           }));
         }, [
           "div",
           {
             class: "code-fence-container"
           },
-          s,
+          o,
           [
             "pre",
             {
@@ -429,61 +429,61 @@ const k = {
       },
       parseMarkdown: {
         match: ({ type: n }) => n === "code",
-        runner: (n, s, l) => {
-          const o = s.lang, c = s.value;
-          n.openNode(l, { language: o }), c && n.addText(c), n.closeNode();
+        runner: (n, o, l) => {
+          const s = o.lang, c = o.value;
+          n.openNode(l, { language: s }), c && n.addText(c), n.closeNode();
         }
       },
       toMarkdown: {
         match: (n) => n.type.name === z,
-        runner: (n, s) => {
+        runner: (n, o) => {
           var l;
-          n.addNode("code", void 0, ((l = s.content.firstChild) == null ? void 0 : l.text) || "", {
-            lang: s.attrs.language
+          n.addNode("code", void 0, ((l = o.content.firstChild) == null ? void 0 : l.text) || "", {
+            lang: o.attrs.language
           });
         }
       }
     }),
     inputRules: (r) => [
       Q(nt, r, (n) => {
-        const [s, l] = n;
-        if (!!s)
+        const [o, l] = n;
+        if (!!o)
           return { language: l };
       }),
       Q(st, r, (n) => {
-        const [s, l] = n;
-        if (!!s)
+        const [o, l] = n;
+        if (!!o)
           return { language: l };
       })
     ],
-    commands: (r) => [M(oe, () => S(r))],
+    commands: (r) => [M(oe, () => A(r))],
     shortcuts: {
       [k.CodeFence]: h(oe, "Mod-Alt-c")
     },
-    view: () => (r, n, s) => {
+    view: () => (r, n, o) => {
       let l = r;
-      const o = (g) => {
+      const s = (g) => {
         const { tr: N } = n.state;
-        n.dispatch(N.setNodeMarkup(s(), void 0, {
+        n.dispatch(N.setNodeMarkup(o(), void 0, {
           fold: !0,
           language: g
         }));
       }, c = () => {
         const { tr: g } = n.state;
-        n.dispatch(g.setNodeMarkup(s(), void 0, {
+        n.dispatch(g.setNodeMarkup(o(), void 0, {
           ...l.attrs,
           fold: !0
         }));
       }, i = () => {
         const { tr: g } = n.state;
-        n.dispatch(g.setNodeMarkup(s(), void 0, {
+        n.dispatch(g.setNodeMarkup(o(), void 0, {
           ...l.attrs,
           fold: !1
         }));
       }, u = a.themeManager.get("code-fence", {
         onBlur: c,
         onFocus: i,
-        onSelectLanguage: o,
+        onSelectLanguage: s,
         editable: () => n.editable,
         languageList: t
       });
@@ -528,7 +528,7 @@ const k = {
       toDOM: (n) => ["br", { class: a.getClassName(n.attrs, "hardbreak") }],
       parseMarkdown: {
         match: ({ type: n }) => n === "break",
-        runner: (n, s, l) => {
+        runner: (n, o, l) => {
           n.addNode(l);
         }
       },
@@ -540,13 +540,13 @@ const k = {
       }
     }),
     commands: (n) => [
-      M(ae, () => (s, l) => {
+      M(ae, () => (o, l) => {
         var i;
-        const { selection: o, tr: c } = s;
-        if (o.empty) {
-          const u = o.$from.node();
+        const { selection: s, tr: c } = o;
+        if (s.empty) {
+          const u = s.$from.node();
           if (u.childCount > 0 && ((i = u.lastChild) == null ? void 0 : i.type.name) === "hardbreak")
-            return l == null || l(c.replaceRangeWith(o.to - 1, o.to, s.schema.node("paragraph")).setSelection(Le.near(c.doc.resolve(o.to))).scrollIntoView()), !0;
+            return l == null || l(c.replaceRangeWith(s.to - 1, s.to, o.schema.node("paragraph")).setSelection(Le.near(c.doc.resolve(s.to))).scrollIntoView()), !0;
         }
         return l == null || l(c.setMeta("hardbreak", !0).replaceSelectionWith(n.create()).scrollIntoView()), !0;
       })
@@ -557,9 +557,9 @@ const k = {
     prosePlugins: (n) => [
       new x({
         key: lt,
-        filterTransaction: (s, l) => {
-          const o = s.getMeta("hardbreak"), [c] = s.steps;
-          if (o && c) {
+        filterTransaction: (o, l) => {
+          const s = o.getMeta("hardbreak"), [c] = o.steps;
+          if (s && c) {
             const { from: i } = c, u = l.doc.resolve(i);
             let f = u.depth, d = !0;
             for (; f > 0; )
@@ -571,10 +571,10 @@ const k = {
       }),
       new x({
         key: new T("MILKDOWN_HARDBREAK_MARKS"),
-        appendTransaction: (s, l, o) => {
-          if (!s.length)
+        appendTransaction: (o, l, s) => {
+          if (!o.length)
             return;
-          const [c] = s;
+          const [c] = o;
           if (!c)
             return;
           const [i] = c.steps;
@@ -582,12 +582,12 @@ const k = {
             if (!(i instanceof qe))
               return;
             const { from: d } = i;
-            return o.tr.setNodeMarkup(d, n, void 0, []);
+            return s.tr.setNodeMarkup(d, n, void 0, []);
           }
           if (i instanceof Ke) {
-            let d = o.tr;
+            let d = s.tr;
             const { from: m, to: p } = i;
-            return o.doc.nodesBetween(m, p, (g, N) => {
+            return s.doc.nodesBetween(m, p, (g, N) => {
               g.type === n && (d = d.setNodeMarkup(N, n, void 0, []));
             }), d;
           }
@@ -597,20 +597,20 @@ const k = {
   };
 }), ke = Array(6).fill(0).map((a, e) => e + 1), D = y("TurnIntoHeading"), Me = y("DowngradeHeading"), U = new T("MILKDOWN_HEADING_ID"), it = new T("MILKDOWN_HEADING_HASH"), ut = (a) => a.textContent.replace(/[\p{P}\p{S}]/gu, "").replace(/\s/g, "-").toLowerCase().trim(), dt = (a, e, t) => {
   let r = !1;
-  const n = (s, l) => {
-    const o = s.tr.setMeta("addToHistory", !1);
+  const n = (o, l) => {
+    const s = o.tr.setMeta("addToHistory", !1);
     let c = !1;
-    s.doc.descendants((i, u) => {
+    o.doc.descendants((i, u) => {
       if (i.type === e && !r) {
         if (i.textContent.trim().length === 0)
           return;
         const f = i.attrs, d = t(i);
-        f.id !== d && (c = !0, o.setMeta(U, !0).setNodeMarkup(u, void 0, {
+        f.id !== d && (c = !0, s.setMeta(U, !0).setNodeMarkup(u, void 0, {
           ...f,
           id: d
         }));
       }
-    }), c && l(o);
+    }), c && l(s);
   };
   return new x({
     key: U,
@@ -619,28 +619,28 @@ const k = {
         compositionstart: () => (r = !0, !1),
         compositionend: () => {
           r = !1;
-          const s = a.get(A);
+          const o = a.get(S);
           return setTimeout(() => {
-            n(s.state, (l) => s.dispatch(l));
+            n(o.state, (l) => o.dispatch(l));
           }, 0), !1;
         }
       }
     },
-    appendTransaction: (s, l, o) => {
+    appendTransaction: (o, l, s) => {
       let c = null;
-      return s.every((i) => !i.getMeta(U)) && s.some((i) => i.docChanged) && n(o, (i) => {
+      return o.every((i) => !i.getMeta(U)) && o.some((i) => i.docChanged) && n(s, (i) => {
         c = i;
       }), c;
     },
-    view: (s) => {
-      const l = s.state.doc;
-      let o = s.state.tr.setMeta("addToHistory", !1);
+    view: (o) => {
+      const l = o.state.doc;
+      let s = o.state.tr.setMeta("addToHistory", !1);
       return l.descendants((c, i) => {
-        c.type.name === "heading" && c.attrs.level && (c.attrs.id || (o = o.setNodeMarkup(i, void 0, {
+        c.type.name === "heading" && c.attrs.level && (c.attrs.id || (s = s.setNodeMarkup(i, void 0, {
           ...c.attrs,
           id: t(c)
         })));
-      }), s.dispatch(o), {};
+      }), o.dispatch(s), {};
     }
   });
 }, ft = (a, e, t) => new x({
@@ -649,14 +649,14 @@ const k = {
     init: () => O.empty,
     apply: (r) => {
       var f;
-      const n = a.get(A);
+      const n = a.get(S);
       if (!((f = n.hasFocus) != null && f.call(n)) || !n.editable)
         return O.empty;
-      const { $from: s } = r.selection, l = s.node();
+      const { $from: o } = r.selection, l = o.node();
       if (l.type !== e)
         return O.empty;
-      const o = l.attrs.level, c = (d) => Array(d).fill(0).map((m) => "#").join(""), i = document.createElement("span");
-      i.textContent = c(o), i.contentEditable = "false", t.themeManager.onFlush(() => {
+      const s = l.attrs.level, c = (d) => Array(d).fill(0).map((m) => "#").join(""), i = document.createElement("span");
+      i.textContent = c(s), i.contentEditable = "false", t.themeManager.onFlush(() => {
         const d = t.getStyle(({ css: m }) => {
           const p = Ae(t.themeManager);
           return m`
@@ -666,7 +666,7 @@ const k = {
         });
         d && (i.className = d);
       });
-      const u = X.widget(s.before() + 1, i, { side: -1 });
+      const u = X.widget(o.before() + 1, i, { side: -1 });
       return O.create(r.doc, [u]);
     }
   },
@@ -682,8 +682,8 @@ const k = {
     }
   }
 }), mt = w((a, e) => {
-  var s, l;
-  const t = "heading", r = (s = e == null ? void 0 : e.getId) != null ? s : ut, n = (l = e == null ? void 0 : e.displayHashtag) != null ? l : !0;
+  var o, l;
+  const t = "heading", r = (o = e == null ? void 0 : e.getId) != null ? o : ut, n = (l = e == null ? void 0 : e.displayHashtag) != null ? l : !0;
   return {
     id: t,
     schema: () => ({
@@ -698,46 +698,46 @@ const k = {
           default: 1
         }
       },
-      parseDOM: ke.map((o) => ({
-        tag: `h${o}`,
+      parseDOM: ke.map((s) => ({
+        tag: `h${s}`,
         getAttrs: (c) => {
           if (!(c instanceof HTMLElement))
             throw L(c);
-          return { level: o, id: c.id };
+          return { level: s, id: c.id };
         }
       })),
-      toDOM: (o) => [
-        `h${o.attrs.level}`,
+      toDOM: (s) => [
+        `h${s.attrs.level}`,
         {
-          id: o.attrs.id || r(o),
-          class: a.getClassName(o.attrs, `heading h${o.attrs.level}`)
+          id: s.attrs.id || r(s),
+          class: a.getClassName(s.attrs, `heading h${s.attrs.level}`)
         },
         0
       ],
       parseMarkdown: {
-        match: ({ type: o }) => o === t,
-        runner: (o, c, i) => {
+        match: ({ type: s }) => s === t,
+        runner: (s, c, i) => {
           const u = c.depth;
-          o.openNode(i, { level: u }), o.next(c.children), o.closeNode();
+          s.openNode(i, { level: u }), s.next(c.children), s.closeNode();
         }
       },
       toMarkdown: {
-        match: (o) => o.type.name === t,
-        runner: (o, c) => {
+        match: (s) => s.type.name === t,
+        runner: (s, c) => {
           var u;
-          if (o.openNode("heading", void 0, { depth: c.attrs.level }), c.childCount >= 1 && ((u = c.lastChild) == null ? void 0 : u.type.name) === "hardbreak") {
+          if (s.openNode("heading", void 0, { depth: c.attrs.level }), c.childCount >= 1 && ((u = c.lastChild) == null ? void 0 : u.type.name) === "hardbreak") {
             const f = [];
             c.content.forEach((d, m, p) => {
               p !== c.childCount - 1 && f.push(d);
-            }), o.next(B.fromArray(f));
+            }), s.next(B.fromArray(f));
           } else
-            o.next(c.content);
-          o.closeNode();
+            s.next(c.content);
+          s.closeNode();
         }
       }
     }),
-    inputRules: (o, c) => ke.map((i) => Q(new RegExp(`^(#{1,${i}})\\s$`), o, () => {
-      const u = c.get(A), { $from: f } = u.state.selection, d = f.node();
+    inputRules: (s, c) => ke.map((i) => Q(new RegExp(`^(#{1,${i}})\\s$`), s, () => {
+      const u = c.get(S), { $from: f } = u.state.selection, d = f.node();
       if (d.type.name === "heading") {
         let m = Number(d.attrs.level) + Number(i);
         return m > 6 && (m = 6), {
@@ -748,17 +748,17 @@ const k = {
         level: i
       };
     })),
-    commands: (o, c) => [
-      M(D, (i = 1) => i < 1 ? S(i === 0 && c.get(P).nodes.paragraph || o) : S(i === 0 && c.get(P).nodes.paragraph || o, { level: i })),
+    commands: (s, c) => [
+      M(D, (i = 1) => i < 1 ? A(i === 0 && c.get(P).nodes.paragraph || s) : A(i === 0 && c.get(P).nodes.paragraph || s, { level: i })),
       M(Me, () => (i, u, f) => {
         const { $from: d } = i.selection, m = d.node();
-        if (m.type !== o || !i.selection.empty || d.parentOffset !== 0)
+        if (m.type !== s || !i.selection.empty || d.parentOffset !== 0)
           return !1;
         const p = m.attrs.level - 1;
         return p ? (u == null || u(i.tr.setNodeMarkup(i.selection.$from.before(), void 0, {
           ...m.attrs,
           level: p
-        })), !0) : S(c.get(P).nodes.paragraph || o)(i, u, f);
+        })), !0) : A(c.get(P).nodes.paragraph || s)(i, u, f);
       })
     ],
     shortcuts: {
@@ -770,9 +770,9 @@ const k = {
       [k.H6]: h(D, "Mod-Alt-6", 6),
       [k.DowngradeHeading]: h(Me, ["Backspace", "Delete"])
     },
-    prosePlugins: (o, c) => {
-      const i = [dt(c, o, r)];
-      return n && i.push(ft(c, o, a)), i;
+    prosePlugins: (s, c) => {
+      const i = [dt(c, s, r)];
+      return n && i.push(ft(c, s, a)), i;
     }
   };
 }), V = "hr", Te = y("InsertHr"), pt = w((a) => ({
@@ -795,19 +795,19 @@ const k = {
     }
   }),
   inputRules: (e) => [
-    new Ce(/^(?:---|___\s|\*\*\*\s)$/, (t, r, n, s) => {
+    new Ce(/^(?:---|___\s|\*\*\*\s)$/, (t, r, n, o) => {
       const { tr: l } = t;
-      return r[0] && l.replaceWith(n - 1, s, e.create()), l;
+      return r[0] && l.replaceWith(n - 1, o, e.create()), l;
     })
   ],
   commands: (e, t) => [
     M(Te, () => (r, n) => {
       if (!n)
         return !0;
-      const s = t.get(P).node("paragraph"), { tr: l, selection: o } = r, { from: c } = o, i = e.create();
+      const o = t.get(P).node("paragraph"), { tr: l, selection: s } = r, { from: c } = s, i = e.create();
       if (!i)
         return !0;
-      const u = l.replaceSelectionWith(i).insert(c, s), f = Le.findFrom(u.doc.resolve(c), 1, !0);
+      const u = l.replaceSelectionWith(i).insert(c, o), f = Le.findFrom(u.doc.resolve(c), 1, !0);
       return f && n(u.setSelection(f).scrollIntoView()), !0;
     })
   ]
@@ -851,11 +851,11 @@ const k = {
     parseMarkdown: {
       match: ({ type: t }) => t === $,
       runner: (t, r, n) => {
-        const s = r.url, l = r.alt, o = r.title;
+        const o = r.url, l = r.alt, s = r.title;
         t.addNode(n, {
-          src: s,
+          src: o,
           alt: l,
-          title: o
+          title: s
         });
       }
     },
@@ -871,47 +871,47 @@ const k = {
     }
   }),
   commands: (t) => [
-    M(He, (r = "") => (n, s) => {
-      if (!s)
-        return !0;
-      const { tr: l } = n, o = t.create({ src: r });
+    M(He, (r = "") => (n, o) => {
       if (!o)
         return !0;
-      const c = l.replaceSelectionWith(o);
-      return s(c.scrollIntoView()), !0;
+      const { tr: l } = n, s = t.create({ src: r });
+      if (!s)
+        return !0;
+      const c = l.replaceSelectionWith(s);
+      return o(c.scrollIntoView()), !0;
     }),
-    M(le, (r = "") => (n, s) => {
+    M(le, (r = "") => (n, o) => {
       const l = K(n.selection, t);
       if (!l)
         return !1;
-      const { tr: o } = n;
-      return s == null || s(o.setNodeMarkup(l.pos, void 0, { ...l.node.attrs, loading: !0, src: r }).scrollIntoView()), !0;
+      const { tr: s } = n;
+      return o == null || o(s.setNodeMarkup(l.pos, void 0, { ...l.node.attrs, loading: !0, src: r }).scrollIntoView()), !0;
     })
   ],
   inputRules: (t) => [
-    new Ce(/!\[(?<alt>.*?)]\((?<filename>.*?)\s*(?="|\))"?(?<title>[^"]+)?"?\)/, (r, n, s, l) => {
-      const [o, c, i = "", u] = n, { tr: f } = r;
-      return o && f.replaceWith(s, l, t.create({ src: i, alt: c, title: u })), f;
+    new Ce(/!\[(?<alt>.*?)]\((?<filename>.*?)\s*(?="|\))"?(?<title>[^"]+)?"?\)/, (r, n, o, l) => {
+      const [s, c, i = "", u] = n, { tr: f } = r;
+      return s && f.replaceWith(o, l, t.create({ src: i, alt: c, title: u })), f;
     })
   ],
   view: () => (t) => {
     var i, u;
     let r = t;
-    const n = (i = e == null ? void 0 : e.placeholder) != null ? i : "Add an Image", s = (u = e == null ? void 0 : e.isBlock) != null ? u : !1, l = a.themeManager.get("image", {
+    const n = (i = e == null ? void 0 : e.placeholder) != null ? i : "Add an Image", o = (u = e == null ? void 0 : e.isBlock) != null ? u : !1, l = a.themeManager.get("image", {
       placeholder: n,
-      isBlock: s
+      isBlock: o
     });
     if (!l)
       return {};
-    const { dom: o, onUpdate: c } = l;
+    const { dom: s, onUpdate: c } = l;
     return c(r), {
-      dom: o,
+      dom: s,
       update: (f) => f.type.name !== $ ? !1 : (r = f, c(r), !0),
       selectNode: () => {
-        o.classList.add("ProseMirror-selectednode");
+        s.classList.add("ProseMirror-selectednode");
       },
       deselectNode: () => {
-        o.classList.remove("ProseMirror-selectednode");
+        s.classList.remove("ProseMirror-selectednode");
       }
     };
   },
@@ -920,29 +920,29 @@ const k = {
       key: gt,
       view: (n) => {
         var i, u, f;
-        const s = a.themeManager.get("input-chip", {
+        const o = a.themeManager.get("input-chip", {
           placeholder: (u = (i = e == null ? void 0 : e.input) == null ? void 0 : i.placeholder) != null ? u : "Input Image Link",
           buttonText: (f = e == null ? void 0 : e.input) == null ? void 0 : f.buttonText,
           onUpdate: (d) => {
             r.get(we).call(le, d);
           }
         });
-        if (!s)
+        if (!o)
           return {};
-        const l = (d) => Boolean(d.hasFocus() && t && K(d.state.selection, t)), o = (d) => {
+        const l = (d) => Boolean(d.hasFocus() && t && K(d.state.selection, t)), s = (d) => {
           const m = K(d.state.selection, t);
           return m ? m.node.attrs.src : void 0;
         }, c = (d) => {
           if (!d.editable)
             return;
-          l(d) ? (s.show(d), s.update(o(d))) : s.hide();
+          l(d) ? (o.show(d), o.update(s(d))) : o.hide();
         };
-        return s.init(n), c(n), {
+        return o.init(n), c(n), {
           update: (d, m) => {
             (m == null ? void 0 : m.doc.eq(d.state.doc)) && m.selection.eq(d.state.selection) || c(d);
           },
           destroy: () => {
-            s.destroy();
+            o.destroy();
           }
         };
       }
@@ -951,24 +951,24 @@ const k = {
 })), ye = "list_item", ce = y("SplitListItem"), ie = y("SinkListItem"), ue = y("LiftListItem"), kt = new T("MILKDOWN_KEEP_LIST_ORDER"), Mt = (a) => {
   const e = (t, r) => {
     const n = Re("ordered_list", t.schema);
-    let s = t.tr;
-    t.doc.descendants((l, o, c, i) => {
+    let o = t.tr;
+    t.doc.descendants((l, s, c, i) => {
       if (l.type === a && (c == null ? void 0 : c.type) === n) {
         let u = !1;
         const f = { ...l.attrs };
         l.attrs.listType !== "ordered" && (f.listType = "ordered", u = !0);
         const d = c == null ? void 0 : c.maybeChild(0);
-        d && d.type === a && d.attrs.listType === "ordered" && (f.label = `${i + 1}.`, u = !0), l.attrs.label === "\u2022" && (f.label = `${i + 1}.`, u = !0), u && (s = s.setNodeMarkup(o, void 0, f));
+        d && d.type === a && d.attrs.listType === "ordered" && (f.label = `${i + 1}.`, u = !0), l.attrs.label === "\u2022" && (f.label = `${i + 1}.`, u = !0), u && (o = o.setNodeMarkup(s, void 0, f));
       }
-    }), r(s);
+    }), r(o);
   };
   return new x({
     key: kt,
     appendTransaction: (t, r, n) => {
-      let s = null;
+      let o = null;
       return t.some((l) => l.docChanged) && e(n, (l) => {
-        s = l;
-      }), s;
+        o = l;
+      }), o;
     }
   });
 }, yt = w((a) => ({
@@ -1023,8 +1023,8 @@ const k = {
     parseMarkdown: {
       match: ({ type: e, checked: t }) => e === "listItem" && t === null,
       runner: (e, t, r) => {
-        const n = t.label != null ? `${t.label}.` : "\u2022", s = t.label != null ? "ordered" : "bullet", l = t.spread != null ? `${t.spread}` : "true";
-        e.openNode(r, { label: n, listType: s, spread: l }), e.next(t.children), e.closeNode();
+        const n = t.label != null ? `${t.label}.` : "\u2022", o = t.label != null ? "ordered" : "bullet", l = t.spread != null ? `${t.spread}` : "true";
+        e.openNode(r, { label: n, listType: o, spread: l }), e.next(t.children), e.closeNode();
       }
     },
     toMarkdown: {
@@ -1120,17 +1120,17 @@ const k = {
       runner: (e, t) => {
         var n;
         if (e.openNode("paragraph"), t.childCount >= 1 && ((n = t.lastChild) == null ? void 0 : n.type.name) === "hardbreak") {
-          const s = [];
-          t.content.forEach((l, o, c) => {
-            c !== t.childCount - 1 && s.push(l);
-          }), e.next(B.fromArray(s));
+          const o = [];
+          t.content.forEach((l, s, c) => {
+            c !== t.childCount - 1 && o.push(l);
+          }), e.next(B.fromArray(o));
         } else
           e.next(t.content);
         e.closeNode();
       }
     }
   }),
-  commands: (e) => [M(fe, () => S(e))],
+  commands: (e) => [M(fe, () => A(e))],
   shortcuts: {
     [k.Text]: h(fe, "Mod-Alt-0")
   }
@@ -1170,8 +1170,8 @@ const k = {
       var r;
       if (t.ordered) {
         const n = (r = t.start) != null ? r : 1;
-        t.children.forEach((s, l) => {
-          s.label = l + n;
+        t.children.forEach((o, l) => {
+          o.label = l + n;
         });
         return;
       }
@@ -1181,13 +1181,13 @@ const k = {
 }, Ct = (a) => !!a.children, xt = (a) => a.type === "html";
 function Tt(a, e) {
   return t(a, 0, null)[0];
-  function t(r, n, s) {
+  function t(r, n, o) {
     if (Ct(r)) {
       const l = [];
-      for (let o = 0, c = r.children.length; o < c; o++) {
-        const i = r.children[o];
+      for (let s = 0, c = r.children.length; s < c; s++) {
+        const i = r.children[s];
         if (i) {
-          const u = t(i, o, r);
+          const u = t(i, s, r);
           if (u)
             for (let f = 0, d = u.length; f < d; f++) {
               const m = u[f];
@@ -1197,7 +1197,7 @@ function Tt(a, e) {
       }
       r.children = l;
     }
-    return e(r, n, s);
+    return e(r, n, o);
   }
 }
 const Ht = () => {
@@ -1216,35 +1216,35 @@ const Ht = () => {
       apply(t) {
         if (!t.selection.empty)
           return !1;
-        const r = t.selection.$from, n = r.nodeBefore, s = r.nodeAfter;
-        return !!(n && s && n.isInline && !n.isText && s.isInline && !s.isText);
+        const r = t.selection.$from, n = r.nodeBefore, o = r.nodeAfter;
+        return !!(n && o && n.isInline && !n.isText && o.isInline && !o.isText);
       }
     },
     props: {
       handleDOMEvents: {
         compositionend: (t, r) => a ? (a = !1, requestAnimationFrame(() => {
           if (e.getState(t.state)) {
-            const s = t.state.selection.from;
-            r.preventDefault(), t.dispatch(t.state.tr.insertText(r.data || "", s));
+            const o = t.state.selection.from;
+            r.preventDefault(), t.dispatch(t.state.tr.insertText(r.data || "", o));
           }
         }), !0) : !1,
         compositionstart: (t) => (e.getState(t.state) && (a = !0), !1),
         beforeinput: (t, r) => {
           if (e.getState(t.state) && r instanceof InputEvent && r.data && !a) {
-            const s = t.state.selection.from;
-            return r.preventDefault(), t.dispatch(t.state.tr.insertText(r.data || "", s)), !0;
+            const o = t.state.selection.from;
+            return r.preventDefault(), t.dispatch(t.state.tr.insertText(r.data || "", o)), !0;
           }
           return !1;
         }
       },
       decorations(t) {
         if (e.getState(t)) {
-          const s = t.selection.$from.pos, l = document.createElement("span"), o = X.widget(s, l, {
+          const o = t.selection.$from.pos, l = document.createElement("span"), s = X.widget(o, l, {
             side: -1
-          }), c = document.createElement("span"), i = X.widget(s, c);
+          }), c = document.createElement("span"), i = X.widget(o, c);
           return setTimeout(() => {
             l.contentEditable = "true", c.contentEditable = "true";
-          }), O.create(t.doc, [o, i]);
+          }), O.create(t.doc, [s, i]);
         }
         return O.empty;
       }
@@ -1262,20 +1262,20 @@ const Ht = () => {
   const r = a.split(""), n = r[e];
   return r[e] && r[t] && (r[e] = r[t], r[t] = n), r.join("").toString();
 }, vt = (a) => (e) => e.replace(St(a), ""), _t = (a) => (e) => {
-  const t = e.indexOf(a.hole), r = e.charAt(t - 1), n = e.charAt(t + 1), s = /[^\w]|_/;
-  return n ? r && s.test(r) && s.test(n) ? a.punctuation : a.char : a.punctuation;
+  const t = e.indexOf(a.hole), r = e.charAt(t - 1), n = e.charAt(t + 1), o = /[^\w]|_/;
+  return n ? r && o.test(r) && o.test(n) ? a.punctuation : a.char : a.punctuation;
 }, $t = (a, e, t) => {
   let r = e, n = !1;
-  return a.descendants((s) => {
+  return a.descendants((o) => {
     var l;
     if (n)
       return !1;
-    if (s.isText) {
-      const o = (l = s.text) == null ? void 0 : l.indexOf(t);
-      if (o != null && o >= 0)
-        return n = !0, r += o, !1;
+    if (o.isText) {
+      const s = (l = o.text) == null ? void 0 : l.indexOf(t);
+      if (s != null && s >= 0)
+        return n = !0, r += s, !1;
     }
-    r += s.nodeSize;
+    r += o.nodeSize;
   }), r;
 }, Pt = {
   placeholderConfig: {
@@ -1296,15 +1296,15 @@ const Ht = () => {
   const { selection: e } = a, { $from: t } = e;
   return t.node();
 }, Rt = (a, e, t, r) => {
-  const n = a.get(ve), s = e.schema.topNodeType.create(void 0, [t, ...r]);
-  return n(s);
+  const n = a.get(ve), o = e.schema.topNodeType.create(void 0, [t, ...r]);
+  return n(o);
 }, Wt = (a, e) => {
-  const t = a.get(E), r = t.placeholderConfig.hole, [n = "", ...s] = e.split(`
+  const t = a.get(E), r = t.placeholderConfig.hole, [n = "", ...o] = e.split(`
 
 `), l = (u) => t.movePlaceholder(r, u);
   let c = Oe(vt(r), l, At)(n);
   const i = _t(t.placeholderConfig)(c);
-  return c = c.replace(r, i), c = [c, ...s].join(`
+  return c = c.replace(r, i), c = [c, ...o].join(`
 
 `), [c, i];
 }, qt = (a, e) => {
@@ -1320,50 +1320,58 @@ const Ht = () => {
 
 `)[0] || "", De = (a, e) => {
   try {
-    const t = Kt(a, e), r = Bt(e), n = Rt(a, e, r, t), [s, l] = Wt(a, n), o = qt(a, s);
-    return !o || r.type !== o.type ? null : (o.attrs = { ...r.attrs }, o.descendants((c) => {
+    const t = Kt(a, e), r = Bt(e), n = Rt(a, e, r, t), [o, l] = Wt(a, n), s = qt(a, o);
+    return !s || r.type !== s.type ? null : (s.attrs = { ...r.attrs }, s.descendants((c) => {
       var f;
       const u = c.marks.find((d) => d.type.name === "link");
       u && ((f = c.text) == null ? void 0 : f.includes(l)) && u.attrs.href.includes(l) && (u.attrs.href = u.attrs.href.replace(l, ""));
     }), {
-      text: Ft(s),
+      text: Ft(o),
       prevNode: r,
-      nextNode: o,
+      nextNode: s,
       placeholder: l
     });
   } catch {
     return null;
   }
 }, jt = (a, e, t, r, n) => {
-  const { placeholderConfig: s } = a.get(E), l = s.hole;
-  let o = t.tr.setMeta(e, !0).insertText(l, t.selection.from);
-  const c = t.apply(o), i = De(a, c);
+  const { placeholderConfig: o } = a.get(E), l = o.hole;
+  let s = t.tr.setMeta(e, !0).insertText(l, t.selection.from);
+  const c = t.apply(s), i = De(a, c);
   if (!i)
     return;
   const { $from: u } = c.selection, f = u.before(), d = u.after(), m = $t(i.nextNode, f, i.placeholder);
-  o = o.replaceWith(f, d, i.nextNode).setNodeMarkup(f, void 0, n).delete(m + 1, m + 2), o = o.setSelection(J.near(o.doc.resolve(m + 1))), r(o);
-}, Y = new T("MILKDOWN_INLINE_SYNC"), zt = (a) => new x({
-  key: Y,
-  state: {
-    init: () => null,
-    apply: (t, r, n, s) => {
-      if (!t.docChanged || t.getMeta(Y))
-        return null;
-      const o = De(a, s);
-      if (!o)
-        return null;
-      const { prevNode: c, nextNode: i, text: u } = o, { shouldSyncNode: f } = a.get(E);
-      return f({ prevNode: c, nextNode: i, ctx: a, tr: t, text: u }) && requestAnimationFrame(() => {
-        const { dispatch: d, state: m } = a.get(A);
-        jt(a, Y, m, d, c.attrs);
-      }), null;
+  s = s.replaceWith(f, d, i.nextNode).setNodeMarkup(f, void 0, n).delete(m + 1, m + 2), s = s.setSelection(J.near(s.doc.resolve(m + 1))), r(s);
+}, Y = new T("MILKDOWN_INLINE_SYNC"), zt = (a) => {
+  let e = null;
+  return new x({
+    key: Y,
+    state: {
+      init: () => null,
+      apply: (r, n, o, l) => {
+        var p;
+        const s = a.get(S);
+        if (!((p = s.hasFocus) != null && p.call(s)) || !s.editable || !r.docChanged || r.getMeta(Y))
+          return null;
+        const i = De(a, l);
+        if (!i)
+          return null;
+        e && (cancelAnimationFrame(e), e = null);
+        const { prevNode: u, nextNode: f, text: d } = i, { shouldSyncNode: m } = a.get(E);
+        return m({ prevNode: u, nextNode: f, ctx: a, tr: r, text: d }) && (e = requestAnimationFrame(() => {
+          e = null;
+          const { dispatch: g, state: N } = a.get(S);
+          jt(a, Y, N, g, u.attrs);
+        })), null;
+      }
     }
-  }
-}), Ut = [
+  });
+}, Ut = [
   Se(() => ({
+    injectSlices: [E],
     prosePlugins: (a, e) => [Ot(), zt(e)],
     remarkPlugins: () => [Ue, Ht, Lt]
-  }), [E])()
+  }))()
 ], Vt = be.create([...wt, ...Ze]), lr = be.create([...Ut, ...Vt]), cr = {
   ToggleInlineCode: Z,
   ToggleItalic: ee,