@milkdown/crepe 7.12.0 → 7.13.0

package/lib/cjs/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder.js","sources":["../../src/core/slice.ts","../../src/core/builder.ts"],"sourcesContent":["import { createSlice, type Ctx } from '@milkdown/kit/ctx'\n\nimport type { CrepeFeature } from '../feature'\nimport type { CrepeBuilder } from './builder'\n\n/// @internal\n/// The feature flags context.\n/// ⚠️ Most of the time, you should use `useCrepeFeatures` to get the features.\nexport const FeaturesCtx = createSlice([] as CrepeFeature[], 'FeaturesCtx')\n\n/// @internal\n/// The crepe editor context.\n/// ⚠️ Most of the time, you should use `useCrepe` to get the crepe editor instance.\nexport const CrepeCtx = createSlice({} as CrepeBuilder, 'CrepeCtx')\n\n/// The crepe editor context.\n/// You can use this context to access the crepe editor instance within Milkdown plugins.\n/// ```ts\n/// import { crepeCtx } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   return () => {\n///     const crepe = useCrepe(ctx)\n///     crepe.setReadonly(true)\n///   }\n/// }\n/// ```\nexport function useCrepe(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.get<CrepeBuilder, 'CrepeCtx'>('CrepeCtx')\n}\n\n/// Check the enabled FeatureFlags\n/// ```ts\n/// import { useCrepeFeatures } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   const features = useCrepeFeatures(ctx)\n///   if (features.get().includes(CrepeFeature.CodeMirror)) {\n///     // Do something with CodeMirror\n///   }\n/// }\nexport function useCrepeFeatures(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.use<CrepeFeature[], 'FeaturesCtx'>('FeaturesCtx')\n}\n\n/// @internal\nexport function crepeFeatureConfig(feature: CrepeFeature) {\n  return (ctx: Ctx) => {\n    useCrepeFeatures(ctx).update((features) => {\n      if (features.includes(feature)) {\n        return features\n      }\n      return [...features, feature]\n    })\n  }\n}\n","import {\n  type DefaultValue,\n  defaultValueCtx,\n  Editor,\n  EditorStatus,\n  editorViewCtx,\n  editorViewOptionsCtx,\n  rootCtx,\n} from '@milkdown/kit/core'\nimport { clipboard } from '@milkdown/kit/plugin/clipboard'\nimport { history } from '@milkdown/kit/plugin/history'\nimport { indent, indentConfig } from '@milkdown/kit/plugin/indent'\nimport {\n  listener,\n  listenerCtx,\n  type ListenerManager,\n} from '@milkdown/kit/plugin/listener'\nimport { trailing } from '@milkdown/kit/plugin/trailing'\nimport { commonmark } from '@milkdown/kit/preset/commonmark'\nimport { gfm } from '@milkdown/kit/preset/gfm'\nimport { getMarkdown } from '@milkdown/kit/utils'\n\nimport type { CrepeFeature, CrepeFeatureConfig } from '../feature'\nimport type { DefineFeature } from '../feature/shared'\n\nimport { CrepeCtx, FeaturesCtx } from './slice'\n\n/// The crepe builder configuration.\nexport interface CrepeBuilderConfig {\n  /// The root element for the editor.\n  /// Supports both DOM nodes and CSS selectors,\n  /// If not provided, the editor will be appended to the body.\n  root?: Node | string | null\n\n  /// The default value for the editor.\n  defaultValue?: DefaultValue\n}\n\n/// The crepe builder class.\n/// This class allows users to manually add features to the editor.\nexport class CrepeBuilder {\n  /// @internal\n  readonly #editor: Editor\n\n  /// @internal\n  readonly #rootElement: Node\n\n  /// @internal\n  #editable = true\n\n  /// The constructor of the crepe builder.\n  /// You can pass configs to the builder to configure the editor.\n  constructor({ root, defaultValue = '' }: CrepeBuilderConfig) {\n    this.#rootElement =\n      (typeof root === 'string' ? document.querySelector(root) : root) ??\n      document.body\n    this.#editor = Editor.make()\n      .config((ctx) => {\n        ctx.inject(CrepeCtx, this)\n        ctx.inject(FeaturesCtx, [])\n      })\n      .config((ctx) => {\n        ctx.set(rootCtx, this.#rootElement)\n        ctx.set(defaultValueCtx, defaultValue)\n        ctx.set(editorViewOptionsCtx, {\n          editable: () => this.#editable,\n        })\n        ctx.update(indentConfig.key, (value) => ({\n          ...value,\n          size: 4,\n        }))\n      })\n      .use(commonmark)\n      .use(listener)\n      .use(history)\n      .use(indent)\n      .use(trailing)\n      .use(clipboard)\n      .use(gfm)\n  }\n\n  /// Add a feature to the editor.\n  addFeature: {\n    <T extends CrepeFeature>(\n      feature: DefineFeature<CrepeFeatureConfig[T]>,\n      config?: CrepeFeatureConfig[T]\n    ): CrepeBuilder\n    <C>(feature: DefineFeature<C>, config?: C): CrepeBuilder\n  } = (feature: DefineFeature, config?: never) => {\n    feature(this.#editor, config)\n    return this\n  }\n\n  /// Create the editor.\n  create = () => {\n    return this.#editor.create()\n  }\n\n  /// Destroy the editor.\n  destroy = () => {\n    return this.#editor.destroy()\n  }\n\n  /// Get the milkdown editor instance.\n  get editor(): Editor {\n    return this.#editor\n  }\n\n  /// Set the readonly mode of the editor.\n  setReadonly = (value: boolean) => {\n    this.#editable = !value\n    this.#editor.action((ctx) => {\n      if (this.#editor.status === EditorStatus.Created) {\n        const view = ctx.get(editorViewCtx)\n        view.setProps({\n          editable: () => !value,\n        })\n      }\n    })\n    return this\n  }\n\n  /// Get the markdown content of the editor.\n  getMarkdown = () => {\n    return this.#editor.action(getMarkdown())\n  }\n\n  /// Register event listeners.\n  on = (fn: (api: ListenerManager) => void) => {\n    if (this.#editor.status !== EditorStatus.Created) {\n      this.#editor.config((ctx) => {\n        const listener = ctx.get(listenerCtx)\n        fn(listener)\n      })\n      return this\n    }\n    this.#editor.action((ctx) => {\n      const listener = ctx.get(listenerCtx)\n      fn(listener)\n    })\n    return this\n  }\n}\n"],"names":["createSlice","EditorStatus","editorViewCtx","getMarkdown","listener","listenerCtx","Editor","rootCtx","defaultValueCtx","editorViewOptionsCtx","indentConfig","commonmark","history","indent","trailing","clipboard","gfm"],"mappings":"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"}

