@milkdown/crepe 7.7.0 → 7.9.0

package/lib/cjs/index-DGAwtnNK.js

@@ -0,0 +1,349 @@
+'use strict';
+
+var tooltip = require('@milkdown/kit/plugin/tooltip');
+var state = require('@milkdown/kit/prose/state');
+var vue = require('vue');
+var component = require('@milkdown/kit/component');
+var linkTooltip = require('@milkdown/kit/component/link-tooltip');
+var core = require('@milkdown/kit/core');
+var commonmark = require('@milkdown/kit/preset/commonmark');
+var gfm = require('@milkdown/kit/preset/gfm');
+var clsx = require('clsx');
+var index = require('./index-CnyNb_OH.js');
+var functions = require('./functions-BAY51plB.js');
+var inlineLatex = require('./inline-latex-D0G71cGk.js');
+require('@milkdown/kit/plugin/clipboard');
+require('@milkdown/kit/plugin/history');
+require('@milkdown/kit/plugin/indent');
+require('@milkdown/kit/plugin/listener');
+require('@milkdown/kit/plugin/trailing');
+require('@milkdown/kit/utils');
+require('@milkdown/kit/ctx');
+require('katex');
+
+const boldIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M8.85758 18.625C8.4358 18.625 8.07715 18.4772 7.78163 18.1817C7.48613 17.8862 7.33838 17.5275 7.33838 17.1058V6.8942C7.33838 6.47242 7.48613 6.11377 7.78163 5.81825C8.07715 5.52275 8.4358 5.375 8.85758 5.375H12.1999C13.2191 5.375 14.1406 5.69231 14.9643 6.32693C15.788 6.96154 16.1999 7.81603 16.1999 8.89038C16.1999 9.63779 16.0194 10.2471 15.6585 10.7183C15.2976 11.1894 14.9088 11.5314 14.4922 11.7442C15.005 11.9211 15.4947 12.2708 15.9614 12.7933C16.428 13.3157 16.6614 14.0192 16.6614 14.9038C16.6614 16.182 16.1902 17.1217 15.2479 17.723C14.3056 18.3243 13.3563 18.625 12.3999 18.625H8.85758ZM9.4883 16.6327H12.3191C13.1063 16.6327 13.6627 16.4141 13.9884 15.9769C14.314 15.5397 14.4768 15.1205 14.4768 14.7192C14.4768 14.3179 14.314 13.8987 13.9884 13.4615C13.6627 13.0243 13.0909 12.8057 12.273 12.8057H9.4883V16.6327ZM9.4883 10.875H12.0826C12.6903 10.875 13.172 10.7013 13.5278 10.3539C13.8836 10.0064 14.0615 9.59037 14.0615 9.10575C14.0615 8.59035 13.8733 8.16918 13.497 7.84225C13.1207 7.51533 12.6595 7.35188 12.1133 7.35188H9.4883V10.875Z"
+    />
+  </svg>
+`;
+
+const italicIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M6.29811 18.625C6.04505 18.625 5.83115 18.5375 5.65641 18.3626C5.48166 18.1877 5.39429 17.9736 5.39429 17.7203C5.39429 17.467 5.48166 17.2532 5.65641 17.0788C5.83115 16.9045 6.04505 16.8173 6.29811 16.8173H9.21159L12.452 7.18265H9.53851C9.28545 7.18265 9.07155 7.0952 8.89681 6.9203C8.72206 6.7454 8.63469 6.5313 8.63469 6.278C8.63469 6.02472 8.72206 5.81089 8.89681 5.63652C9.07155 5.46217 9.28545 5.375 9.53851 5.375H16.8847C17.1377 5.375 17.3516 5.46245 17.5264 5.63735C17.7011 5.81225 17.7885 6.02634 17.7885 6.27962C17.7885 6.53293 17.7011 6.74676 17.5264 6.92113C17.3516 7.09548 17.1377 7.18265 16.8847 7.18265H14.2789L11.0385 16.8173H13.6443C13.8973 16.8173 14.1112 16.9048 14.286 17.0797C14.4607 17.2546 14.5481 17.4687 14.5481 17.722C14.5481 17.9752 14.4607 18.1891 14.286 18.3634C14.1112 18.5378 13.8973 18.625 13.6443 18.625H6.29811Z"
+    />
+  </svg>
+`;
+
+const linkIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M17.0385 19.5003V16.5388H14.0769V15.0388H17.0385V12.0773H18.5384V15.0388H21.5V16.5388H18.5384V19.5003H17.0385ZM10.8077 16.5388H7.03845C5.78282 16.5388 4.7125 16.0963 3.8275 15.2114C2.9425 14.3266 2.5 13.2564 2.5 12.0009C2.5 10.7454 2.9425 9.67504 3.8275 8.78979C4.7125 7.90454 5.78282 7.46191 7.03845 7.46191H10.8077V8.96186H7.03845C6.1987 8.96186 5.48235 9.25834 4.8894 9.85129C4.29645 10.4442 3.99998 11.1606 3.99998 12.0003C3.99998 12.8401 4.29645 13.5564 4.8894 14.1494C5.48235 14.7423 6.1987 15.0388 7.03845 15.0388H10.8077V16.5388ZM8.25 12.7503V11.2504H15.75V12.7503H8.25ZM21.5 12.0003H20C20 11.1606 19.7035 10.4442 19.1106 9.85129C18.5176 9.25834 17.8013 8.96186 16.9615 8.96186H13.1923V7.46191H16.9615C18.2171 7.46191 19.2875 7.90441 20.1725 8.78939C21.0575 9.67439 21.5 10.7447 21.5 12.0003Z"
+    />
+  </svg>
+`;
+
+const strikethroughIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M3.25 13.7404C3.0375 13.7404 2.85938 13.6684 2.71563 13.5246C2.57188 13.3808 2.5 13.2026 2.5 12.99C2.5 12.7774 2.57188 12.5993 2.71563 12.4558C2.85938 12.3122 3.0375 12.2404 3.25 12.2404H20.75C20.9625 12.2404 21.1406 12.3123 21.2843 12.4561C21.4281 12.5999 21.5 12.7781 21.5 12.9907C21.5 13.2033 21.4281 13.3814 21.2843 13.525C21.1406 13.6686 20.9625 13.7404 20.75 13.7404H3.25ZM10.9423 10.2596V6.62495H6.5673C6.2735 6.62495 6.02377 6.52201 5.8181 6.31613C5.61245 6.11026 5.50963 5.86027 5.50963 5.56615C5.50963 5.27205 5.61245 5.02083 5.8181 4.8125C6.02377 4.60417 6.2735 4.5 6.5673 4.5H17.4423C17.7361 4.5 17.9858 4.60294 18.1915 4.80883C18.3971 5.01471 18.5 5.2647 18.5 5.5588C18.5 5.85292 18.3971 6.10413 18.1915 6.31245C17.9858 6.52078 17.7361 6.62495 17.4423 6.62495H13.0673V10.2596H10.9423ZM10.9423 15.7211H13.0673V18.4423C13.0673 18.7361 12.9643 18.9858 12.7584 19.1915C12.5526 19.3971 12.3026 19.5 12.0085 19.5C11.7144 19.5 11.4631 19.3962 11.2548 19.1887C11.0465 18.9811 10.9423 18.7291 10.9423 18.4327V15.7211Z"
+    />
+  </svg>
+`;
+
+const Toolbar = vue.defineComponent({
+  props: {
+    ctx: {
+      type: Object,
+      required: true
+    },
+    hide: {
+      type: Function,
+      required: true
+    },
+    show: {
+      type: Object,
+      required: true
+    },
+    selection: {
+      type: Object,
+      required: true
+    },
+    config: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const { ctx, hide, config } = props;
+    const onClick = (fn) => (e) => {
+      e.preventDefault();
+      ctx && fn(ctx);
+    };
+    const isActive = (mark) => {
+      const selection = props.selection.value;
+      if (!ctx || !selection) return false;
+      const { state } = ctx.get(core.editorViewCtx);
+      if (!state) return false;
+      const { doc } = state;
+      return doc.rangeHasMark(selection.from, selection.to, mark);
+    };
+    const containsNode = (node) => {
+      const selection = props.selection.value;
+      if (!ctx || !selection) return false;
+      const { state: state$1 } = ctx.get(core.editorViewCtx);
+      if (!state$1) return false;
+      const { doc } = state$1;
+      if (selection instanceof state.NodeSelection) {
+        return selection.node.type === node;
+      }
+      const { from, to } = selection;
+      let hasNode = false;
+      doc.nodesBetween(from, to, (n) => {
+        if (n.type === node) {
+          hasNode = true;
+          return false;
+        }
+        return true;
+      });
+      return hasNode;
+    };
+    const flags = ctx == null ? void 0 : ctx.get(index.FeaturesCtx);
+    const isLatexEnabled = flags == null ? void 0 : flags.includes(index.CrepeFeature.Latex);
+    const toggleLatex = (ctx2) => {
+      const hasLatex = containsNode(inlineLatex.mathInlineSchema.type(ctx2));
+      const view = ctx2.get(core.editorViewCtx);
+      const { selection, doc, tr } = view.state;
+      if (!hasLatex) {
+        const text = doc.textBetween(selection.from, selection.to);
+        let _tr2 = tr.replaceSelectionWith(
+          inlineLatex.mathInlineSchema.type(ctx2).create({
+            value: text
+          })
+        );
+        view.dispatch(
+          _tr2.setSelection(state.NodeSelection.create(_tr2.doc, selection.from))
+        );
+        return;
+      }
+      const { from, to } = selection;
+      let pos = -1;
+      let node = null;
+      doc.nodesBetween(from, to, (n, p) => {
+        if (node) return false;
+        if (n.type === inlineLatex.mathInlineSchema.type(ctx2)) {
+          pos = p;
+          node = n;
+          return false;
+        }
+        return true;
+      });
+      if (!node || pos < 0) return;
+      let _tr = tr.delete(pos, pos + 1);
+      const content = node.attrs.value;
+      _tr = _tr.insertText(content, pos);
+      view.dispatch(
+        _tr.setSelection(
+          state.TextSelection.create(_tr.doc, from, to + content.length - 1)
+        )
+      );
+    };
+    return () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      return /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(
+        "button",
+        {
+          type: "button",
+          class: clsx(
+            "toolbar-item",
+            ctx && isActive(commonmark.strongSchema.type(ctx)) && "active"
+          ),
+          onPointerdown: onClick((ctx2) => {
+            const commands = ctx2.get(core.commandsCtx);
+            commands.call(commonmark.toggleStrongCommand.key);
+          })
+        },
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_b = (_a = config == null ? void 0 : config.boldIcon) == null ? void 0 : _a.call(config)) != null ? _b : boldIcon })
+      ), /* @__PURE__ */ vue.h(
+        "button",
+        {
+          type: "button",
+          class: clsx(
+            "toolbar-item",
+            ctx && isActive(commonmark.emphasisSchema.type(ctx)) && "active"
+          ),
+          onPointerdown: onClick((ctx2) => {
+            const commands = ctx2.get(core.commandsCtx);
+            commands.call(commonmark.toggleEmphasisCommand.key);
+          })
+        },
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_d = (_c = config == null ? void 0 : config.italicIcon) == null ? void 0 : _c.call(config)) != null ? _d : italicIcon })
+      ), /* @__PURE__ */ vue.h(
+        "button",
+        {
+          type: "button",
+          class: clsx(
+            "toolbar-item",
+            ctx && isActive(gfm.strikethroughSchema.type(ctx)) && "active"
+          ),
+          onPointerdown: onClick((ctx2) => {
+            const commands = ctx2.get(core.commandsCtx);
+            commands.call(gfm.toggleStrikethroughCommand.key);
+          })
+        },
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_f = (_e = config == null ? void 0 : config.strikethroughIcon) == null ? void 0 : _e.call(config)) != null ? _f : strikethroughIcon })
+      ), /* @__PURE__ */ vue.h("div", { class: "divider" }), /* @__PURE__ */ vue.h(
+        "button",
+        {
+          type: "button",
+          class: clsx(
+            "toolbar-item",
+            ctx && isActive(commonmark.inlineCodeSchema.type(ctx)) && "active"
+          ),
+          onPointerdown: onClick((ctx2) => {
+            const commands = ctx2.get(core.commandsCtx);
+            commands.call(commonmark.toggleInlineCodeCommand.key);
+          })
+        },
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_h = (_g = config == null ? void 0 : config.codeIcon) == null ? void 0 : _g.call(config)) != null ? _h : functions.codeIcon })
+      ), isLatexEnabled && /* @__PURE__ */ vue.h(
+        "button",
+        {
+          type: "button",
+          class: clsx(
+            "toolbar-item",
+            ctx && containsNode(inlineLatex.mathInlineSchema.type(ctx)) && "active"
+          ),
+          onPointerdown: onClick(toggleLatex)
+        },
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_j = (_i = config == null ? void 0 : config.latexIcon) == null ? void 0 : _i.call(config)) != null ? _j : functions.functionsIcon })
+      ), /* @__PURE__ */ vue.h(
+        "button",
+        {
+          type: "button",
+          class: clsx(
+            "toolbar-item",
+            ctx && isActive(commonmark.linkSchema.type(ctx)) && "active"
+          ),
+          onPointerdown: onClick((ctx2) => {
+            const view = ctx2.get(core.editorViewCtx);
+            const { selection } = view.state;
+            if (isActive(commonmark.linkSchema.type(ctx2))) {
+              ctx2.get(linkTooltip.linkTooltipAPI.key).removeLink(selection.from, selection.to);
+              return;
+            }
+            ctx2.get(linkTooltip.linkTooltipAPI.key).addLink(selection.from, selection.to);
+            hide == null ? void 0 : hide();
+          })
+        },
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_l = (_k = config == null ? void 0 : config.linkIcon) == null ? void 0 : _k.call(config)) != null ? _l : linkIcon })
+      ));
+    };
+  }
+});
+
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var _tooltipProvider, _content, _app, _selection, _show;
+const toolbar = tooltip.tooltipFactory("CREPE_TOOLBAR");
+class ToolbarView {
+  constructor(ctx, view, config) {
+    __privateAdd(this, _tooltipProvider);
+    __privateAdd(this, _content);
+    __privateAdd(this, _app);
+    __privateAdd(this, _selection);
+    __privateAdd(this, _show, vue.ref(false));
+    this.update = (view, prevState) => {
+      __privateGet(this, _tooltipProvider).update(view, prevState);
+      __privateGet(this, _selection).value = view.state.selection;
+    };
+    this.destroy = () => {
+      __privateGet(this, _tooltipProvider).destroy();
+      __privateGet(this, _app).unmount();
+      __privateGet(this, _content).remove();
+    };
+    this.hide = () => {
+      __privateGet(this, _tooltipProvider).hide();
+    };
+    const content = document.createElement("div");
+    content.className = "milkdown-toolbar";
+    __privateSet(this, _selection, vue.shallowRef(view.state.selection));
+    const app = vue.createApp(Toolbar, {
+      ctx,
+      hide: this.hide,
+      config,
+      selection: __privateGet(this, _selection),
+      show: __privateGet(this, _show)
+    });
+    app.mount(content);
+    __privateSet(this, _content, content);
+    __privateSet(this, _app, app);
+    __privateSet(this, _tooltipProvider, new tooltip.TooltipProvider({
+      content: __privateGet(this, _content),
+      debounce: 20,
+      offset: 10,
+      shouldShow(view2) {
+        const { doc, selection } = view2.state;
+        const { empty, from, to } = selection;
+        const isEmptyTextBlock = !doc.textBetween(from, to).length && selection instanceof state.TextSelection;
+        const isNotTextBlock = !(selection instanceof state.TextSelection);
+        const activeElement = view2.dom.getRootNode().activeElement;
+        const isTooltipChildren = content.contains(activeElement);
+        const notHasFocus = !view2.hasFocus() && !isTooltipChildren;
+        const isReadonly = !view2.editable;
+        if (notHasFocus || isNotTextBlock || empty || isEmptyTextBlock || isReadonly)
+          return false;
+        return true;
+      }
+    }));
+    __privateGet(this, _tooltipProvider).onShow = () => {
+      __privateGet(this, _show).value = true;
+    };
+    __privateGet(this, _tooltipProvider).onHide = () => {
+      __privateGet(this, _show).value = false;
+    };
+    this.update(view);
+  }
+}
+_tooltipProvider = new WeakMap();
+_content = new WeakMap();
+_app = new WeakMap();
+_selection = new WeakMap();
+_show = new WeakMap();
+const defineFeature = (editor, config) => {
+  editor.config((ctx) => {
+    ctx.set(toolbar.key, {
+      view: (view) => new ToolbarView(ctx, view, config)
+    });
+  }).use(toolbar);
+};
+
+exports.defineFeature = defineFeature;
+//# sourceMappingURL=index-DGAwtnNK.js.map

