tiptap-extension-code-block-shiki 0.5.1 → 0.6.0

package/dist/tiptap-extension-code-block-shiki.js

@@ -1,12 +1,12 @@
-import { Plugin as $, PluginKey as N, Selection as O, TextSelection as b, NodeSelection as ae } from "@tiptap/pm/state";
-import { DecorationSet as xe, Decoration as Se } from "@tiptap/pm/view";
+import { Plugin as P, PluginKey as N, Selection as O, TextSelection as b, NodeSelection as ce } from "@tiptap/pm/state";
+import { DecorationSet as Se, Decoration as ee } from "@tiptap/pm/view";
 import "@tiptap/pm/keymap";
 import { Fragment as L, Slice as be, DOMParser as Me } from "@tiptap/pm/model";
-import { liftTarget as Ae, joinPoint as ce, canSplit as R, ReplaceStep as Te, ReplaceAroundStep as Ce, canJoin as le } from "@tiptap/pm/transform";
-import { createParagraphNear as Ee, deleteSelection as Be, exitCode as ve, joinUp as Ie, joinDown as Pe, joinBackward as $e, joinForward as Ne, joinTextblockBackward as Oe, joinTextblockForward as je, lift as Fe, liftEmptyBlock as Le, newlineInCode as Re, selectNodeBackward as De, selectNodeForward as ze, selectParentNode as We, selectTextblockEnd as He, selectTextblockStart as Ke, setBlockType as ee, wrapIn as Ve } from "@tiptap/pm/commands";
+import { liftTarget as Ae, joinPoint as le, canSplit as R, ReplaceStep as Te, ReplaceAroundStep as Ce, canJoin as de } from "@tiptap/pm/transform";
+import { createParagraphNear as Ee, deleteSelection as Be, exitCode as ve, joinUp as $e, joinDown as Ie, joinBackward as Pe, joinForward as Ne, joinTextblockBackward as Oe, joinTextblockForward as je, lift as Fe, liftEmptyBlock as Le, newlineInCode as Re, selectNodeBackward as De, selectNodeForward as ze, selectParentNode as We, selectTextblockEnd as He, selectTextblockStart as Ke, setBlockType as te, wrapIn as Ve } from "@tiptap/pm/commands";
 import { liftListItem as _e, sinkListItem as Je, wrapInList as Ue } from "@tiptap/pm/schema-list";