package/lib/cjs/feature/block-edit/index.js

@@ -12,7 +12,6 @@ var utils = require('@milkdown/kit/utils');
 var component = require('@milkdown/kit/component');
 var imageBlock = require('@milkdown/kit/component/image-block');
 var gfm = require('@milkdown/kit/preset/gfm');
-var transform = require('@milkdown/kit/prose/transform');
 
 ctx.createSlice([], "FeaturesCtx");
 ctx.createSlice({}, "CrepeCtx");
@@ -422,7 +421,7 @@ class GroupBuilder {
       const groupInstance = {
         group,
         addItem: (key, item) => {
-          const data = { key, ...item };
+          const data = { ...item, key };
           group.items.push(data);
           return groupInstance;
         },
@@ -456,260 +455,280 @@ class GroupBuilder {
 _groups = new WeakMap();
 _getGroupInstance = new WeakMap();
 
-function clearRange(tr) {
-  const { $from, $to } = tr.selection;
-  const { pos: from } = $from;
-  const { pos: to } = $to;
-  tr = tr.deleteRange(from - $from.node().content.size, to);
-  return tr;
-}
-function setBlockType(tr, nodeType, attrs = null) {
-  const { from, to } = tr.selection;
-  return tr.setBlockType(from, to, nodeType, attrs);
-}
-function wrapInBlockType(tr, nodeType, attrs = null) {
-  const { $from, $to } = tr.selection;
-  const range = $from.blockRange($to);
-  const wrapping = range && transform.findWrapping(range, nodeType, attrs);
-  if (!wrapping) return null;
-  return tr.wrap(range, wrapping);
-}
-function addBlockType(tr, nodeType, attrs = null) {
-  const node = nodeType.createAndFill(attrs);
-  if (!node) return null;
-  return tr.replaceSelectionWith(node);
-}
-function clearContentAndSetBlockType(nodeType, attrs = null) {
-  return (state, dispatch) => {
-    if (dispatch) {
-      const tr = setBlockType(clearRange(state.tr), nodeType, attrs);
-      dispatch(tr.scrollIntoView());
-    }
-    return true;
-  };
-}
-function clearContentAndWrapInBlockType(nodeType, attrs = null) {
-  return (state, dispatch) => {
-    const tr = wrapInBlockType(clearRange(state.tr), nodeType, attrs);
-    if (!tr) return false;
-    if (dispatch) dispatch(tr.scrollIntoView());
-    return true;
-  };
-}
-function clearContentAndAddBlockType(nodeType, attrs = null) {
-  return (state, dispatch) => {
-    const tr = addBlockType(clearRange(state.tr), nodeType, attrs);
-    if (!tr) return false;
-    if (dispatch) dispatch(tr.scrollIntoView());
-    return true;
-  };
-}
-
 function getGroups(filter, config, ctx) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb, _ib, _jb, _kb;
   const flags = ctx && useCrepeFeatures(ctx).get();
   const isLatexEnabled = flags == null ? void 0 : flags.includes(CrepeFeature.Latex);
   const isImageBlockEnabled = flags == null ? void 0 : flags.includes(CrepeFeature.ImageBlock);
   const isTableEnabled = flags == null ? void 0 : flags.includes(CrepeFeature.Table);
   const groupBuilder = new GroupBuilder();
-  groupBuilder.addGroup("text", (_a = config == null ? void 0 : config.slashMenuTextGroupLabel) != null ? _a : "Text").addItem("text", {
-    label: (_b = config == null ? void 0 : config.slashMenuTextLabel) != null ? _b : "Text",
-    icon: (_c = config == null ? void 0 : config.slashMenuTextIcon) != null ? _c : textIcon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.paragraphSchema.type(ctx2));
-      command(state, dispatch);
+  if ((config == null ? void 0 : config.textGroup) !== null) {
+    const textGroup = groupBuilder.addGroup(
+      "text",
+      (_b = (_a = config == null ? void 0 : config.textGroup) == null ? void 0 : _a.label) != null ? _b : "Text"
+    );
+    if (((_c = config == null ? void 0 : config.textGroup) == null ? void 0 : _c.text) !== null) {
+      textGroup.addItem("text", {
+        label: (_f = (_e = (_d = config == null ? void 0 : config.textGroup) == null ? void 0 : _d.text) == null ? void 0 : _e.label) != null ? _f : "Text",
+        icon: (_i = (_h = (_g = config == null ? void 0 : config.textGroup) == null ? void 0 : _g.text) == null ? void 0 : _h.icon) != null ? _i : textIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const paragraph = commonmark.paragraphSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.setBlockTypeCommand.key, {
+            nodeType: paragraph
+          });
+        }
+      });
     }
-  }).addItem("h1", {
-    label: (_d = config == null ? void 0 : config.slashMenuH1Label) != null ? _d : "Heading 1",
-    icon: (_e = config == null ? void 0 : config.slashMenuH1Icon) != null ? _e : h1Icon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx2), {
-        level: 1
+    if (((_j = config == null ? void 0 : config.textGroup) == null ? void 0 : _j.h1) !== null) {
+      textGroup.addItem("h1", {
+        label: (_m = (_l = (_k = config == null ? void 0 : config.textGroup) == null ? void 0 : _k.h1) == null ? void 0 : _l.label) != null ? _m : "Heading 1",
+        icon: (_p = (_o = (_n = config == null ? void 0 : config.textGroup) == null ? void 0 : _n.h1) == null ? void 0 : _o.icon) != null ? _p : h1Icon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const heading = commonmark.headingSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.setBlockTypeCommand.key, {
+            nodeType: heading,
+            attrs: {
+              level: 1
+            }
+          });
+        }
       });
-      command(state, dispatch);
     }
-  }).addItem("h2", {
-    label: (_f = config == null ? void 0 : config.slashMenuH2Label) != null ? _f : "Heading 2",
-    icon: (_g = config == null ? void 0 : config.slashMenuH2Icon) != null ? _g : h2Icon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx2), {
-        level: 2
+    if (((_q = config == null ? void 0 : config.textGroup) == null ? void 0 : _q.h2) !== null) {
+      textGroup.addItem("h2", {
+        label: (_t = (_s = (_r = config == null ? void 0 : config.textGroup) == null ? void 0 : _r.h2) == null ? void 0 : _s.label) != null ? _t : "Heading 2",
+        icon: (_w = (_v = (_u = config == null ? void 0 : config.textGroup) == null ? void 0 : _u.h2) == null ? void 0 : _v.icon) != null ? _w : h2Icon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const heading = commonmark.headingSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.setBlockTypeCommand.key, {
+            nodeType: heading,
+            attrs: {
+              level: 2
+            }
+          });
+        }
       });
-      command(state, dispatch);
     }