package/lib/cjs/index-DGAwtnNK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DGAwtnNK.js","sources":["../../src/icons/bold.ts","../../src/icons/italic.ts","../../src/icons/link.ts","../../src/icons/strikethrough.ts","../../src/feature/toolbar/component.tsx","../../src/feature/toolbar/index.ts"],"sourcesContent":["export const boldIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M8.85758 18.625C8.4358 18.625 8.07715 18.4772 7.78163 18.1817C7.48613 17.8862 7.33838 17.5275 7.33838 17.1058V6.8942C7.33838 6.47242 7.48613 6.11377 7.78163 5.81825C8.07715 5.52275 8.4358 5.375 8.85758 5.375H12.1999C13.2191 5.375 14.1406 5.69231 14.9643 6.32693C15.788 6.96154 16.1999 7.81603 16.1999 8.89038C16.1999 9.63779 16.0194 10.2471 15.6585 10.7183C15.2976 11.1894 14.9088 11.5314 14.4922 11.7442C15.005 11.9211 15.4947 12.2708 15.9614 12.7933C16.428 13.3157 16.6614 14.0192 16.6614 14.9038C16.6614 16.182 16.1902 17.1217 15.2479 17.723C14.3056 18.3243 13.3563 18.625 12.3999 18.625H8.85758ZM9.4883 16.6327H12.3191C13.1063 16.6327 13.6627 16.4141 13.9884 15.9769C14.314 15.5397 14.4768 15.1205 14.4768 14.7192C14.4768 14.3179 14.314 13.8987 13.9884 13.4615C13.6627 13.0243 13.0909 12.8057 12.273 12.8057H9.4883V16.6327ZM9.4883 10.875H12.0826C12.6903 10.875 13.172 10.7013 13.5278 10.3539C13.8836 10.0064 14.0615 9.59037 14.0615 9.10575C14.0615 8.59035 13.8733 8.16918 13.497 7.84225C13.1207 7.51533 12.6595 7.35188 12.1133 7.35188H9.4883V10.875Z\"\n    />\n  </svg>\n`\n","export const italicIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M6.29811 18.625C6.04505 18.625 5.83115 18.5375 5.65641 18.3626C5.48166 18.1877 5.39429 17.9736 5.39429 17.7203C5.39429 17.467 5.48166 17.2532 5.65641 17.0788C5.83115 16.9045 6.04505 16.8173 6.29811 16.8173H9.21159L12.452 7.18265H9.53851C9.28545 7.18265 9.07155 7.0952 8.89681 6.9203C8.72206 6.7454 8.63469 6.5313 8.63469 6.278C8.63469 6.02472 8.72206 5.81089 8.89681 5.63652C9.07155 5.46217 9.28545 5.375 9.53851 5.375H16.8847C17.1377 5.375 17.3516 5.46245 17.5264 5.63735C17.7011 5.81225 17.7885 6.02634 17.7885 6.27962C17.7885 6.53293 17.7011 6.74676 17.5264 6.92113C17.3516 7.09548 17.1377 7.18265 16.8847 7.18265H14.2789L11.0385 16.8173H13.6443C13.8973 16.8173 14.1112 16.9048 14.286 17.0797C14.4607 17.2546 14.5481 17.4687 14.5481 17.722C14.5481 17.9752 14.4607 18.1891 14.286 18.3634C14.1112 18.5378 13.8973 18.625 13.6443 18.625H6.29811Z\"\n    />\n  </svg>\n`\n","export const linkIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M17.0385 19.5003V16.5388H14.0769V15.0388H17.0385V12.0773H18.5384V15.0388H21.5V16.5388H18.5384V19.5003H17.0385ZM10.8077 16.5388H7.03845C5.78282 16.5388 4.7125 16.0963 3.8275 15.2114C2.9425 14.3266 2.5 13.2564 2.5 12.0009C2.5 10.7454 2.9425 9.67504 3.8275 8.78979C4.7125 7.90454 5.78282 7.46191 7.03845 7.46191H10.8077V8.96186H7.03845C6.1987 8.96186 5.48235 9.25834 4.8894 9.85129C4.29645 10.4442 3.99998 11.1606 3.99998 12.0003C3.99998 12.8401 4.29645 13.5564 4.8894 14.1494C5.48235 14.7423 6.1987 15.0388 7.03845 15.0388H10.8077V16.5388ZM8.25 12.7503V11.2504H15.75V12.7503H8.25ZM21.5 12.0003H20C20 11.1606 19.7035 10.4442 19.1106 9.85129C18.5176 9.25834 17.8013 8.96186 16.9615 8.96186H13.1923V7.46191H16.9615C18.2171 7.46191 19.2875 7.90441 20.1725 8.78939C21.0575 9.67439 21.5 10.7447 21.5 12.0003Z\"\n    />\n  </svg>\n`\n","export const strikethroughIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M3.25 13.7404C3.0375 13.7404 2.85938 13.6684 2.71563 13.5246C2.57188 13.3808 2.5 13.2026 2.5 12.99C2.5 12.7774 2.57188 12.5993 2.71563 12.4558C2.85938 12.3122 3.0375 12.2404 3.25 12.2404H20.75C20.9625 12.2404 21.1406 12.3123 21.2843 12.4561C21.4281 12.5999 21.5 12.7781 21.5 12.9907C21.5 13.2033 21.4281 13.3814 21.2843 13.525C21.1406 13.6686 20.9625 13.7404 20.75 13.7404H3.25ZM10.9423 10.2596V6.62495H6.5673C6.2735 6.62495 6.02377 6.52201 5.8181 6.31613C5.61245 6.11026 5.50963 5.86027 5.50963 5.56615C5.50963 5.27205 5.61245 5.02083 5.8181 4.8125C6.02377 4.60417 6.2735 4.5 6.5673 4.5H17.4423C17.7361 4.5 17.9858 4.60294 18.1915 4.80883C18.3971 5.01471 18.5 5.2647 18.5 5.5588C18.5 5.85292 18.3971 6.10413 18.1915 6.31245C17.9858 6.52078 17.7361 6.62495 17.4423 6.62495H13.0673V10.2596H10.9423ZM10.9423 15.7211H13.0673V18.4423C13.0673 18.7361 12.9643 18.9858 12.7584 19.1915C12.5526 19.3971 12.3026 19.5 12.0085 19.5C11.7144 19.5 11.4631 19.3962 11.2548 19.1887C11.0465 18.9811 10.9423 18.7291 10.9423 18.4327V15.7211Z\"\n    />\n  </svg>\n`\n","import type { Ctx } from '@milkdown/kit/ctx'\nimport type { MarkType, NodeType, Node } from '@milkdown/kit/prose/model'\n\nimport { Icon } from '@milkdown/kit/component'\nimport { linkTooltipAPI } from '@milkdown/kit/component/link-tooltip'\nimport { commandsCtx, editorViewCtx } from '@milkdown/kit/core'\nimport {\n  emphasisSchema,\n  inlineCodeSchema,\n  linkSchema,\n  strongSchema,\n  toggleEmphasisCommand,\n  toggleInlineCodeCommand,\n  toggleStrongCommand,\n} from '@milkdown/kit/preset/commonmark'\nimport {\n  strikethroughSchema,\n  toggleStrikethroughCommand,\n} from '@milkdown/kit/preset/gfm'\nimport {\n  NodeSelection,\n  TextSelection,\n  type Selection,\n} from '@milkdown/kit/prose/state'\nimport clsx from 'clsx'\nimport { defineComponent, type Ref, type ShallowRef, h, Fragment } from 'vue'\n\nimport type { ToolbarFeatureConfig } from '.'\n\nimport { CrepeFeature } from '../..'\nimport { FeaturesCtx } from '../../core/slice'\nimport {\n  boldIcon,\n  codeIcon,\n  functionsIcon,\n  italicIcon,\n  linkIcon,\n  strikethroughIcon,\n} from '../../icons'\nimport { mathInlineSchema } from '../latex/inline-latex'\n\nh\nFragment\n\ntype ToolbarProps = {\n  ctx: Ctx\n  hide: () => void\n  show: Ref<boolean>\n  selection: ShallowRef<Selection>\n  config?: ToolbarFeatureConfig\n}\n\nexport const Toolbar = defineComponent<ToolbarProps>({\n  props: {\n    ctx: {\n      type: Object,\n      required: true,\n    },\n    hide: {\n      type: Function,\n      required: true,\n    },\n    show: {\n      type: Object,\n      required: true,\n    },\n    selection: {\n      type: Object,\n      required: true,\n    },\n    config: {\n      type: Object,\n      required: false,\n    },\n  },\n  setup(props) {\n    const { ctx, hide, config } = props\n\n    const onClick = (fn: (ctx: Ctx) => void) => (e: MouseEvent) => {\n      e.preventDefault()\n      ctx && fn(ctx)\n    }\n\n    const isActive = (mark: MarkType) => {\n      const selection = props.selection.value\n      if (!ctx || !selection) return false\n      const { state } = ctx.get(editorViewCtx)\n      if (!state) return false\n      const { doc } = state\n      return doc.rangeHasMark(selection.from, selection.to, mark)\n    }\n\n    const containsNode = (node: NodeType) => {\n      const selection = props.selection.value\n      if (!ctx || !selection) return false\n      const { state } = ctx.get(editorViewCtx)\n      if (!state) return false\n      const { doc } = state\n      if (selection instanceof NodeSelection) {\n        return selection.node.type === node\n      }\n\n      const { from, to } = selection\n\n      let hasNode = false\n      doc.nodesBetween(from, to, (n) => {\n        if (n.type === node) {\n          hasNode = true\n          return false\n        }\n        return true\n      })\n\n      return hasNode\n    }\n\n    const flags = ctx?.get(FeaturesCtx)\n    const isLatexEnabled = flags?.includes(CrepeFeature.Latex)\n\n    const toggleLatex = (ctx: Ctx) => {\n      const hasLatex = containsNode(mathInlineSchema.type(ctx))\n      const view = ctx.get(editorViewCtx)\n      const { selection, doc, tr } = view.state\n      if (!hasLatex) {\n        const text = doc.textBetween(selection.from, selection.to)\n        let _tr = tr.replaceSelectionWith(\n          mathInlineSchema.type(ctx).create({\n            value: text,\n          })\n        )\n        view.dispatch(\n          _tr.setSelection(NodeSelection.create(_tr.doc, selection.from))\n        )\n        return\n      }\n\n      const { from, to } = selection\n      let pos = -1\n      let node: Node | null = null\n      doc.nodesBetween(from, to, (n, p) => {\n        if (node) return false\n        if (n.type === mathInlineSchema.type(ctx)) {\n          pos = p\n          node = n\n          return false\n        }\n        return true\n      })\n      if (!node || pos < 0) return\n\n      let _tr = tr.delete(pos, pos + 1)\n      const content = (node as Node).attrs.value\n      _tr = _tr.insertText(content, pos)\n      view.dispatch(\n        _tr.setSelection(\n          TextSelection.create(_tr.doc, from, to + content.length - 1)\n        )\n      )\n    }\n\n    return () => {\n      return (\n        <>\n          <button\n            type=\"button\"\n            class={clsx(\n              'toolbar-item',\n              ctx && isActive(strongSchema.type(ctx)) && 'active'\n            )}\n            onPointerdown={onClick((ctx) => {\n              const commands = ctx.get(commandsCtx)\n              commands.call(toggleStrongCommand.key)\n            })}\n          >\n            <Icon icon={config?.boldIcon?.() ?? boldIcon} />\n          </button>\n          <button\n            type=\"button\"\n            class={clsx(\n              'toolbar-item',\n              ctx && isActive(emphasisSchema.type(ctx)) && 'active'\n            )}\n            onPointerdown={onClick((ctx) => {\n              const commands = ctx.get(commandsCtx)\n              commands.call(toggleEmphasisCommand.key)\n            })}\n          >\n            <Icon icon={config?.italicIcon?.() ?? italicIcon} />\n          </button>\n          <button\n            type=\"button\"\n            class={clsx(\n              'toolbar-item',\n              ctx && isActive(strikethroughSchema.type(ctx)) && 'active'\n            )}\n            onPointerdown={onClick((ctx) => {\n              const commands = ctx.get(commandsCtx)\n              commands.call(toggleStrikethroughCommand.key)\n            })}\n          >\n            <Icon icon={config?.strikethroughIcon?.() ?? strikethroughIcon} />\n          </button>\n          <div class=\"divider\"></div>\n          <button\n            type=\"button\"\n            class={clsx(\n              'toolbar-item',\n              ctx && isActive(inlineCodeSchema.type(ctx)) && 'active'\n            )}\n            onPointerdown={onClick((ctx) => {\n              const commands = ctx.get(commandsCtx)\n              commands.call(toggleInlineCodeCommand.key)\n            })}\n          >\n            <Icon icon={config?.codeIcon?.() ?? codeIcon} />\n          </button>\n          {isLatexEnabled && (\n            <button\n              type=\"button\"\n              class={clsx(\n                'toolbar-item',\n                ctx && containsNode(mathInlineSchema.type(ctx)) && 'active'\n              )}\n              onPointerdown={onClick(toggleLatex)}\n            >\n              <Icon icon={config?.latexIcon?.() ?? functionsIcon} />\n            </button>\n          )}\n          <button\n            type=\"button\"\n            class={clsx(\n              'toolbar-item',\n              ctx && isActive(linkSchema.type(ctx)) && 'active'\n            )}\n            onPointerdown={onClick((ctx) => {\n              const view = ctx.get(editorViewCtx)\n              const { selection } = view.state\n\n              if (isActive(linkSchema.type(ctx))) {\n                ctx\n                  .get(linkTooltipAPI.key)\n                  .removeLink(selection.from, selection.to)\n                return\n              }\n\n              ctx.get(linkTooltipAPI.key).addLink(selection.from, selection.to)\n              hide?.()\n            })}\n          >\n            <Icon icon={config?.linkIcon?.() ?? linkIcon} />\n          </button>\n        </>\n      )\n    }\n  },\n})\n","import type { Ctx } from '@milkdown/kit/ctx'\nimport type {\n  EditorState,\n  PluginView,\n  Selection,\n} from '@milkdown/kit/prose/state'\nimport type { EditorView } from '@milkdown/kit/prose/view'\n\nimport { TooltipProvider, tooltipFactory } from '@milkdown/kit/plugin/tooltip'\nimport { TextSelection } from '@milkdown/kit/prose/state'\nimport { createApp, ref, shallowRef, type App, type ShallowRef } from 'vue'\n\nimport type { DefineFeature, Icon } from '../shared'\n\nimport { Toolbar } from './component'\n\ninterface ToolbarConfig {\n  boldIcon: Icon\n  codeIcon: Icon\n  italicIcon: Icon\n  linkIcon: Icon\n  strikethroughIcon: Icon\n  latexIcon: Icon\n}\n\nexport type ToolbarFeatureConfig = Partial<ToolbarConfig>\n\nconst toolbar = tooltipFactory('CREPE_TOOLBAR')\n\nclass ToolbarView implements PluginView {\n  #tooltipProvider: TooltipProvider\n  #content: HTMLElement\n  #app: App\n  #selection: ShallowRef<Selection>\n  #show = ref(false)\n\n  constructor(ctx: Ctx, view: EditorView, config?: ToolbarFeatureConfig) {\n    const content = document.createElement('div')\n    content.className = 'milkdown-toolbar'\n    this.#selection = shallowRef(view.state.selection)\n    const app = createApp(Toolbar, {\n      ctx,\n      hide: this.hide,\n      config,\n      selection: this.#selection,\n      show: this.#show,\n    })\n    app.mount(content)\n    this.#content = content\n    this.#app = app\n\n    this.#tooltipProvider = new TooltipProvider({\n      content: this.#content,\n      debounce: 20,\n      offset: 10,\n      shouldShow(view: EditorView) {\n        const { doc, selection } = view.state\n        const { empty, from, to } = selection\n\n        const isEmptyTextBlock =\n          !doc.textBetween(from, to).length &&\n          selection instanceof TextSelection\n\n        const isNotTextBlock = !(selection instanceof TextSelection)\n\n        const activeElement = (view.dom.getRootNode() as ShadowRoot | Document)\n          .activeElement\n        const isTooltipChildren = content.contains(activeElement)\n\n        const notHasFocus = !view.hasFocus() && !isTooltipChildren\n\n        const isReadonly = !view.editable\n\n        if (\n          notHasFocus ||\n          isNotTextBlock ||\n          empty ||\n          isEmptyTextBlock ||\n          isReadonly\n        )\n          return false\n\n        return true\n      },\n    })\n    this.#tooltipProvider.onShow = () => {\n      this.#show.value = true\n    }\n    this.#tooltipProvider.onHide = () => {\n      this.#show.value = false\n    }\n    this.update(view)\n  }\n\n  update = (view: EditorView, prevState?: EditorState) => {\n    this.#tooltipProvider.update(view, prevState)\n    this.#selection.value = view.state.selection\n  }\n\n  destroy = () => {\n    this.#tooltipProvider.destroy()\n    this.#app.unmount()\n    this.#content.remove()\n  }\n\n  hide = () => {\n    this.#tooltipProvider.hide()\n  }\n}\n\nexport const defineFeature: DefineFeature<ToolbarFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config((ctx) => {\n      ctx.set(toolbar.key, {\n        view: (view) => new ToolbarView(ctx, view, config),\n      })\n    })\n    .use(toolbar)\n}\n"],"names":["defineComponent","editorViewCtx","state","NodeSelection","FeaturesCtx","CrepeFeature","ctx","mathInlineSchema","_tr","TextSelection","h","Fragment","strongSchema","commandsCtx","toggleStrongCommand","Icon","emphasisSchema","toggleEmphasisCommand","strikethroughSchema","toggleStrikethroughCommand","inlineCodeSchema","toggleInlineCodeCommand","codeIcon","functionsIcon","linkSchema","linkTooltipAPI","tooltipFactory","ref","shallowRef","createApp","TooltipProvider","view"],"mappings":"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"}