-import { bundledThemes as de, bundledLanguages as ue, createHighlighter as Ge } from "shiki";
-function fe(e) {
+import { bundledThemes as ue, bundledLanguages as fe, createHighlighter as Ge } from "shiki";
+function pe(e) {
   const { state: t, transaction: n } = e;
   let { selection: o } = n, { doc: r } = n, { storedMarks: s } = n;
   return {
@@ -44,8 +44,8 @@ class qe {
   get commands() {
     const { rawCommands: t, editor: n, state: o } = this, { view: r } = n, { tr: s } = o, a = this.buildProps(s);
     return Object.fromEntries(Object.entries(t).map(([i, c]) => [i, (...u) => {
-      const d = c(...u)(a);
-      return !s.getMeta("preventDispatch") && !this.hasCustomState && r.dispatch(s), d;
+      const l = c(...u)(a);
+      return !s.getMeta("preventDispatch") && !this.hasCustomState && r.dispatch(s), l;
     }]));
   }
   get chain() {
@@ -55,19 +55,19 @@ class qe {
     return () => this.createCan();
   }
   createChain(t, n = !0) {
-    const { rawCommands: o, editor: r, state: s } = this, { view: a } = r, i = [], c = !!t, l = t || s.tr, u = () => (!c && n && !l.getMeta("preventDispatch") && !this.hasCustomState && a.dispatch(l), i.every((f) => f === !0)), d = {
+    const { rawCommands: o, editor: r, state: s } = this, { view: a } = r, i = [], c = !!t, d = t || s.tr, u = () => (!c && n && !d.getMeta("preventDispatch") && !this.hasCustomState && a.dispatch(d), i.every((f) => f === !0)), l = {
       ...Object.fromEntries(Object.entries(o).map(([f, p]) => [f, (...h) => {
-        const g = this.buildProps(l, n), k = p(...h)(g);
-        return i.push(k), d;
+        const g = this.buildProps(d, n), k = p(...h)(g);
+        return i.push(k), l;
       }])),
       run: u
     };
-    return d;
+    return l;
   }
   createCan(t) {
     const { rawCommands: n, state: o } = this, r = !1, s = t || o.tr, a = this.buildProps(s, r);
     return {
-      ...Object.fromEntries(Object.entries(n).map(([c, l]) => [c, (...u) => l(...u)({ ...a, dispatch: void 0 })])),
+      ...Object.fromEntries(Object.entries(n).map(([c, d]) => [c, (...u) => d(...u)({ ...a, dispatch: void 0 })])),
       chain: () => this.createChain(s, r)
     };
   }
@@ -76,7 +76,7 @@ class qe {
       tr: t,
       editor: r,
       view: a,
-      state: fe({
+      state: pe({
         state: s,
         transaction: t
       }),
@@ -85,7 +85,7 @@ class qe {
       chain: () => this.createChain(t, n),
       can: () => this.createCan(t),
       get commands() {
-        return Object.fromEntries(Object.entries(o).map(([c, l]) => [c, (...u) => l(...u)(i)]));
+        return Object.fromEntries(Object.entries(o).map(([c, d]) => [c, (...u) => d(...u)(i)]));
       }
     };
     return i;
@@ -122,8 +122,8 @@ function Xe(...e) {
         return;
       }
       if (r === "class") {
-        const i = s ? s.split(" ") : [], c = o[r] ? o[r].split(" ") : [], l = i.filter((u) => !c.includes(u));
-        o[r] = [...c, ...l].join(" ");
+        const i = s ? s.split(" ") : [], c = o[r] ? o[r].split(" ") : [], d = i.filter((u) => !c.includes(u));
+        o[r] = [...c, ...d].join(" ");
       } else
         r === "style" ? o[r] = [o[r], s].join("; ") : o[r] = s;
     }), o;
@@ -195,18 +195,18 @@ function nt(e, t, n) {
 
 `, textSerializers: a = {} } = n || {};
   let i = "", c = !0;
-  return e.nodesBetween(o, r, (l, u, d, f) => {
+  return e.nodesBetween(o, r, (d, u, l, f) => {
     var p;
-    const m = a == null ? void 0 : a[l.type.name];
+    const m = a == null ? void 0 : a[d.type.name];
     if (m)
-      return l.isBlock && !c && (i += s, c = !0), d && (i += m({
-        node: l,
+      return d.isBlock && !c && (i += s, c = !0), l && (i += m({
+        node: d,
         pos: u,
-        parent: d,
+        parent: l,
         index: f,
         range: t
       })), !1;
-    l.isText ? (i += (p = l == null ? void 0 : l.text) === null || p === void 0 ? void 0 : p.slice(Math.max(o, u) - u, r - u), c = !1) : l.isBlock && !c && (i += s, c = !0);
+    d.isText ? (i += (p = d == null ? void 0 : d.text) === null || p === void 0 ? void 0 : p.slice(Math.max(o, u) - u, r - u), c = !1) : d.isBlock && !c && (i += s, c = !0);
   }), i;
 }
 function ot(e) {
@@ -221,7 +221,7 @@ C.create({
   },
   addProseMirrorPlugins() {
     return [
-      new $({
+      new P({
         key: new N("clipboardTextSerializer"),
         props: {
           clipboardTextSerializer: () => {
@@ -245,12 +245,12 @@ const rt = () => ({ editor: e, view: t }) => (requestAnimationFrame(() => {
     e.doc.nodesBetween(s.pos, a.pos, (i, c) => {
       if (i.type.isText)
         return;
-      const { doc: l, mapping: u } = t, d = l.resolve(u.map(c)), f = l.resolve(u.map(c + i.nodeSize)), p = d.blockRange(f);
+      const { doc: d, mapping: u } = t, l = d.resolve(u.map(c)), f = d.resolve(u.map(c + i.nodeSize)), p = l.blockRange(f);
       if (!p)
         return;
       const m = Ae(p);
       if (i.type.isTextblock) {
-        const { defaultType: h } = d.parent.contentMatchAt(d.index());
+        const { defaultType: h } = l.parent.contentMatchAt(l.index());
         t.setNodeMarkup(p.start, h);
       }
       (m || m === 0) && t.lift(p, m);
@@ -280,8 +280,8 @@ const rt = () => ({ editor: e, view: t }) => (requestAnimationFrame(() => {
   for (let a = s.depth; a > 0; a -= 1)
     if (s.node(a).type === r) {
       if (o) {
-        const c = s.before(a), l = s.after(a);
-        t.delete(c, l).scrollIntoView();
+        const c = s.before(a), d = s.after(a);
+        t.delete(c, d).scrollIntoView();
       }
       return !0;
     }
@@ -300,7 +300,7 @@ function q(e, t, n = {}) {
 function gt(e, t, n = {}) {
   return !!q(e, t, n);
 }
-function pe(e, t, n = {}) {
+function me(e, t, n = {}) {
   if (!e || !t)
     return;
   let o = e.parent.childAfter(e.parentOffset);
@@ -319,7 +319,7 @@ function pe(e, t, n = {}) {
     to: c
   };
 }
-function I(e, t) {
+function $(e, t) {
   if (typeof e == "string") {
     if (!t.marks[e])
       throw Error(`There is no mark type named '${e}'. Maybe you forgot to add the extension?`);
@@ -328,11 +328,11 @@ function I(e, t) {
   return e;
 }
 const kt = (e, t = {}) => ({ tr: n, state: o, dispatch: r }) => {
-  const s = I(e, o.schema), { doc: a, selection: i } = n, { $from: c, from: l, to: u } = i;
+  const s = $(e, o.schema), { doc: a, selection: i } = n, { $from: c, from: d, to: u } = i;
   if (r) {
-    const d = pe(c, s, t);
-    if (d && d.from <= l && d.to >= u) {
-      const f = b.create(a, d.from, d.to);
+    const l = me(c, s, t);
+    if (l && l.from <= d && l.to >= u) {
+      const f = b.create(a, l.from, l.to);
       n.setSelection(f);
     }
   }
@@ -344,10 +344,10 @@ const kt = (e, t = {}) => ({ tr: n, state: o, dispatch: r }) => {
       return !0;
   return !1;
 };
-function me(e) {
+function he(e) {
   return e instanceof b;
 }
-function P(e = 0, t = 0, n = 0) {
+function I(e = 0, t = 0, n = 0) {
   return Math.min(Math.max(e, t), n);
 }
 function wt(e, t = null) {
@@ -359,7 +359,7 @@ function wt(e, t = null) {
   if (t === "end")
     return o;
   const r = n.from, s = o.to;
-  return t === "all" ? b.create(e, P(0, r, s), P(e.content.size, r, s)) : b.create(e, P(t, r, s), P(t, r, s));
+  return t === "all" ? b.create(e, I(0, r, s), I(e.content.size, r, s)) : b.create(e, I(t, r, s), I(t, r, s));
 }
 function X() {
   return [
@@ -383,21 +383,21 @@ const xt = (e = null, t = {}) => ({ editor: n, view: o, tr: r, dispatch: s }) =>
   };
   if (o.hasFocus() && e === null || e === !1)
     return !0;
-  if (s && e === null && !me(n.state.selection))
+  if (s && e === null && !he(n.state.selection))
     return a(), !0;
   const i = wt(r.doc, e) || n.state.selection, c = n.state.selection.eq(i);
   return s && (c || r.setSelection(i), c && r.storedMarks && r.setStoredMarks(r.storedMarks), a()), !0;
-}, St = (e, t) => (n) => e.every((o, r) => t(o, { ...n, index: r })), bt = (e, t) => ({ tr: n, commands: o }) => o.insertContentAt({ from: n.selection.from, to: n.selection.to }, e, t), he = (e) => {
+}, St = (e, t) => (n) => e.every((o, r) => t(o, { ...n, index: r })), bt = (e, t) => ({ tr: n, commands: o }) => o.insertContentAt({ from: n.selection.from, to: n.selection.to }, e, t), ge = (e) => {
   const t = e.childNodes;
   for (let n = t.length - 1; n >= 0; n -= 1) {
     const o = t[n];
-    o.nodeType === 3 && o.nodeValue && /^(\n\s\s|\n)$/.test(o.nodeValue) ? e.removeChild(o) : o.nodeType === 1 && he(o);
+    o.nodeType === 3 && o.nodeValue && /^(\n\s\s|\n)$/.test(o.nodeValue) ? e.removeChild(o) : o.nodeType === 1 && ge(o);
   }
   return e;
 };
-function te(e) {
+function ne(e) {
   const t = `<body>${e}</body>`, n = new window.DOMParser().parseFromString(t, "text/html").body;
-  return he(n);
+  return ge(n);
 }
 function W(e, t, n) {
   if (n = {
@@ -412,7 +412,7 @@ function W(e, t, n) {
     }
   if (typeof e == "string") {
     const o = Me.fromSchema(t);
-    return n.slice ? o.parseSlice(te(e), n.parseOptions).content : o.parse(te(e), n.parseOptions);
+    return n.slice ? o.parseSlice(ne(e), n.parseOptions).content : o.parse(ne(e), n.parseOptions);
   }
   return W("", t, n);
 }
@@ -425,7 +425,7 @@ function Mt(e, t, n) {
     return;
   const s = e.mapping.maps[o];
   let a = 0;
-  s.forEach((i, c, l, u) => {
+  s.forEach((i, c, d, u) => {
     a === 0 && (a = u);
   }), e.setSelection(O.near(e.doc.resolve(a), n));
 }
@@ -446,33 +446,33 @@ const At = (e) => e.toString().startsWith("<"), Tt = (e, t, n) => ({ tr: o, disp
     });
     if (a.toString() === "<>")
       return !0;
-    let { from: i, to: c } = typeof e == "number" ? { from: e, to: e } : { from: e.from, to: e.to }, l = !0, u = !0;
+    let { from: i, to: c } = typeof e == "number" ? { from: e, to: e } : { from: e.from, to: e.to }, d = !0, u = !0;
     if ((At(a) ? a : [a]).forEach((p) => {
-      p.check(), l = l ? p.isText && p.marks.length === 0 : !1, u = u ? p.isBlock : !1;
+      p.check(), d = d ? p.isText && p.marks.length === 0 : !1, u = u ? p.isBlock : !1;
     }), i === c && u) {
       const { parent: p } = o.doc.resolve(i);
       p.isTextblock && !p.type.spec.code && !p.childCount && (i -= 1, c += 1);
     }
     let f;
-    l ? (Array.isArray(t) ? f = t.map((p) => p.text || "").join("") : typeof t == "object" && t && t.text ? f = t.text : f = t, o.insertText(f, i, c)) : (f = a, o.replaceWith(i, c, f)), n.updateSelection && Mt(o, o.steps.length - 1, -1), n.applyInputRules && o.setMeta("applyInputRules", { from: i, text: f }), n.applyPasteRules && o.setMeta("applyPasteRules", { from: i, text: f });
+    d ? (Array.isArray(t) ? f = t.map((p) => p.text || "").join("") : typeof t == "object" && t && t.text ? f = t.text : f = t, o.insertText(f, i, c)) : (f = a, o.replaceWith(i, c, f)), n.updateSelection && Mt(o, o.steps.length - 1, -1), n.applyInputRules && o.setMeta("applyInputRules", { from: i, text: f }), n.applyPasteRules && o.setMeta("applyPasteRules", { from: i, text: f });
   }
   return !0;
-}, Ct = () => ({ state: e, dispatch: t }) => Ie(e, t), Et = () => ({ state: e, dispatch: t }) => Pe(e, t), Bt = () => ({ state: e, dispatch: t }) => $e(e, t), vt = () => ({ state: e, dispatch: t }) => Ne(e, t), It = () => ({ tr: e, state: t, dispatch: n }) => {
+}, Ct = () => ({ state: e, dispatch: t }) => $e(e, t), Et = () => ({ state: e, dispatch: t }) => Ie(e, t), Bt = () => ({ state: e, dispatch: t }) => Pe(e, t), vt = () => ({ state: e, dispatch: t }) => Ne(e, t), $t = () => ({ tr: e, state: t, dispatch: n }) => {
   try {
-    const o = ce(t.doc, t.selection.$from.pos, -1);
+    const o = le(t.doc, t.selection.$from.pos, -1);
     return o == null ? !1 : (e.join(o, 2), n && n(e), !0);
   } catch {
     return !1;
   }
-}, Pt = () => ({ state: e, dispatch: t, tr: n }) => {
+}, It = () => ({ state: e, dispatch: t, tr: n }) => {
   try {
-    const o = ce(e.doc, e.selection.$from.pos, 1);
+    const o = le(e.doc, e.selection.$from.pos, 1);
     return o == null ? !1 : (n.join(o, 2), t && t(n), !0);
   } catch {
     return !1;
   }
-}, $t = () => ({ state: e, dispatch: t }) => Oe(e, t), Nt = () => ({ state: e, dispatch: t }) => je(e, t);
-function ge() {
+}, Pt = () => ({ state: e, dispatch: t }) => Oe(e, t), Nt = () => ({ state: e, dispatch: t }) => je(e, t);
+function ke() {
   return typeof navigator < "u" ? /Mac/.test(navigator.platform) : !1;
 }
 function Ot(e) {
@@ -491,14 +491,14 @@ function Ot(e) {
     else if (/^s(hift)?$/i.test(c))
       s = !0;
     else if (/^mod$/i.test(c))
-      X() || ge() ? a = !0 : r = !0;
+      X() || ke() ? a = !0 : r = !0;
     else
       throw new Error(`Unrecognized modifier name: ${c}`);
   }
   return o && (n = `Alt-${n}`), r && (n = `Ctrl-${n}`), a && (n = `Meta-${n}`), s && (n = `Shift-${n}`), n;
 }
 const jt = (e) => ({ editor: t, view: n, tr: o, dispatch: r }) => {
-  const s = Ot(e).split(/-(?!$)/), a = s.find((l) => !["Alt", "Ctrl", "Meta", "Shift"].includes(l)), i = new KeyboardEvent("keydown", {
+  const s = Ot(e).split(/-(?!$)/), a = s.find((d) => !["Alt", "Ctrl", "Meta", "Shift"].includes(d)), i = new KeyboardEvent("keydown", {
     key: a === "Space" ? " " : a,
     altKey: s.includes("Alt"),
     ctrlKey: s.includes("Ctrl"),
@@ -507,27 +507,27 @@ const jt = (e) => ({ editor: t, view: n, tr: o, dispatch: r }) => {
     bubbles: !0,
     cancelable: !0
   }), c = t.captureTransaction(() => {
-    n.someProp("handleKeyDown", (l) => l(n, i));
+    n.someProp("handleKeyDown", (d) => d(n, i));
   });
-  return c == null || c.steps.forEach((l) => {
-    const u = l.map(o.mapping);
+  return c == null || c.steps.forEach((d) => {
+    const u = d.map(o.mapping);
     u && r && o.maybeStep(u);
   }), !0;
 };
 function Y(e, t, n = {}) {
   const { from: o, to: r, empty: s } = e.selection, a = t ? y(t, e.schema) : null, i = [];
-  e.doc.nodesBetween(o, r, (d, f) => {
-    if (d.isText)
+  e.doc.nodesBetween(o, r, (l, f) => {
+    if (l.isText)
       return;
-    const p = Math.max(o, f), m = Math.min(r, f + d.nodeSize);
+    const p = Math.max(o, f), m = Math.min(r, f + l.nodeSize);
     i.push({
-      node: d,
+      node: l,
       from: p,
       to: m
     });
   });
-  const c = r - o, l = i.filter((d) => a ? a.name === d.node.type.name : !0).filter((d) => z(d.node.attrs, n, { strict: !1 }));
-  return s ? !!l.length : l.reduce((d, f) => d + f.to - f.from, 0) >= c;
+  const c = r - o, d = i.filter((l) => a ? a.name === l.node.type.name : !0).filter((l) => z(l.node.attrs, n, { strict: !1 }));
+  return s ? !!d.length : d.reduce((l, f) => l + f.to - f.from, 0) >= c;
 }
 const Ft = (e, t = {}) => ({ state: n, dispatch: o }) => {
   const r = y(e, n.schema);
@@ -536,20 +536,20 @@ const Ft = (e, t = {}) => ({ state: n, dispatch: o }) => {
   const o = y(e, t.schema);
   return _e(o)(t, n);
 }, Dt = () => ({ state: e, dispatch: t }) => Re(e, t);
-function ke(e, t) {
+function ye(e, t) {
   return t.nodes[e] ? "node" : t.marks[e] ? "mark" : null;
 }
-function ne(e, t) {
+function oe(e, t) {
   const n = typeof t == "string" ? [t] : t;
   return Object.keys(e).reduce((o, r) => (n.includes(r) || (o[r] = e[r]), o), {});
 }
 const zt = (e, t) => ({ tr: n, state: o, dispatch: r }) => {
   let s = null, a = null;
-  const i = ke(typeof e == "string" ? e : e.name, o.schema);
-  return i ? (i === "node" && (s = y(e, o.schema)), i === "mark" && (a = I(e, o.schema)), r && n.selection.ranges.forEach((c) => {
-    o.doc.nodesBetween(c.$from.pos, c.$to.pos, (l, u) => {
-      s && s === l.type && n.setNodeMarkup(u, void 0, ne(l.attrs, t)), a && l.marks.length && l.marks.forEach((d) => {
-        a === d.type && n.addMark(u, u + l.nodeSize, a.create(ne(d.attrs, t)));
+  const i = ye(typeof e == "string" ? e : e.name, o.schema);
+  return i ? (i === "node" && (s = y(e, o.schema)), i === "mark" && (a = $(e, o.schema)), r && n.selection.ranges.forEach((c) => {
+    o.doc.nodesBetween(c.$from.pos, c.$to.pos, (d, u) => {
+      s && s === d.type && n.setNodeMarkup(u, void 0, oe(d.attrs, t)), a && d.marks.length && d.marks.forEach((l) => {
+        a === l.type && n.addMark(u, u + d.nodeSize, a.create(oe(l.attrs, t)));
       });
     });
   }), !0) : !1;
@@ -565,7 +565,7 @@ const qt = (e, t = !1, n = {}) => ({ tr: o, editor: r, dispatch: s }) => {
   return s && o.replaceWith(0, a.content.size, i).setMeta("preventUpdate", !t), !0;
 };
 function Qt(e, t) {
-  const n = I(t, e.schema), { from: o, to: r, empty: s } = e.selection, a = [];
+  const n = $(t, e.schema), { from: o, to: r, empty: s } = e.selection, a = [];
   s ? (e.storedMarks && a.push(...e.storedMarks), a.push(...e.selection.$head.marks())) : e.doc.nodesBetween(o, r, (c) => {
     a.push(...c.marks);
   });
@@ -611,13 +611,13 @@ function D(e, t, n) {
   }));
 }
 function Zt(e, t, n = {}) {
-  const { empty: o, ranges: r } = e.selection, s = t ? I(t, e.schema) : null;
+  const { empty: o, ranges: r } = e.selection, s = t ? $(t, e.schema) : null;
   if (o)
-    return !!(e.storedMarks || e.selection.$from.marks()).filter((d) => s ? s.name === d.type.name : !0).find((d) => z(d.attrs, n, { strict: !1 }));
+    return !!(e.storedMarks || e.selection.$from.marks()).filter((l) => s ? s.name === l.type.name : !0).find((l) => z(l.attrs, n, { strict: !1 }));
   let a = 0;
   const i = [];
-  if (r.forEach(({ $from: d, $to: f }) => {
-    const p = d.pos, m = f.pos;
+  if (r.forEach(({ $from: l, $to: f }) => {
+    const p = l.pos, m = f.pos;
     e.doc.nodesBetween(p, m, (h, g) => {
       if (!h.isText && !h.marks.length)
         return;
@@ -630,10 +630,10 @@ function Zt(e, t, n = {}) {
     });
   }), a === 0)
     return !1;
-  const c = i.filter((d) => s ? s.name === d.mark.type.name : !0).filter((d) => z(d.mark.attrs, n, { strict: !1 })).reduce((d, f) => d + f.to - f.from, 0), l = i.filter((d) => s ? d.mark.type !== s && d.mark.type.excludes(s) : !0).reduce((d, f) => d + f.to - f.from, 0);
-  return (c > 0 ? c + l : c) >= a;
+  const c = i.filter((l) => s ? s.name === l.mark.type.name : !0).filter((l) => z(l.mark.attrs, n, { strict: !1 })).reduce((l, f) => l + f.to - f.from, 0), d = i.filter((l) => s ? l.mark.type !== s && l.mark.type.excludes(s) : !0).reduce((l, f) => l + f.to - f.from, 0);
+  return (c > 0 ? c + d : c) >= a;
 }
-function oe(e, t) {
+function re(e, t) {
   const { nodeExtensions: n } = Qe(t), o = n.find((a) => a.name === e);
   if (!o)
     return !1;
@@ -648,38 +648,38 @@ function en(e, t, n) {
   var o;
   const { selection: r } = t;
   let s = null;
-  if (me(r) && (s = r.$cursor), s) {
+  if (he(r) && (s = r.$cursor), s) {
     const i = (o = e.storedMarks) !== null && o !== void 0 ? o : s.marks();
     return !!n.isInSet(i) || !i.some((c) => c.type.excludes(n));
   }
   const { ranges: a } = r;
   return a.some(({ $from: i, $to: c }) => {
-    let l = i.depth === 0 ? e.doc.inlineContent && e.doc.type.allowsMarkType(n) : !1;
-    return e.doc.nodesBetween(i.pos, c.pos, (u, d, f) => {
-      if (l)
+    let d = i.depth === 0 ? e.doc.inlineContent && e.doc.type.allowsMarkType(n) : !1;
+    return e.doc.nodesBetween(i.pos, c.pos, (u, l, f) => {
+      if (d)
         return !1;
       if (u.isInline) {
         const p = !f || f.type.allowsMarkType(n), m = !!n.isInSet(u.marks) || !u.marks.some((h) => h.type.excludes(n));
-        l = p && m;
+        d = p && m;
       }
-      return !l;
-    }), l;
+      return !d;
+    }), d;
   });
 }
 const tn = (e, t = {}) => ({ tr: n, state: o, dispatch: r }) => {
-  const { selection: s } = n, { empty: a, ranges: i } = s, c = I(e, o.schema);
+  const { selection: s } = n, { empty: a, ranges: i } = s, c = $(e, o.schema);
   if (r)
     if (a) {
-      const l = Qt(o, c);
+      const d = Qt(o, c);
       n.addStoredMark(c.create({
-        ...l,
+        ...d,
         ...t
       }));
     } else
-      i.forEach((l) => {
-        const u = l.$from.pos, d = l.$to.pos;
-        o.doc.nodesBetween(u, d, (f, p) => {
-          const m = Math.max(p, u), h = Math.min(p + f.nodeSize, d);
+      i.forEach((d) => {
+        const u = d.$from.pos, l = d.$to.pos;
+        o.doc.nodesBetween(u, l, (f, p) => {
+          const m = Math.max(p, u), h = Math.min(p + f.nodeSize, l);
           f.marks.find((k) => k.type === c) ? f.marks.forEach((k) => {
             c === k.type && n.addMark(m, h, c.create({
               ...k.attrs,
@@ -691,16 +691,16 @@ const tn = (e, t = {}) => ({ tr: n, state: o, dispatch: r }) => {
   return en(o, n, c);
 }, nn = (e, t) => ({ tr: n }) => (n.setMeta(e, t), !0), on = (e, t = {}) => ({ state: n, dispatch: o, chain: r }) => {
   const s = y(e, n.schema);
-  return s.isTextblock ? r().command(({ commands: a }) => ee(s, t)(n) ? !0 : a.clearNodes()).command(({ state: a }) => ee(s, t)(a, o)).run() : (console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'), !1);
+  return s.isTextblock ? r().command(({ commands: a }) => te(s, t)(n) ? !0 : a.clearNodes()).command(({ state: a }) => te(s, t)(a, o)).run() : (console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'), !1);
 }, rn = (e) => ({ tr: t, dispatch: n }) => {
   if (n) {
-    const { doc: o } = t, r = P(e, 0, o.content.size), s = ae.create(o, r);
+    const { doc: o } = t, r = I(e, 0, o.content.size), s = ce.create(o, r);
     t.setSelection(s);
   }
   return !0;
 }, sn = (e) => ({ tr: t, dispatch: n }) => {
   if (n) {
-    const { doc: o } = t, { from: r, to: s } = typeof e == "number" ? { from: e, to: e } : e, a = b.atStart(o).from, i = b.atEnd(o).to, c = P(r, a, i), l = P(s, a, i), u = b.create(o, c, l);
+    const { doc: o } = t, { from: r, to: s } = typeof e == "number" ? { from: e, to: e } : e, a = b.atStart(o).from, i = b.atEnd(o).to, c = I(r, a, i), d = I(s, a, i), u = b.create(o, c, d);
     t.setSelection(u);
   }
   return !0;
@@ -708,7 +708,7 @@ const tn = (e, t = {}) => ({ tr: n, state: o, dispatch: r }) => {
   const o = y(e, t.schema);
   return Je(o)(t, n);
 };
-function re(e, t) {
+function se(e, t) {
   const n = e.storedMarks || e.selection.$to.parentOffset && e.selection.$from.marks();
   if (n) {
     const o = n.filter((r) => t == null ? void 0 : t.includes(r.type.name));
@@ -716,16 +716,16 @@ function re(e, t) {
   }
 }
 const cn = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: o, editor: r }) => {
-  const { selection: s, doc: a } = t, { $from: i, $to: c } = s, l = r.extensionManager.attributes, u = D(l, i.node().type.name, i.node().attrs);
-  if (s instanceof ae && s.node.isBlock)
-    return !i.parentOffset || !R(a, i.pos) ? !1 : (o && (e && re(n, r.extensionManager.splittableMarks), t.split(i.pos).scrollIntoView()), !0);
+  const { selection: s, doc: a } = t, { $from: i, $to: c } = s, d = r.extensionManager.attributes, u = D(d, i.node().type.name, i.node().attrs);
+  if (s instanceof ce && s.node.isBlock)
+    return !i.parentOffset || !R(a, i.pos) ? !1 : (o && (e && se(n, r.extensionManager.splittableMarks), t.split(i.pos).scrollIntoView()), !0);
   if (!i.parent.isBlock)
     return !1;
   if (o) {
-    const d = c.parentOffset === c.parent.content.size;
+    const l = c.parentOffset === c.parent.content.size;
     s instanceof b && t.deleteSelection();
     const f = i.depth === 0 ? void 0 : Xt(i.node(-1).contentMatchAt(i.indexAfter(-1)));
-    let p = d && f ? [
+    let p = l && f ? [
       {
         type: f,
         attrs: u
@@ -736,22 +736,22 @@ const cn = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: o, edit
         type: f,
         attrs: u
       }
-    ] : void 0), m && (t.split(t.mapping.map(i.pos), 1, p), f && !d && !i.parentOffset && i.parent.type !== f)) {
+    ] : void 0), m && (t.split(t.mapping.map(i.pos), 1, p), f && !l && !i.parentOffset && i.parent.type !== f)) {
       const h = t.mapping.map(i.before()), g = t.doc.resolve(h);
       i.node(-1).canReplaceWith(g.index(), g.index() + 1, f) && t.setNodeMarkup(t.mapping.map(i.before()), f);
     }
-    e && re(n, r.extensionManager.splittableMarks), t.scrollIntoView();
+    e && se(n, r.extensionManager.splittableMarks), t.scrollIntoView();
   }
   return !0;
 }, ln = (e) => ({ tr: t, state: n, dispatch: o, editor: r }) => {
   var s;
-  const a = y(e, n.schema), { $from: i, $to: c } = n.selection, l = n.selection.node;
-  if (l && l.isBlock || i.depth < 2 || !i.sameParent(c))
+  const a = y(e, n.schema), { $from: i, $to: c } = n.selection, d = n.selection.node;
+  if (d && d.isBlock || i.depth < 2 || !i.sameParent(c))
     return !1;
   const u = i.node(-1);
   if (u.type !== a)
     return !1;
-  const d = r.extensionManager.attributes;
+  const l = r.extensionManager.attributes;
   if (i.parent.content.size === 0 && i.node(-1).childCount === i.indexAfter(-1)) {
     if (i.depth === 2 || i.node(-3).type !== a || i.index(-2) !== i.node(-2).childCount - 1)
       return !1;
@@ -760,7 +760,7 @@ const cn = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: o, edit
       const k = i.index(-1) ? 1 : i.index(-2) ? 2 : 3;
       for (let v = i.depth - k; v >= i.depth - 3; v -= 1)
         g = L.from(i.node(v).copy(g));
-      const E = i.indexAfter(-1) < i.node(-2).childCount ? 1 : i.indexAfter(-2) < i.node(-3).childCount ? 2 : 3, M = D(d, i.node().type.name, i.node().attrs), B = ((s = a.contentMatch.defaultType) === null || s === void 0 ? void 0 : s.createAndFill(M)) || void 0;
+      const E = i.indexAfter(-1) < i.node(-2).childCount ? 1 : i.indexAfter(-2) < i.node(-3).childCount ? 2 : 3, M = D(l, i.node().type.name, i.node().attrs), B = ((s = a.contentMatch.defaultType) === null || s === void 0 ? void 0 : s.createAndFill(M)) || void 0;
       g = g.append(L.from(a.createAndFill(null, B) || void 0));
       const S = i.before(i.depth - (k - 1));
       t.replace(S, i.after(-E), new be(g, 4 - k, 0));
@@ -773,7 +773,7 @@ const cn = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: o, edit
     }
     return !0;
   }
-  const f = c.pos === i.end() ? u.contentMatchAt(0).defaultType : null, p = D(d, u.type.name, u.attrs), m = D(d, i.node().type.name, i.node().attrs);
+  const f = c.pos === i.end() ? u.contentMatchAt(0).defaultType : null, p = D(l, u.type.name, u.attrs), m = D(l, i.node().type.name, i.node().attrs);
   t.delete(i.pos, c.pos);
   const h = f ? [
     { type: a, attrs: p },
@@ -797,7 +797,7 @@ const cn = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: o, edit
   if (o === void 0)
     return !0;
   const r = e.doc.nodeAt(o);
-  return n.node.type === (r == null ? void 0 : r.type) && le(e.doc, n.pos) && e.join(n.pos), !0;
+  return n.node.type === (r == null ? void 0 : r.type) && de(e.doc, n.pos) && e.join(n.pos), !0;
 }, J = (e, t) => {
   const n = Z((a) => a.type === t)(e.selection);
   if (!n)
@@ -806,24 +806,24 @@ const cn = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: o, edit
   if (o === void 0)
     return !0;
   const r = e.doc.nodeAt(o);
-  return n.node.type === (r == null ? void 0 : r.type) && le(e.doc, o) && e.join(o), !0;
-}, dn = (e, t, n, o = {}) => ({ editor: r, tr: s, state: a, dispatch: i, chain: c, commands: l, can: u }) => {
-  const { extensions: d, splittableMarks: f } = r.extensionManager, p = y(e, a.schema), m = y(t, a.schema), { selection: h, storedMarks: g } = a, { $from: k, $to: E } = h, M = k.blockRange(E), B = g || h.$to.parentOffset && h.$from.marks();
+  return n.node.type === (r == null ? void 0 : r.type) && de(e.doc, o) && e.join(o), !0;
+}, dn = (e, t, n, o = {}) => ({ editor: r, tr: s, state: a, dispatch: i, chain: c, commands: d, can: u }) => {
+  const { extensions: l, splittableMarks: f } = r.extensionManager, p = y(e, a.schema), m = y(t, a.schema), { selection: h, storedMarks: g } = a, { $from: k, $to: E } = h, M = k.blockRange(E), B = g || h.$to.parentOffset && h.$from.marks();
   if (!M)
     return !1;
-  const S = Z((T) => oe(T.type.name, d))(h);
+  const S = Z((T) => re(T.type.name, l))(h);
   if (M.depth >= 1 && S && M.depth - S.depth <= 1) {
     if (S.node.type === p)
-      return l.liftListItem(m);
-    if (oe(S.node.type.name, d) && p.validContent(S.node.content) && i)
+      return d.liftListItem(m);
+    if (re(S.node.type.name, l) && p.validContent(S.node.content) && i)
       return c().command(() => (s.setNodeMarkup(S.pos, p), !0)).command(() => _(s, p)).command(() => J(s, p)).run();
   }
-  return !n || !B || !i ? c().command(() => u().wrapInList(p, o) ? !0 : l.clearNodes()).wrapInList(p, o).command(() => _(s, p)).command(() => J(s, p)).run() : c().command(() => {
+  return !n || !B || !i ? c().command(() => u().wrapInList(p, o) ? !0 : d.clearNodes()).wrapInList(p, o).command(() => _(s, p)).command(() => J(s, p)).run() : c().command(() => {
     const T = u().wrapInList(p, o), v = B.filter((K) => f.includes(K.type.name));
-    return s.ensureMarks(v), T ? !0 : l.clearNodes();
+    return s.ensureMarks(v), T ? !0 : d.clearNodes();
   }).wrapInList(p, o).command(() => _(s, p)).command(() => J(s, p)).run();
 }, un = (e, t = {}, n = {}) => ({ state: o, commands: r }) => {
-  const { extendEmptyMarkRange: s = !1 } = n, a = I(e, o.schema);
+  const { extendEmptyMarkRange: s = !1 } = n, a = $(e, o.schema);
   return Zt(o, a, t) ? r.unsetMark(a, { extendEmptyMarkRange: s }) : r.setMark(a, t);
 }, fn = (e, t, n = {}) => ({ state: o, commands: r }) => {
   const s = y(e, o.schema), a = y(t, o.schema);
@@ -858,30 +858,30 @@ const cn = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: o, edit
   }), !0;
 }, gn = (e, t = {}) => ({ tr: n, state: o, dispatch: r }) => {
   var s;
-  const { extendEmptyMarkRange: a = !1 } = t, { selection: i } = n, c = I(e, o.schema), { $from: l, empty: u, ranges: d } = i;
+  const { extendEmptyMarkRange: a = !1 } = t, { selection: i } = n, c = $(e, o.schema), { $from: d, empty: u, ranges: l } = i;
   if (!r)
     return !0;
   if (u && a) {
     let { from: f, to: p } = i;
-    const m = (s = l.marks().find((g) => g.type === c)) === null || s === void 0 ? void 0 : s.attrs, h = pe(l, c, m);
+    const m = (s = d.marks().find((g) => g.type === c)) === null || s === void 0 ? void 0 : s.attrs, h = me(d, c, m);
     h && (f = h.from, p = h.to), n.removeMark(f, p, c);
   } else
-    d.forEach((f) => {
+    l.forEach((f) => {
       n.removeMark(f.$from.pos, f.$to.pos, c);
     });
   return n.removeStoredMark(c), !0;
 }, kn = (e, t = {}) => ({ tr: n, state: o, dispatch: r }) => {
   let s = null, a = null;
-  const i = ke(typeof e == "string" ? e : e.name, o.schema);
-  return i ? (i === "node" && (s = y(e, o.schema)), i === "mark" && (a = I(e, o.schema)), r && n.selection.ranges.forEach((c) => {
-    const l = c.$from.pos, u = c.$to.pos;
-    o.doc.nodesBetween(l, u, (d, f) => {
-      s && s === d.type && n.setNodeMarkup(f, void 0, {
-        ...d.attrs,
+  const i = ye(typeof e == "string" ? e : e.name, o.schema);
+  return i ? (i === "node" && (s = y(e, o.schema)), i === "mark" && (a = $(e, o.schema)), r && n.selection.ranges.forEach((c) => {
+    const d = c.$from.pos, u = c.$to.pos;
+    o.doc.nodesBetween(d, u, (l, f) => {
+      s && s === l.type && n.setNodeMarkup(f, void 0, {
+        ...l.attrs,
         ...t
-      }), a && d.marks.length && d.marks.forEach((p) => {
+      }), a && l.marks.length && l.marks.forEach((p) => {
         if (a === p.type) {
-          const m = Math.max(f, l), h = Math.min(f + d.nodeSize, u);
+          const m = Math.max(f, d), h = Math.min(f + l.nodeSize, u);
           n.addMark(m, h, a.create({
             ...p.attrs,
             ...t
@@ -921,9 +921,9 @@ var xn = /* @__PURE__ */ Object.freeze({
   joinDown: Et,
   joinBackward: Bt,
   joinForward: vt,
-  joinItemBackward: It,
-  joinItemForward: Pt,
-  joinTextblockBackward: $t,
+  joinItemBackward: $t,
+  joinItemForward: It,
+  joinTextblockBackward: Pt,
   joinTextblockForward: Nt,
   keyboardShortcut: jt,
   lift: Ft,
@@ -970,7 +970,7 @@ C.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
-      new $({
+      new P({
         key: new N("editable"),
         props: {
           editable: () => this.editor.options.editable
@@ -984,7 +984,7 @@ C.create({
   addProseMirrorPlugins() {
     const { editor: e } = this;
     return [
-      new $({
+      new P({
         key: new N("focusEvents"),
         props: {
           handleDOMEvents: {
@@ -1011,7 +1011,7 @@ C.create({
       () => a.undoInputRule(),
       // maybe convert first text block node to default node
       () => a.command(({ tr: i }) => {
-        const { selection: c, doc: l } = i, { empty: u, $anchor: d } = c, { pos: f, parent: p } = d, m = d.parent.isTextblock && f > 0 ? i.doc.resolve(f - 1) : d, h = m.parent.type.spec.isolating, g = d.pos - d.parentOffset, k = h && m.parent.childCount === 1 ? g === d.pos : O.atStart(l).from === f;
+        const { selection: c, doc: d } = i, { empty: u, $anchor: l } = c, { pos: f, parent: p } = l, m = l.parent.isTextblock && f > 0 ? i.doc.resolve(f - 1) : l, h = m.parent.type.spec.isolating, g = l.pos - l.parentOffset, k = h && m.parent.childCount === 1 ? g === l.pos : O.atStart(d).from === f;
         return !u || !k || !p.type.isTextblock || p.textContent.length ? !1 : a.clearNodes();
       }),
       () => a.deleteSelection(),
@@ -1049,7 +1049,7 @@ C.create({
       "Ctrl-a": () => this.editor.commands.selectTextblockStart(),
       "Ctrl-e": () => this.editor.commands.selectTextblockEnd()
     };
-    return X() || ge() ? s : r;
+    return X() || ke() ? s : r;
   },
   addProseMirrorPlugins() {
     return [
@@ -1058,7 +1058,7 @@ C.create({
       // to a paragraph if necessary.
       // This is an alternative to ProseMirror's `AllSelection`, which doesn’t work well
       // with many other commands.
-      new $({
+      new P({
         key: new N("clearDocument"),
         appendTransaction: (e, t, n) => {
           if (!(e.some((m) => m.docChanged) && !t.doc.eq(n.doc)))
@@ -1066,15 +1066,15 @@ C.create({
           const { empty: r, from: s, to: a } = t.selection, i = O.atStart(t.doc).from, c = O.atEnd(t.doc).to;
           if (r || !(s === i && a === c) || !(n.doc.textBetween(0, n.doc.content.size, " ", " ").length === 0))
             return;
-          const d = n.tr, f = fe({
+          const l = n.tr, f = pe({
             state: n,
-            transaction: d
+            transaction: l
           }), { commands: p } = new qe({
             editor: this.editor,
             state: f
           });
-          if (p.clearNodes(), !!d.steps.length)
-            return d;
+          if (p.clearNodes(), !!l.steps.length)
+            return l;
         }
       })
     ];
@@ -1084,7 +1084,7 @@ C.create({
   name: "tabindex",
   addProseMirrorPlugins() {
     return [
-      new $({
+      new P({
         key: new N("tabindex"),
         props: {
           attributes: this.editor.isEditable ? { tabindex: "0" } : {}
@@ -1093,7 +1093,7 @@ C.create({
     ];
   }
 });
-function se(e) {
+function ie(e) {
   return new et({
     find: e.find,
     handler: ({ state: t, range: n, match: o }) => {
@@ -1228,14 +1228,14 @@ const Sn = /^```([a-z]+)?[\s\n]$/, bn = /^~~~([a-z]+)?[\s\n]$/, Mn = H.create({
   },
   addInputRules() {
     return [
-      se({
+      ie({
         find: Sn,
         type: this.type,
         getAttributes: (e) => ({
           language: e[1]
         })
       }),
-      se({
+      ie({
         find: bn,
         type: this.type,
         getAttributes: (e) => ({
@@ -1248,7 +1248,7 @@ const Sn = /^```([a-z]+)?[\s\n]$/, bn = /^~~~([a-z]+)?[\s\n]$/, Mn = H.create({
     return [
       // this plugin creates a code block for pasted content from VS Code
       // we can also detect the copied code language
-      new $({
+      new P({
         key: new N("codeBlockVSCodeHandler"),
         props: {
           handlePaste: (e, t) => {
@@ -1274,9 +1274,9 @@ function An() {
 function Tn(e) {
   if (!A && !j) {
     const t = e.themes.filter(
-      (o) => !!o && o in de
-    ), n = e.languages.filter(
       (o) => !!o && o in ue
+    ), n = e.languages.filter(
+      (o) => !!o && o in fe
     );
     return j = Ge({ themes: t, langs: n }).then((o) => {
       A = o;
@@ -1285,11 +1285,11 @@ function Tn(e) {
   if (j)
     return j;
 }
-async function ye(e) {
-  return A && !A.getLoadedThemes().includes(e) && !G.has(e) && e in de ? (G.add(e), await A.loadTheme(e), G.delete(e), !0) : !1;
-}
 async function we(e) {
-  return A && !A.getLoadedLanguages().includes(e) && !U.has(e) && e in ue ? (U.add(e), await A.loadLanguage(e), U.delete(e), !0) : !1;
+  return A && !A.getLoadedThemes().includes(e) && !G.has(e) && e in ue ? (G.add(e), await A.loadTheme(e), G.delete(e), !0) : !1;
+}
+async function xe(e) {
+  return A && !A.getLoadedLanguages().includes(e) && !U.has(e) && e in fe ? (U.add(e), await A.loadLanguage(e), U.delete(e), !0) : !1;
 }
 async function Cn({
   doc: e,
@@ -1305,11 +1305,11 @@ async function Cn({
     o
   ];
   A ? await Promise.all([
-    ...s.flatMap((i) => ye(i)),
-    ...a.flatMap((i) => !!i && we(i))
+    ...s.flatMap((i) => we(i)),
+    ...a.flatMap((i) => !!i && xe(i))
   ]) : await Tn({ languages: a, themes: s });
 }
-function ie({
+function ae({
   doc: e,
   name: t,
   defaultTheme: n,
@@ -1317,32 +1317,38 @@ function ie({
 }) {
   const r = [];
   return F(e, (a) => a.type.name === t).forEach((a) => {
-    let i = a.pos + 1, c = a.node.attrs.language || o, l = a.node.attrs.theme || n;
+    let i = a.pos + 1, c = a.node.attrs.language || o, d = a.node.attrs.theme || n;
     const u = An();
     if (!u)
       return;
     u.getLoadedLanguages().includes(c) || (c = "plaintext");
-    const d = u.getLoadedThemes().includes(l) ? l : u.getLoadedThemes()[0], f = u.codeToTokensBase(a.node.textContent, {
+    const l = u.getLoadedThemes().includes(d) ? d : u.getLoadedThemes()[0], f = u.getTheme(l);
+    r.push(
+      ee.node(a.pos, a.pos + a.node.nodeSize, {
+        style: `background-color: ${f.bg}`
+      })
+    );
+    const p = u.codeToTokensBase(a.node.textContent, {
       lang: c,
-      theme: d
+      theme: l
     });
-    for (const p of f) {
-      for (const m of p) {
-        const h = i + m.content.length, g = Se.inline(i, h, {
-          style: `color: ${m.color}`
+    for (const m of p) {
+      for (const h of m) {
+        const g = i + h.content.length, k = ee.inline(i, g, {
+          style: `color: ${h.color}`
         });
-        r.push(g), i = h;
+        r.push(k), i = g;
       }
       i += 1;
     }
-  }), xe.create(e, r);
+  }), Se.create(e, r);
 }
 function En({
   name: e,
   defaultLanguage: t,
   defaultTheme: n
 }) {
-  const o = new $({
+  const o = new P({
     key: new N("shiki"),
     view(r) {
       class s {
@@ -1370,8 +1376,8 @@ function En({
           );
           if ((await Promise.all(
             i.flatMap((u) => [
-              ye(u.node.attrs.theme),
-              we(u.node.attrs.language)
+              we(u.node.attrs.theme),
+              xe(u.node.attrs.language)
             ])
           )).includes(!0)) {
             const u = r.state.tr.setMeta("shikiPluginForceDecoration", !0);
@@ -1382,23 +1388,23 @@ function En({
       return new s();
     },
     state: {
-      init: (r, { doc: s }) => ie({
+      init: (r, { doc: s }) => ae({
         doc: s,
         name: e,
         defaultLanguage: t,
         defaultTheme: n
       }),
       apply: (r, s, a, i) => {
-        const c = a.selection.$head.parent.type.name, l = i.selection.$head.parent.type.name, u = F(
+        const c = a.selection.$head.parent.type.name, d = i.selection.$head.parent.type.name, u = F(
           a.doc,
           (p) => p.type.name === e
-        ), d = F(
+        ), l = F(
           i.doc,
           (p) => p.type.name === e
         ), f = r.docChanged && // Apply decorations if:
         // selection includes named node,
-        ([c, l].includes(e) || // OR transaction adds/removes named node,
-        d.length !== u.length || // OR transaction has changes that completely encapsulte a node
+        ([c, d].includes(e) || // OR transaction adds/removes named node,
+        l.length !== u.length || // OR transaction has changes that completely encapsulte a node
         // (for example, a transaction that affects the entire document).
         // Such transactions can happen during collab syncing via y-prosemirror, for example.
         r.steps.some((p) => (
@@ -1410,7 +1416,7 @@ function En({
             m.pos + m.node.nodeSize <= p.to
           ))
         )));
-        return r.getMeta("shikiPluginForceDecoration") || f ? ie({
+        return r.getMeta("shikiPluginForceDecoration") || f ? ae({
           doc: r.doc,
           name: e,
           defaultLanguage: t,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiptap-extension-code-block-shiki",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "Use Shiki syntax highlighting for codeblocks in TipTap.",
   "repository": "timomeh/tiptap-extension-code-block-shiki",
   "author": {
@@ -28,9 +28,9 @@
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
-    "@tiptap/core": "^2.3.0",
-    "@tiptap/extension-code-block": "^2.3.0",
-    "@tiptap/pm": "^2.3.0",
+    "@tiptap/core": "^2.3.0 || ^3.0.0",
+    "@tiptap/extension-code-block": "^2.3.0 || ^3.0.0",
+    "@tiptap/pm": "^2.3.0 || ^3.0.0",
     "shiki": "^3.0.0"
   },
   "keywords": [