-  }).addItem("h3", {
-    label: (_h = config == null ? void 0 : config.slashMenuH3Label) != null ? _h : "Heading 3",
-    icon: (_i = config == null ? void 0 : config.slashMenuH3Icon) != null ? _i : h3Icon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx2), {
-        level: 3
+    if (((_x = config == null ? void 0 : config.textGroup) == null ? void 0 : _x.h3) !== null) {
+      textGroup.addItem("h3", {
+        label: (_A = (_z = (_y = config == null ? void 0 : config.textGroup) == null ? void 0 : _y.h3) == null ? void 0 : _z.label) != null ? _A : "Heading 3",
+        icon: (_D = (_C = (_B = config == null ? void 0 : config.textGroup) == null ? void 0 : _B.h3) == null ? void 0 : _C.icon) != null ? _D : h3Icon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const heading = commonmark.headingSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.setBlockTypeCommand.key, {
+            nodeType: heading,
+            attrs: {
+              level: 3
+            }
+          });
+        }
       });
-      command(state, dispatch);
     }
-  }).addItem("h4", {
-    label: (_j = config == null ? void 0 : config.slashMenuH4Label) != null ? _j : "Heading 4",
-    icon: (_k = config == null ? void 0 : config.slashMenuH4Icon) != null ? _k : h4Icon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx2), {
-        level: 4
+    if (((_E = config == null ? void 0 : config.textGroup) == null ? void 0 : _E.h4) !== null) {
+      textGroup.addItem("h4", {
+        label: (_H = (_G = (_F = config == null ? void 0 : config.textGroup) == null ? void 0 : _F.h4) == null ? void 0 : _G.label) != null ? _H : "Heading 4",
+        icon: (_K = (_J = (_I = config == null ? void 0 : config.textGroup) == null ? void 0 : _I.h4) == null ? void 0 : _J.icon) != null ? _K : h4Icon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const heading = commonmark.headingSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.setBlockTypeCommand.key, {
+            nodeType: heading,
+            attrs: {
+              level: 4
+            }
+          });
+        }
       });
-      command(state, dispatch);
     }