package/lib/cjs/index-DLIudQKW.js

@@ -0,0 +1,126 @@
+'use strict';
+
+var commands = require('@codemirror/commands');
+var view = require('@codemirror/view');
+var codeBlock = require('@milkdown/kit/component/code-block');
+var codemirror = require('codemirror');
+var edit = require('./edit-BUtBJHpV.js');
+
+const chevronDownIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    stroke-width="1.5"
+    stroke="currentColor"
+    class="w-6 h-6"
+  >
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M19.5 8.25l-7.5 7.5-7.5-7.5"
+    />
+  </svg>
+`;
+
+const clearIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <g clip-path="url(#clip0_1098_15553)">
+      <path
+        d="M18.3007 5.70973C17.9107 5.31973 17.2807 5.31973 16.8907 5.70973L12.0007 10.5897L7.1107 5.69973C6.7207 5.30973 6.0907 5.30973 5.7007 5.69973C5.3107 6.08973 5.3107 6.71973 5.7007 7.10973L10.5907 11.9997L5.7007 16.8897C5.3107 17.2797 5.3107 17.9097 5.7007 18.2997C6.0907 18.6897 6.7207 18.6897 7.1107 18.2997L12.0007 13.4097L16.8907 18.2997C17.2807 18.6897 17.9107 18.6897 18.3007 18.2997C18.6907 17.9097 18.6907 17.2797 18.3007 16.8897L13.4107 11.9997L18.3007 7.10973C18.6807 6.72973 18.6807 6.08973 18.3007 5.70973Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_1098_15553">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+
+const searchIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    stroke-width="1.5"
+    stroke="currentColor"
+    class="w-6 h-6"
+  >
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
+    />
+  </svg>
+`;
+
+const visibilityOffIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height="24px"
+    viewBox="0 -960 960 960"
+    width="24px"
+  >
+    <path
+      d="m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z"
+    />
+  </svg>
+`;
+
+const defineFeature = (editor, config = {}) => {
+  editor.config(async (ctx) => {
+    let { languages, theme } = config;
+    if (!languages) {
+      const { languages: langList } = await import('@codemirror/language-data');
+      languages = langList;
+    }
+    if (!theme) {
+      const { oneDark } = await import('@codemirror/theme-one-dark');
+      theme = oneDark;
+    }
+    ctx.update(codeBlock.codeBlockConfig.key, (defaultConfig) => {
+      var _a;
+      return {
+        extensions: [
+          view.keymap.of(commands.defaultKeymap.concat(commands.indentWithTab)),
+          codemirror.basicSetup,
+          theme,
+          ...(_a = config == null ? void 0 : config.extensions) != null ? _a : []
+        ],
+        languages,
+        expandIcon: () => {
+          var _a2;
+          return ((_a2 = config.expandIcon) == null ? void 0 : _a2.call(config)) || chevronDownIcon;
+        },
+        searchIcon: () => {
+          var _a2;
+          return ((_a2 = config.searchIcon) == null ? void 0 : _a2.call(config)) || searchIcon;
+        },
+        clearSearchIcon: () => {
+          var _a2;
+          return ((_a2 = config.clearSearchIcon) == null ? void 0 : _a2.call(config)) || clearIcon;
+        },
+        searchPlaceholder: config.searchPlaceholder || "Search language",
+        noResultText: config.noResultText || "No result",
+        renderLanguage: config.renderLanguage || defaultConfig.renderLanguage,
+        renderPreview: config.renderPreview || defaultConfig.renderPreview,
+        previewToggleButton: (previewOnlyMode) => {
+          var _a2, _b;
+          const icon = ((_a2 = config.previewToggleIcon) == null ? void 0 : _a2.call(config, previewOnlyMode)) || (previewOnlyMode ? edit.editIcon : visibilityOffIcon);
+          const text = ((_b = config.previewToggleText) == null ? void 0 : _b.call(config, previewOnlyMode)) || (previewOnlyMode ? "Edit" : "Hide");
+          return [icon, text].map((v) => v.trim()).join(" ");
+        },
+        previewLabel: config.previewLabel || defaultConfig.previewLabel
+      };
+    });
+  }).use(codeBlock.codeBlockComponent);
+};
+
+exports.defineFeature = defineFeature;
+//# sourceMappingURL=index-DLIudQKW.js.map

package/lib/cjs/index-DLIudQKW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DLIudQKW.js","sources":["../../src/icons/chevron-down.ts","../../src/icons/clear.ts","../../src/icons/search.ts","../../src/icons/visibility-off.ts","../../src/feature/code-mirror/index.ts"],"sourcesContent":["export const chevronDownIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke-width=\"1.5\"\n    stroke=\"currentColor\"\n    class=\"w-6 h-6\"\n  >\n    <path\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\"\n    />\n  </svg>\n`\n","export const clearIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_1098_15553)\">\n      <path\n        d=\"M18.3007 5.70973C17.9107 5.31973 17.2807 5.31973 16.8907 5.70973L12.0007 10.5897L7.1107 5.69973C6.7207 5.30973 6.0907 5.30973 5.7007 5.69973C5.3107 6.08973 5.3107 6.71973 5.7007 7.10973L10.5907 11.9997L5.7007 16.8897C5.3107 17.2797 5.3107 17.9097 5.7007 18.2997C6.0907 18.6897 6.7207 18.6897 7.1107 18.2997L12.0007 13.4097L16.8907 18.2997C17.2807 18.6897 17.9107 18.6897 18.3007 18.2997C18.6907 17.9097 18.6907 17.2797 18.3007 16.8897L13.4107 11.9997L18.3007 7.10973C18.6807 6.72973 18.6807 6.08973 18.3007 5.70973Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1098_15553\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","export const searchIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke-width=\"1.5\"\n    stroke=\"currentColor\"\n    class=\"w-6 h-6\"\n  >\n    <path\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      d=\"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z\"\n    />\n  </svg>\n`\n","export const visibilityOffIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n  >\n    <path\n      d=\"m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z\"\n    />\n  </svg>\n`\n","import type { LanguageDescription } from '@codemirror/language'\nimport type { Extension } from '@codemirror/state'\n\nimport { defaultKeymap, indentWithTab } from '@codemirror/commands'\nimport { keymap } from '@codemirror/view'\nimport {\n  codeBlockComponent,\n  codeBlockConfig,\n} from '@milkdown/kit/component/code-block'\nimport { basicSetup } from 'codemirror'\n\nimport type { DefineFeature, Icon } from '../shared'\n\nimport { chevronDownIcon, clearIcon, editIcon, searchIcon } from '../../icons'\nimport { visibilityOffIcon } from '../../icons/visibility-off'\n\ninterface CodeMirrorConfig {\n  extensions: Extension[]\n  languages: LanguageDescription[]\n  theme: Extension\n\n  expandIcon: Icon\n  searchIcon: Icon\n  clearSearchIcon: Icon\n\n  searchPlaceholder: string\n  noResultText: string\n\n  renderLanguage: (language: string, selected: boolean) => string\n\n  renderPreview: (\n    language: string,\n    content: string\n  ) => string | HTMLElement | null\n\n  previewToggleIcon: (previewOnlyMode: boolean) => ReturnType<Icon>\n  previewToggleText: (previewOnlyMode: boolean) => string\n  previewLabel: () => string\n}\nexport type CodeMirrorFeatureConfig = Partial<CodeMirrorConfig>\n\nexport const defineFeature: DefineFeature<CodeMirrorFeatureConfig> = (\n  editor,\n  config = {}\n) => {\n  editor\n    .config(async (ctx) => {\n      let { languages, theme } = config\n      if (!languages) {\n        const { languages: langList } = await import(\n          '@codemirror/language-data'\n        )\n        languages = langList\n      }\n      if (!theme) {\n        const { oneDark } = await import('@codemirror/theme-one-dark')\n        theme = oneDark\n      }\n      ctx.update(codeBlockConfig.key, (defaultConfig) => ({\n        extensions: [\n          keymap.of(defaultKeymap.concat(indentWithTab)),\n          basicSetup,\n          theme,\n          ...(config?.extensions ?? []),\n        ],\n        languages,\n\n        expandIcon: () => config.expandIcon?.() || chevronDownIcon,\n        searchIcon: () => config.searchIcon?.() || searchIcon,\n        clearSearchIcon: () => config.clearSearchIcon?.() || clearIcon,\n        searchPlaceholder: config.searchPlaceholder || 'Search language',\n        noResultText: config.noResultText || 'No result',\n        renderLanguage: config.renderLanguage || defaultConfig.renderLanguage,\n        renderPreview: config.renderPreview || defaultConfig.renderPreview,\n        previewToggleButton: (previewOnlyMode) => {\n          const icon =\n            config.previewToggleIcon?.(previewOnlyMode) ||\n            (previewOnlyMode ? editIcon : visibilityOffIcon)\n          const text =\n            config.previewToggleText?.(previewOnlyMode) ||\n            (previewOnlyMode ? 'Edit' : 'Hide')\n          return [icon, text].map((v) => v.trim()).join(' ')\n        },\n        previewLabel: config.previewLabel || defaultConfig.previewLabel,\n      }))\n    })\n    .use(codeBlockComponent)\n}\n"],"names":["codeBlockConfig","keymap","defaultKeymap","indentWithTab","basicSetup","_a","editIcon","codeBlockComponent"],"mappings":"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"}