-  }).addItem("h5", {
-    label: (_l = config == null ? void 0 : config.slashMenuH5Label) != null ? _l : "Heading 5",
-    icon: (_m = config == null ? void 0 : config.slashMenuH5Icon) != null ? _m : h5Icon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx2), {
-        level: 5
+    if (((_L = config == null ? void 0 : config.textGroup) == null ? void 0 : _L.h5) !== null) {
+      textGroup.addItem("h5", {
+        label: (_O = (_N = (_M = config == null ? void 0 : config.textGroup) == null ? void 0 : _M.h5) == null ? void 0 : _N.label) != null ? _O : "Heading 5",
+        icon: (_R = (_Q = (_P = config == null ? void 0 : config.textGroup) == null ? void 0 : _P.h5) == null ? void 0 : _Q.icon) != null ? _R : h5Icon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const heading = commonmark.headingSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.setBlockTypeCommand.key, {
+            nodeType: heading,
+            attrs: {
+              level: 5
+            }
+          });
+        }
       });
-      command(state, dispatch);
     }
-  }).addItem("h6", {
-    label: (_n = config == null ? void 0 : config.slashMenuH6Label) != null ? _n : "Heading 6",
-    icon: (_o = config == null ? void 0 : config.slashMenuH6Icon) != null ? _o : h6Icon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx2), {
-        level: 6
+    if (((_S = config == null ? void 0 : config.textGroup) == null ? void 0 : _S.h6) !== null) {
+      textGroup.addItem("h6", {
+        label: (_V = (_U = (_T = config == null ? void 0 : config.textGroup) == null ? void 0 : _T.h6) == null ? void 0 : _U.label) != null ? _V : "Heading 6",
+        icon: (_Y = (_X = (_W = config == null ? void 0 : config.textGroup) == null ? void 0 : _W.h6) == null ? void 0 : _X.icon) != null ? _Y : h6Icon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const heading = commonmark.headingSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.setBlockTypeCommand.key, {
+            nodeType: heading,
+            attrs: {
+              level: 6
+            }
+          });
+        }
       });
-      command(state, dispatch);
     }
-  }).addItem("quote", {
-    label: (_p = config == null ? void 0 : config.slashMenuQuoteLabel) != null ? _p : "Quote",
-    icon: (_q = config == null ? void 0 : config.slashMenuQuoteIcon) != null ? _q : quoteIcon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(
-        commonmark.blockquoteSchema.type(ctx2)
-      );
-      command(state, dispatch);
+    if (((_Z = config == null ? void 0 : config.textGroup) == null ? void 0 : _Z.quote) !== null) {
+      textGroup.addItem("quote", {
+        label: (_aa = (_$ = (__ = config == null ? void 0 : config.textGroup) == null ? void 0 : __.quote) == null ? void 0 : _$.label) != null ? _aa : "Quote",
+        icon: (_da = (_ca = (_ba = config == null ? void 0 : config.textGroup) == null ? void 0 : _ba.quote) == null ? void 0 : _ca.icon) != null ? _da : quoteIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const blockquote = commonmark.blockquoteSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.wrapInBlockTypeCommand.key, {
+            nodeType: blockquote
+          });
+        }
+      });
     }
-  }).addItem("divider", {
-    label: (_r = config == null ? void 0 : config.slashMenuDividerLabel) != null ? _r : "Divider",
-    icon: (_s = config == null ? void 0 : config.slashMenuDividerIcon) != null ? _s : dividerIcon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndAddBlockType(commonmark.hrSchema.type(ctx2));
-      command(state, dispatch);
+    if (((_ea = config == null ? void 0 : config.textGroup) == null ? void 0 : _ea.divider) !== null) {
+      textGroup.addItem("divider", {
+        label: (_ha = (_ga = (_fa = config == null ? void 0 : config.textGroup) == null ? void 0 : _fa.divider) == null ? void 0 : _ga.label) != null ? _ha : "Divider",
+        icon: (_ka = (_ja = (_ia = config == null ? void 0 : config.textGroup) == null ? void 0 : _ia.divider) == null ? void 0 : _ja.icon) != null ? _ka : dividerIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const hr = commonmark.hrSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.addBlockTypeCommand.key, {
+            nodeType: hr
+          });
+        }
+      });
     }
-  });
-  groupBuilder.addGroup("list", (_t = config == null ? void 0 : config.slashMenuListGroupLabel) != null ? _t : "List").addItem("bullet-list", {
-    label: (_u = config == null ? void 0 : config.slashMenuBulletListLabel) != null ? _u : "Bullet List",
-    icon: (_v = config == null ? void 0 : config.slashMenuBulletListIcon) != null ? _v : bulletListIcon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(
-        commonmark.bulletListSchema.type(ctx2)
-      );
-      command(state, dispatch);
+  }
+  if ((config == null ? void 0 : config.listGroup) !== null) {
+    const listGroup = groupBuilder.addGroup(
+      "list",
+      (_ma = (_la = config == null ? void 0 : config.listGroup) == null ? void 0 : _la.label) != null ? _ma : "List"
+    );
+    if (((_na = config == null ? void 0 : config.listGroup) == null ? void 0 : _na.bulletList) !== null) {
+      listGroup.addItem("bullet-list", {
+        label: (_qa = (_pa = (_oa = config == null ? void 0 : config.listGroup) == null ? void 0 : _oa.bulletList) == null ? void 0 : _pa.label) != null ? _qa : "Bullet List",
+        icon: (_ta = (_sa = (_ra = config == null ? void 0 : config.listGroup) == null ? void 0 : _ra.bulletList) == null ? void 0 : _sa.icon) != null ? _ta : bulletListIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const bulletList = commonmark.bulletListSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.wrapInBlockTypeCommand.key, {
+            nodeType: bulletList
+          });
+        }
+      });
     }