package/lib/cjs/index-Dw6lXgs6.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var listItemBlock = require('@milkdown/kit/component/list-item-block');
+
+const bulletIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <g clip-path="url(#clip0_952_6527)">
+      <circle cx="12" cy="12" r="3" />
+    </g>
+    <defs>
+      <clipPath id="clip0_952_6527">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+
+const checkBoxCheckedIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <g clip-path="url(#clip0_1803_1151)">
+      <path
+        d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM10.71 16.29C10.32 16.68 9.69 16.68 9.3 16.29L5.71 12.7C5.32 12.31 5.32 11.68 5.71 11.29C6.1 10.9 6.73 10.9 7.12 11.29L10 14.17L16.88 7.29C17.27 6.9 17.9 6.9 18.29 7.29C18.68 7.68 18.68 8.31 18.29 8.7L10.71 16.29Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_1803_1151">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+
+const checkBoxUncheckedIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <g clip-path="url(#clip0_1803_535)">
+      <path
+        d="M18 19H6C5.45 19 5 18.55 5 18V6C5 5.45 5.45 5 6 5H18C18.55 5 19 5.45 19 6V18C19 18.55 18.55 19 18 19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_1803_535">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+
+function configureListItem(ctx, config) {
+  ctx.set(listItemBlock.listItemBlockConfig.key, {
+    renderLabel: ({ label, listType, checked }) => {
+      var _a, _b, _c, _d, _e, _f;
+      if (checked == null) {
+        if (listType === "bullet") return (_b = (_a = config == null ? void 0 : config.bulletIcon) == null ? void 0 : _a.call(config)) != null ? _b : bulletIcon;
+        return label;
+      }
+      if (checked) return (_d = (_c = config == null ? void 0 : config.checkBoxCheckedIcon) == null ? void 0 : _c.call(config)) != null ? _d : checkBoxCheckedIcon;
+      return (_f = (_e = config == null ? void 0 : config.checkBoxUncheckedIcon) == null ? void 0 : _e.call(config)) != null ? _f : checkBoxUncheckedIcon;
+    }
+  });
+}
+const defineFeature = (editor, config) => {
+  editor.config((ctx) => configureListItem(ctx, config)).use(listItemBlock.listItemBlockComponent);
+};
+
+exports.defineFeature = defineFeature;
+//# sourceMappingURL=index-Dw6lXgs6.js.map