-  }).addItem("ordered-list", {
-    label: (_w = config == null ? void 0 : config.slashMenuOrderedListLabel) != null ? _w : "Ordered List",
-    icon: (_x = config == null ? void 0 : config.slashMenuOrderedListIcon) != null ? _x : orderedListIcon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(
-        commonmark.orderedListSchema.type(ctx2)
-      );
-      command(state, dispatch);
+    if (((_ua = config == null ? void 0 : config.listGroup) == null ? void 0 : _ua.orderedList) !== null) {
+      listGroup.addItem("ordered-list", {
+        label: (_xa = (_wa = (_va = config == null ? void 0 : config.listGroup) == null ? void 0 : _va.orderedList) == null ? void 0 : _wa.label) != null ? _xa : "Ordered List",
+        icon: (_Aa = (_za = (_ya = config == null ? void 0 : config.listGroup) == null ? void 0 : _ya.orderedList) == null ? void 0 : _za.icon) != null ? _Aa : orderedListIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const orderedList = commonmark.orderedListSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.wrapInBlockTypeCommand.key, {
+            nodeType: orderedList
+          });
+        }
+      });
     }
-  }).addItem("todo-list", {
-    label: (_y = config == null ? void 0 : config.slashMenuTaskListLabel) != null ? _y : "Todo List",
-    icon: (_z = config == null ? void 0 : config.slashMenuTaskListIcon) != null ? _z : todoListIcon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(
-        commonmark.listItemSchema.type(ctx2),
-        { checked: false }
-      );
-      command(state, dispatch);
+    if (((_Ba = config == null ? void 0 : config.listGroup) == null ? void 0 : _Ba.taskList) !== null) {
+      listGroup.addItem("task-list", {
+        label: (_Ea = (_Da = (_Ca = config == null ? void 0 : config.listGroup) == null ? void 0 : _Ca.taskList) == null ? void 0 : _Da.label) != null ? _Ea : "Task List",
+        icon: (_Ha = (_Ga = (_Fa = config == null ? void 0 : config.listGroup) == null ? void 0 : _Fa.taskList) == null ? void 0 : _Ga.icon) != null ? _Ha : todoListIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const listItem = commonmark.listItemSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.wrapInBlockTypeCommand.key, {
+            nodeType: listItem,
+            attrs: { checked: false }
+          });
+        }
+      });
     }
-  });
-  const advancedGroup = groupBuilder.addGroup(
-    "advanced",
-    (_A = config == null ? void 0 : config.slashMenuAdvancedGroupLabel) != null ? _A : "Advanced"
-  );
-  if (isImageBlockEnabled) {
-    advancedGroup.addItem("image", {
-      label: (_B = config == null ? void 0 : config.slashMenuImageLabel) != null ? _B : "Image",
-      icon: (_C = config == null ? void 0 : config.slashMenuImageIcon) != null ? _C : imageIcon,
-      onRun: (ctx2) => {
-        const view = ctx2.get(core.editorViewCtx);
-        const { dispatch, state } = view;
-        const command = clearContentAndAddBlockType(imageBlock.imageBlockSchema.type(ctx2));
-        command(state, dispatch);
-      }
-    });
   }
-  advancedGroup.addItem("code", {
-    label: (_D = config == null ? void 0 : config.slashMenuCodeBlockLabel) != null ? _D : "Code",
-    icon: (_E = config == null ? void 0 : config.slashMenuCodeBlockIcon) != null ? _E : codeIcon,
-    onRun: (ctx2) => {
-      const view = ctx2.get(core.editorViewCtx);
-      const { dispatch, state } = view;
-      const command = clearContentAndAddBlockType(commonmark.codeBlockSchema.type(ctx2));
-      command(state, dispatch);
+  if ((config == null ? void 0 : config.advancedGroup) !== null) {
+    const advancedGroup = groupBuilder.addGroup(
+      "advanced",
+      (_Ja = (_Ia = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _Ia.label) != null ? _Ja : "Advanced"
+    );
+    if (((_Ka = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _Ka.image) !== null && isImageBlockEnabled) {
+      advancedGroup.addItem("image", {
+        label: (_Na = (_Ma = (_La = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _La.image) == null ? void 0 : _Ma.label) != null ? _Na : "Image",
+        icon: (_Qa = (_Pa = (_Oa = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _Oa.image) == null ? void 0 : _Pa.icon) != null ? _Qa : imageIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const imageBlock$1 = imageBlock.imageBlockSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.addBlockTypeCommand.key, {
+            nodeType: imageBlock$1
+          });
+        }
+      });
+    }
+    if (((_Ra = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _Ra.codeBlock) !== null) {
+      advancedGroup.addItem("code", {
+        label: (_Ua = (_Ta = (_Sa = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _Sa.codeBlock) == null ? void 0 : _Ta.label) != null ? _Ua : "Code",
+        icon: (_Xa = (_Wa = (_Va = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _Va.codeBlock) == null ? void 0 : _Wa.icon) != null ? _Xa : codeIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const codeBlock = commonmark.codeBlockSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.setBlockTypeCommand.key, {
+            nodeType: codeBlock
+          });
+        }
+      });
+    }
+    if (((_Ya = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _Ya.table) !== null && isTableEnabled) {
+      advancedGroup.addItem("table", {
+        label: (_$a = (__a = (_Za = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _Za.table) == null ? void 0 : __a.label) != null ? _$a : "Table",
+        icon: (_cb = (_bb = (_ab = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _ab.table) == null ? void 0 : _bb.icon) != null ? _cb : tableIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const view = ctx2.get(core.editorViewCtx);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          const { from } = view.state.selection;
+          commands.call(commonmark.addBlockTypeCommand.key, {
+            nodeType: gfm.createTable(ctx2, 3, 3)
+          });
+          commands.call(commonmark.selectTextNearPosCommand.key, {
+            pos: from
+          });
+        }
+      });
+    }
+    if (((_db = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _db.math) !== null && isLatexEnabled) {
+      advancedGroup.addItem("math", {
+        label: (_gb = (_fb = (_eb = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _eb.math) == null ? void 0 : _fb.label) != null ? _gb : "Math",
+        icon: (_jb = (_ib = (_hb = config == null ? void 0 : config.advancedGroup) == null ? void 0 : _hb.math) == null ? void 0 : _ib.icon) != null ? _jb : functionsIcon,
+        onRun: (ctx2) => {
+          const commands = ctx2.get(core.commandsCtx);
+          const codeBlock = commonmark.codeBlockSchema.type(ctx2);
+          commands.call(commonmark.clearTextInCurrentBlockCommand.key);
+          commands.call(commonmark.addBlockTypeCommand.key, {
+            nodeType: codeBlock,
+            attrs: { language: "LaTex" }
+          });
+        }
+      });
     }
-  });
-  if (isTableEnabled) {
-    advancedGroup.addItem("table", {
-      label: (_F = config == null ? void 0 : config.slashMenuTableLabel) != null ? _F : "Table",
-      icon: (_G = config == null ? void 0 : config.slashMenuTableIcon) != null ? _G : tableIcon,
-      onRun: (ctx2) => {
-        const view = ctx2.get(core.editorViewCtx);
-        const { dispatch, state: state$1 } = view;
-        let { tr } = state$1;
-        tr = clearRange(tr);
-        const from = tr.selection.from;
-        const table = gfm.createTable(ctx2, 3, 3);
-        tr = tr.replaceSelectionWith(table);
-        dispatch(tr);
-        requestAnimationFrame(() => {
-          const docSize = view.state.doc.content.size;
-          const $pos = view.state.doc.resolve(
-            from > docSize ? docSize : from < 0 ? 0 : from
-          );
-          const selection = state.TextSelection.near($pos);
-          const tr2 = view.state.tr;
-          tr2.setSelection(selection);
-          dispatch(tr2.scrollIntoView());
-        });
-      }
-    });
-  }
-  if (isLatexEnabled) {
-    advancedGroup.addItem("math", {
-      label: (_H = config == null ? void 0 : config.slashMenuMathLabel) != null ? _H : "Math",
-      icon: (_I = config == null ? void 0 : config.slashMenuMathIcon) != null ? _I : functionsIcon,
-      onRun: (ctx2) => {
-        const view = ctx2.get(core.editorViewCtx);
-        const { dispatch, state } = view;
-        const command = clearContentAndAddBlockType(commonmark.codeBlockSchema.type(ctx2), {
-          language: "LaTex"
-        });
-        command(state, dispatch);
-      }
-    });
   }
-  (_J = config == null ? void 0 : config.buildMenu) == null ? void 0 : _J.call(config, groupBuilder);
+  (_kb = config == null ? void 0 : config.buildMenu) == null ? void 0 : _kb.call(config, groupBuilder);
   let groups = groupBuilder.build();
   if (filter) {
     groups = groups.map((group) => {