package/lib/cjs/index-Dw6lXgs6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dw6lXgs6.js","sources":["../../src/icons/bullet.ts","../../src/icons/check-box-checked.ts","../../src/icons/check-box-unchecked.ts","../../src/feature/list-item/index.ts"],"sourcesContent":["export const bulletIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_952_6527)\">\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_952_6527\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","export const checkBoxCheckedIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_1803_1151)\">\n      <path\n        d=\"M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM10.71 16.29C10.32 16.68 9.69 16.68 9.3 16.29L5.71 12.7C5.32 12.31 5.32 11.68 5.71 11.29C6.1 10.9 6.73 10.9 7.12 11.29L10 14.17L16.88 7.29C17.27 6.9 17.9 6.9 18.29 7.29C18.68 7.68 18.68 8.31 18.29 8.7L10.71 16.29Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1803_1151\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","export const checkBoxUncheckedIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_1803_535)\">\n      <path\n        d=\"M18 19H6C5.45 19 5 18.55 5 18V6C5 5.45 5.45 5 6 5H18C18.55 5 19 5.45 19 6V18C19 18.55 18.55 19 18 19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1803_535\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","import type { Ctx } from '@milkdown/kit/ctx'\n\nimport {\n  listItemBlockComponent,\n  listItemBlockConfig,\n} from '@milkdown/kit/component/list-item-block'\n\nimport type { DefineFeature, Icon } from '../shared'\n\nimport {\n  bulletIcon,\n  checkBoxCheckedIcon,\n  checkBoxUncheckedIcon,\n} from '../../icons'\n\nexport interface ListItemConfig {\n  bulletIcon: Icon\n  checkBoxCheckedIcon: Icon\n  checkBoxUncheckedIcon: Icon\n}\n\nexport type ListItemFeatureConfig = Partial<ListItemConfig>\n\nfunction configureListItem(ctx: Ctx, config?: ListItemFeatureConfig) {\n  ctx.set(listItemBlockConfig.key, {\n    renderLabel: ({ label, listType, checked }) => {\n      if (checked == null) {\n        if (listType === 'bullet') return config?.bulletIcon?.() ?? bulletIcon\n\n        return label\n      }\n\n      if (checked) return config?.checkBoxCheckedIcon?.() ?? checkBoxCheckedIcon\n\n      return config?.checkBoxUncheckedIcon?.() ?? checkBoxUncheckedIcon\n    },\n  })\n}\n\nexport const defineFeature: DefineFeature<ListItemFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config((ctx) => configureListItem(ctx, config))\n    .use(listItemBlockComponent)\n}\n"],"names":["listItemBlockConfig","listItemBlockComponent"],"mappings":";;;;AAAO,MAAM,UAAa,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACAnB,MAAM,mBAAsB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACA5B,MAAM,qBAAwB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACuBrC,SAAS,iBAAA,CAAkB,KAAU,MAAgC,EAAA;AACnE,EAAI,GAAA,CAAA,GAAA,CAAIA,kCAAoB,GAAK,EAAA;AAAA,IAC/B,aAAa,CAAC,EAAE,KAAO,EAAA,QAAA,EAAU,SAAc,KAAA;AAzBnD,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA0BM,MAAA,IAAI,WAAW,IAAM,EAAA;AACnB,QAAA,IAAI,QAAa,KAAA,QAAA,EAAiB,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,eAAR,IAA0B,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,UAAA;AAE5D,QAAO,OAAA,KAAA;AAAA;AAGT,MAAA,IAAI,OAAS,EAAA,OAAA,CAAO,EAAQ,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,mBAAA,KAAR,IAAmC,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,mBAAA;AAEvD,MAAO,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,0BAAR,IAAqC,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,qBAAA;AAAA;AAC9C,GACD,CAAA;AACH;AAEa,MAAA,aAAA,GAAsD,CACjE,MAAA,EACA,MACG,KAAA;AACH,EACG,MAAA,CAAA,MAAA,CAAO,CAAC,GAAQ,KAAA,iBAAA,CAAkB,KAAK,MAAM,CAAC,CAC9C,CAAA,GAAA,CAAIC,oCAAsB,CAAA;AAC/B;;;;"}