@kungal/editor-core 0.2.0

package/dist/preset/index.js

@@ -0,0 +1,1006 @@
+import { MENTION_SCHEME, QUOTE_SCHEME } from '../chunk-KY2VN6IQ.js';
+import { linkSchema, codeBlockSchema, commonmark } from '@milkdown/kit/preset/commonmark';
+import { gfm } from '@milkdown/kit/preset/gfm';
+import { history } from '@milkdown/kit/plugin/history';
+import { listener } from '@milkdown/kit/plugin/listener';
+import { clipboard } from '@milkdown/kit/plugin/clipboard';
+import { indent } from '@milkdown/kit/plugin/indent';
+import { trailing } from '@milkdown/kit/plugin/trailing';
+import { expectDomTypeError } from '@milkdown/kit/exception';
+import { InputRule, textblockTypeInputRule } from '@milkdown/kit/prose/inputrules';
+import { $nodeAttr, $nodeSchema, $command, $inputRule, $remark, $useKeymap } from '@milkdown/kit/utils';
+import { visit } from 'unist-util-visit';
+import { commandsCtx } from '@milkdown/kit/core';
+import { findNodeInSelection, nodeRule } from '@milkdown/kit/prose';
+import { NodeSelection, TextSelection } from '@milkdown/kit/prose/state';
+import katex from 'katex';
+import remarkMath from 'remark-math';
+import { codeBlockComponent, codeBlockConfig } from '@milkdown/kit/component/code-block';
+import { defaultKeymap, indentWithTab } from '@codemirror/commands';
+import { EditorView, keymap } from '@codemirror/view';
+import { languages } from '@codemirror/language-data';
+import { basicSetup } from 'codemirror';
+import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
+import { tags } from '@lezer/highlight';
+import { upload, uploadConfig } from '@milkdown/kit/plugin/upload';
+import { Decoration } from '@milkdown/kit/prose/view';
+
+var spoilerAttr = $nodeAttr("kun-spoiler", () => ({
+  container: {
+    class: "kun-spoiler",
+    style: "background: var(--color-default-500); border-radius: var(--radius-sm); padding: 0 4px; cursor: pointer;"
+  }
+}));
+var spoilerSchema = $nodeSchema("kun-spoiler", (ctx) => ({
+  group: "inline",
+  inline: true,
+  content: "inline*",
+  marks: "",
+  attrs: {
+    revealed: {
+      default: false
+    }
+  },
+  parseDOM: [
+    {
+      tag: 'span[data-type="kun-spoiler"]',
+      getAttrs: (dom) => {
+        if (!(dom instanceof HTMLElement)) throw expectDomTypeError(dom);
+        return {
+          revealed: dom.getAttribute("data-revealed") === "true"
+        };
+      }
+    }
+  ],
+  toDOM: (node) => {
+    const attrs = ctx.get(spoilerAttr.key)(node);
+    return [
+      "span",
+      {
+        ...attrs.container,
+        "data-type": "kun-spoiler",
+        "data-revealed": node.attrs.revealed
+      },
+      0
+    ];
+  },
+  parseMarkdown: {
+    match: ({ type }) => type === "kun-spoiler",
+    runner: (state, node, type) => {
+      state.openNode(type);
+      state.next(node.children || []);
+      state.closeNode();
+    }
+  },
+  toMarkdown: {
+    match: (node) => node.type.name === "kun-spoiler",
+    runner: (state, node) => {
+      state.addNode("text", void 0, "||");
+      state.next(node.content);
+      state.addNode("text", void 0, "||");
+    }
+  }
+}));
+var insertKunSpoilerCommand = $command(
+  "InsertKunSpoiler",
+  (ctx) => () => (state, dispatch) => {
+    if (!dispatch) {
+      return true;
+    }
+    const node = spoilerSchema.type(ctx).create();
+    if (!node) {
+      return true;
+    }
+    dispatch(state.tr.replaceSelectionWith(node).scrollIntoView());
+    return true;
+  }
+);
+var insertSpoilerInputRule = $inputRule(
+  () => new InputRule(/(?:^|\s)\|\|(.*?)\|\|$/, (state, match, start, end) => {
+    const [fullMatch, content] = match;
+    if (!content) return null;
+    const startPos = start + (fullMatch.startsWith(" ") ? 1 : 0);
+    const { tr } = state;
+    const schema = state.schema;
+    const spoilerNodeType = schema.nodes["kun-spoiler"];
+    if (!spoilerNodeType) return null;
+    const spoilerNode = spoilerNodeType.create(
+      { revealed: false },
+      schema.text(content)
+    );
+    const zeroWidthSpace = schema.text("\u200B");
+    return tr.replaceWith(startPos, end, [spoilerNode, zeroWidthSpace]).setStoredMarks([]).scrollIntoView();
+  })
+);
+var remarkSpoilerPlugin = $remark("remarkSpoiler", () => () => {
+  const transformer = (tree) => {
+    visit(tree, "text", (node, index, parent) => {
+      if (typeof node.value !== "string" || !parent) {
+        return;
+      }
+      if (!node.value.includes("||")) {
+        return;
+      }
+      const regex = /\|\|(.*?)\|\|/g;
+      const newNodes = [];
+      let lastIndex = 0;
+      for (const match of node.value.matchAll(regex)) {
+        const [full, content] = match;
+        const matchIndex = match.index ?? 0;
+        if (matchIndex > lastIndex) {
+          newNodes.push({
+            type: "text",
+            value: node.value.slice(lastIndex, matchIndex)
+          });
+        }
+        if (content) {
+          newNodes.push({
+            type: "kun-spoiler",
+            children: [{ type: "text", value: content }]
+          });
+        }
+        lastIndex = matchIndex + full.length;
+      }
+      if (lastIndex < node.value.length) {
+        newNodes.push({ type: "text", value: node.value.slice(lastIndex) });
+      }
+      if (newNodes.length > 0 && typeof index === "number") {
+        parent.children?.splice(index, 1, ...newNodes);
+      }
+    });
+  };
+  return transformer;
+});
+var createSpoilerPlugin = () => [
+  spoilerAttr,
+  spoilerSchema,
+  insertSpoilerInputRule,
+  insertKunSpoilerCommand,
+  remarkSpoilerPlugin
+].flat();
+var hasMark = (state, type) => {
+  if (!type) {
+    return false;
+  }
+  const { from, $from, to, empty } = state.selection;
+  if (empty) {
+    return !!type.isInSet(state.storedMarks || $from.marks());
+  }
+  return state.doc.rangeHasMark(from, to, type);
+};
+var stopLinkCommand = $command("StopLink", (ctx) => () => {
+  return (state, dispatch) => {
+    const markType = linkSchema.type(ctx);
+    const checkMark = hasMark(state, markType);
+    if (checkMark) {
+      dispatch?.(state.tr.removeStoredMark(markType));
+    }
+    return false;
+  };
+});
+var linkCustomKeymap = $useKeymap("linkCustomKeymap", {
+  StopLink: {
+    shortcuts: ["Space"],
+    command: (ctx) => {
+      const commands = ctx.get(commandsCtx);
+      return () => commands.call(stopLinkCommand.key);
+    }
+  }
+});
+var createStopLinkPlugin = () => [stopLinkCommand, linkCustomKeymap].flat();
+var blockKatexSchema = codeBlockSchema.extendSchema((prev) => {
+  return (ctx) => {
+    const baseSchema = prev(ctx);
+    return {
+      ...baseSchema,
+      toMarkdown: {
+        match: baseSchema.toMarkdown.match,
+        runner: (state, node) => {
+          const language = node.attrs.language ?? "";
+          if (language.toLowerCase() === "latex") {
+            state.addNode(
+              "math",
+              void 0,
+              node.content.firstChild?.text || ""
+            );
+          } else {
+            return baseSchema.toMarkdown.runner(state, node);
+          }
+        }
+      }
+    };
+  };
+});
+var mathInlineId = "math_inline";
+var mathInlineSchema = $nodeSchema(mathInlineId, () => ({
+  group: "inline",
+  inline: true,
+  draggable: true,
+  atom: true,
+  attrs: {
+    value: {
+      default: ""
+    }
+  },
+  parseDOM: [
+    {
+      tag: `span[data-type="${mathInlineId}"]`,
+      getAttrs: (dom) => {
+        return {
+          value: dom.dataset.value ?? ""
+        };
+      }
+    }
+  ],
+  toDOM: (node) => {
+    const code = node.attrs.value;
+    const dom = document.createElement("span");
+    dom.dataset.type = mathInlineId;
+    dom.dataset.value = code;
+    katex.render(code, dom, {
+      throwOnError: false
+    });
+    return dom;
+  },
+  parseMarkdown: {
+    match: (node) => node.type === "inlineMath",
+    runner: (state, node, type) => {
+      state.addNode(type, { value: node.value });
+    }
+  },
+  toMarkdown: {
+    match: (node) => node.type.name === mathInlineId,
+    runner: (state, node) => {
+      state.addNode("inlineMath", void 0, node.attrs.value);
+    }
+  }
+}));
+
+// src/plugins/katex/command.ts
+var toggleLatexCommand = $command("ToggleLatex", (ctx) => {
+  return () => (state, dispatch) => {
+    const {
+      hasNode: hasLatex,
+      pos: latexPos,
+      target: latexNode
+    } = findNodeInSelection(state, mathInlineSchema.type(ctx));
+    const { selection, doc, tr } = state;
+    if (!hasLatex) {
+      const text = doc.textBetween(selection.from, selection.to);
+      const _tr2 = tr.replaceSelectionWith(
+        mathInlineSchema.type(ctx).create({
+          value: text
+        })
+      );
+      if (dispatch) {
+        dispatch(
+          _tr2.setSelection(NodeSelection.create(_tr2.doc, selection.from))
+        );
+      }
+      return true;
+    }
+    const { from, to } = selection;
+    if (!latexNode || latexPos < 0) return false;
+    let _tr = tr.delete(latexPos, latexPos + 1);
+    const content = latexNode.attrs.value;
+    _tr = _tr.insertText(content, latexPos);
+    if (dispatch) {
+      dispatch(
+        _tr.setSelection(
+          TextSelection.create(_tr.doc, from, to + content.length - 1)
+        )
+      );
+    }
+    return true;
+  };
+});
+var mathInlineInputRule = $inputRule(
+  (ctx) => nodeRule(/(?:\$)([^$]+)(?:\$)$/, mathInlineSchema.type(ctx), {
+    getAttr: (match) => ({ value: match[1] ?? "" }),
+    beforeDispatch: ({ tr, start }) => {
+      const posAfter = start + 1;
+      tr.insertText("\u200B", posAfter, posAfter);
+      tr.setSelection(TextSelection.create(tr.doc, posAfter + 1));
+    }
+  })
+);
+var mathBlockInputRule = $inputRule(
+  (ctx) => textblockTypeInputRule(/^\$\$[\s\n]$/, codeBlockSchema.type(ctx), () => ({
+    language: "LaTeX"
+  }))
+);
+var remarkMathPlugin = $remark(
+  "remarkMath",
+  () => remarkMath
+);
+var visitMathBlock = (ast) => {
+  return visit(
+    ast,
+    "math",
+    (node, index, parent) => {
+      const { value } = node;
+      const newNode = {
+        type: "code",
+        lang: "LaTeX",
+        value
+      };
+      parent.children.splice(index, 1, newNode);
+    }
+  );
+};
+var remarkMathBlockPlugin = $remark(
+  "remarkMathBlock",
+  () => () => visitMathBlock
+);
+
+// src/plugins/katex/index.ts
+var createKatexPlugins = () => [
+  remarkMathPlugin,
+  remarkMathBlockPlugin,
+  mathInlineSchema,
+  mathInlineInputRule,
+  mathBlockInputRule,
+  blockKatexSchema,
+  toggleLatexCommand
+].flat();
+var colors = {
+  primary: "var(--color-primary)",
+  selected: "color-mix(in oklab,var(--color-primary)10%,transparent)",
+  primaryLight: "var(--color-primary-400)",
+  secondary: "var(--color-secondary)",
+  success: "var(--color-success)",
+  warning: "var(--color-warning)",
+  warningLight: "var(--color-warning-400)",
+  danger: "var(--color-danger)",
+  foreground: "var(--color-foreground)",
+  background: "var(--color-background)",
+  backgroundAlpha: "var(--color-background) / 0.7",
+  overlayLight: "var(--color-default-100)",
+  divider: "var(--color-default-100)",
+  content1: "var(--color-content1)",
+  content2: "var(--color-content2)",
+  content3: "var(--color-content3)"};
+var kunCMTheme = () => {
+  return EditorView.theme({
+    "&": {
+      backgroundColor: colors.backgroundAlpha,
+      borderRadius: "0.75rem",
+      lineHeight: "1.5",
+      scrollbarWidth: "none",
+      minHeight: "300px"
+    },
+    "&.cm-focused": {
+      outline: "none"
+    },
+    ".cm-scroller": {
+      lineHeight: "1.5",
+      maxWidth: "100%",
+      scrollbarWidth: "none"
+    },
+    ".cm-content": {
+      padding: "1rem 0.5rem",
+      maxWidth: "100%"
+    },
+    ".cm-line": {
+      padding: "0.2rem 0",
+      borderRadius: "0.375rem",
+      maxWidth: "100%",
+      fontSize: "1rem",
+      "&:hover": {
+        backgroundColor: colors.overlayLight
+      }
+    },
+    "&.cm-focused .cm-cursor": {
+      borderLeftColor: colors.primary,
+      borderLeftWidth: "2px"
+    },
+    ".cm-panels": {
+      backgroundColor: colors.background,
+      color: colors.foreground,
+      borderRadius: "0.5rem",
+      margin: "0.5rem"
+    },
+    ".cm-panels.cm-panels-top": {
+      borderBottom: `1px solid ${colors.divider}`
+    },
+    ".cm-panels.cm-panels-bottom": {
+      borderTop: `1px solid ${colors.divider}`
+    },
+    ".cm-searchMatch": {
+      backgroundColor: `${colors.primaryLight}50`,
+      outline: `1px solid ${colors.primaryLight}`,
+      borderRadius: "2px"
+    },
+    ".cm-searchMatch.cm-searchMatch-selected": {
+      backgroundColor: `${colors.primary}40`
+    },
+    ".cm-activeLine": {
+      backgroundColor: `${colors.content1}30`,
+      borderRadius: "0.375rem"
+    },
+    ".cm-selectionMatch": {
+      backgroundColor: `${colors.primary}20`,
+      borderRadius: "2px"
+    },
+    ".cm-matchingBracket, .cm-nonmatchingBracket": {
+      backgroundColor: `${colors.warning}30`,
+      outline: "none",
+      borderRadius: "2px",
+      padding: "0 1px",
+      fontWeight: "600"
+    },
+    ".cm-gutters": {
+      backgroundColor: "transparent",
+      border: "none",
+      borderRadius: "0",
+      fontSize: "1rem",
+      padding: "0"
+    },
+    ".cm-lineNumbers": {
+      color: colors.content3
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": {
+      backgroundColor: colors.selected
+    },
+    ".cm-activeLineGutter": {
+      backgroundColor: colors.selected
+    },
+    ".cm-foldGutter": {
+      color: colors.content3
+    },
+    ".cm-tooltip": {
+      backgroundColor: colors.background,
+      border: `1px solid ${colors.divider}`,
+      borderRadius: "0.5rem",
+      boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+      overflow: "hidden"
+    },
+    ".cm-tooltip-autocomplete": {
+      "& > ul": {
+        fontSize: "0.9rem",
+        maxHeight: "20rem"
+      },
+      "& > ul > li": {
+        padding: "0.375rem 0.75rem",
+        borderRadius: "0.25rem"
+      },
+      "& > ul > li[aria-selected]": {
+        backgroundColor: colors.content1,
+        color: colors.foreground
+      }
+    },
+    "&::-webkit-scrollbar": {
+      width: "6px",
+      height: "6px"
+    },
+    "&::-webkit-scrollbar-track": {
+      background: "transparent"
+    },
+    "&::-webkit-scrollbar-thumb": {
+      backgroundColor: colors.content3,
+      borderRadius: "3px",
+      "&:hover": {
+        backgroundColor: colors.content2
+      }
+    }
+  });
+};
+var kunCMHighlightStyle = () => HighlightStyle.define([
+  // Keywords and control flow
+  { tag: tags.keyword, color: colors.primary, fontWeight: "600" },
+  { tag: tags.controlKeyword, color: colors.primary, fontWeight: "600" },
+  { tag: tags.moduleKeyword, color: colors.primary, fontWeight: "600" },
+  // Variables and properties
+  { tag: [tags.propertyName, tags.macroName], color: colors.secondary },
+  { tag: tags.variableName, color: colors.foreground },
+  {
+    tag: tags.definition(tags.variableName),
+    color: colors.secondary,
+    fontWeight: "600"
+  },
+  // Functions
+  {
+    tag: [tags.function(tags.variableName), tags.labelName],
+    color: colors.success,
+    fontWeight: "500"
+  },
+  {
+    tag: tags.definition(tags.function(tags.variableName)),
+    color: colors.success,
+    fontWeight: "600"
+  },
+  // Types and classes
+  {
+    tag: [tags.typeName, tags.className, tags.namespace],
+    color: colors.warning,
+    fontWeight: "500"
+  },
+  { tag: [tags.annotation, tags.modifier], color: colors.warningLight },
+  // Constants and literals
+  {
+    tag: [tags.number, tags.bool, tags.null],
+    color: colors.secondary,
+    fontWeight: "500"
+  },
+  { tag: tags.string, color: colors.success },
+  { tag: tags.regexp, color: colors.warning },
+  // Special syntax
+  { tag: [tags.meta, tags.comment], color: colors.foreground, fontStyle: "italic" },
+  { tag: tags.tagName, color: colors.primary, fontWeight: "500" },
+  { tag: tags.attributeName, color: colors.warning },
+  // Markdown specific
+  { tag: tags.heading, color: colors.primary, fontWeight: "700" },
+  {
+    tag: [tags.url, tags.link],
+    color: colors.success,
+    textDecoration: "underline"
+  },
+  { tag: tags.emphasis, fontStyle: "italic" },
+  { tag: tags.strong, fontWeight: "700" },
+  // Special cases
+  {
+    tag: tags.invalid,
+    color: colors.danger,
+    borderBottom: `2px dotted ${colors.danger}`
+  },
+  { tag: tags.changed, color: colors.warning },
+  { tag: tags.inserted, color: colors.success },
+  { tag: tags.deleted, color: colors.danger }
+]);
+var kunCM = () => [
+  kunCMTheme(),
+  syntaxHighlighting(kunCMHighlightStyle())
+];
+
+// src/plugins/code-block/icons.ts
+var 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>
+`;
+var 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>
+`;
+var copyIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height="24px"
+    viewBox="0 -960 960 960"
+    width="24px"
+    fill="none"
+  >
+    <path
+      d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"
+    />
+  </svg>
+`;
+var editIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <g clip-path="url(#clip0_1013_1585)">
+      <path
+        d="M14.06 9.02L14.98 9.94L5.92 19H5V18.08L14.06 9.02ZM17.66 3C17.41 3 17.15 3.1 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04C21.1 6.65 21.1 6.02 20.71 5.63L18.37 3.29C18.17 3.09 17.92 3 17.66 3ZM14.06 6.19L3 17.25V21H6.75L17.81 9.94L14.06 6.19Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_1013_1585">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+var 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>
+`;
+var 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>
+`;
+
+// src/plugins/code-block/index.ts
+var LABELS = {
+  "zh-cn": {
+    searchPlaceholder: "\u641C\u7D22\u5492\u6587",
+    copyText: "\u590D\u5236\u5492\u6587",
+    noResultText: "\u65E0\u7ED3\u679C",
+    previewLoading: "\u52A0\u8F7D\u4E2D...",
+    edit: "\u7F16\u8F91",
+    hide: "\u9690\u85CF"
+  },
+  "en-us": {
+    searchPlaceholder: "Search language",
+    copyText: "Copy",
+    noResultText: "No results",
+    previewLoading: "Loading...",
+    edit: "Edit",
+    hide: "Hide"
+  }
+};
+var labelsFor = (locale) => locale && locale.toLowerCase().startsWith("en") ? LABELS["en-us"] : LABELS["zh-cn"];
+var applyCodeBlockConfig = (ctx, options = {}) => {
+  const labels = labelsFor(options.locale);
+  const onCopy = options.onCopy ?? (() => {
+  });
+  ctx.update(codeBlockConfig.key, (prev) => ({
+    ...prev,
+    extensions: [
+      kunCM(),
+      EditorView.lineWrapping,
+      keymap.of(defaultKeymap.concat(indentWithTab)),
+      basicSetup,
+      ...options.extensions ?? []
+    ],
+    languages,
+    expandIcon: chevronDownIcon,
+    searchIcon,
+    clearSearchIcon: clearIcon,
+    searchPlaceholder: labels.searchPlaceholder,
+    copyText: labels.copyText,
+    copyIcon,
+    onCopy,
+    noResultText: labels.noResultText,
+    previewLoading: labels.previewLoading,
+    // Render `latex` code blocks as rendered math; defer everything else to the
+    // component default.
+    renderPreview: (language, content, applyPreview) => {
+      if (language.toLowerCase() === "latex" && content.length > 0) {
+        return katex.renderToString(content, {
+          ...options.katexOptions,
+          throwOnError: false,
+          displayMode: true
+        });
+      }
+      return prev.renderPreview(language, content, applyPreview);
+    },
+    previewToggleButton: (previewOnlyMode) => {
+      const icon = previewOnlyMode ? editIcon : visibilityOffIcon;
+      const text = previewOnlyMode ? labels.edit : labels.hide;
+      return [icon, text].map((v) => v.trim()).join(" ");
+    }
+  }));
+};
+var codeBlockConfigPlugin = (options) => (ctx) => () => {
+  applyCodeBlockConfig(ctx, options);
+};
+var createCodeBlockPlugins = (options = {}) => [...codeBlockComponent, codeBlockConfigPlugin(options)];
+var mentionId = "mention";
+var mentionSchema = $nodeSchema(mentionId, () => ({
+  group: "inline",
+  inline: true,
+  atom: true,
+  attrs: {
+    userId: { default: 0 },
+    name: { default: "" }
+  },
+  parseDOM: [
+    {
+      // Pasted rendered content (server emits <a class="kun-mention" data-uid>).
+      tag: "a.kun-mention",
+      getAttrs: (dom) => {
+        const el = dom;
+        return {
+          userId: Number.parseInt(el.dataset.uid ?? "0", 10) || 0,
+          name: (el.textContent ?? "").replace(/^@/, "")
+        };
+      }
+    }
+  ],
+  toDOM: (node) => {
+    const span = document.createElement("span");
+    span.className = "kun-mention";
+    span.dataset.uid = String(node.attrs.userId);
+    span.setAttribute("contenteditable", "false");
+    span.textContent = `@${node.attrs.name}`;
+    return span;
+  },
+  parseMarkdown: {
+    match: (node) => node.type === mentionId,
+    runner: (state, node, type) => {
+      const n = node;
+      state.addNode(type, { userId: n.userId ?? 0, name: n.name ?? "" });
+    }
+  },
+  toMarkdown: {
+    match: (node) => node.type.name === mentionId,
+    runner: (state, node) => {
+      state.openNode("link", void 0, {
+        url: `${MENTION_SCHEME}${node.attrs.userId}`
+      });
+      state.addNode("text", void 0, `@${node.attrs.name}`);
+      state.closeNode();
+    }
+  }
+}));
+var remarkMentionPlugin = $remark("remarkMention", () => () => {
+  const transformer = (tree) => {
+    visit(tree, "link", (node, index, parent) => {
+      if (typeof node.url !== "string" || !node.url.startsWith(MENTION_SCHEME)) {
+        return;
+      }
+      const userId = Number.parseInt(node.url.slice(MENTION_SCHEME.length), 10);
+      if (!Number.isInteger(userId) || userId <= 0) {
+        return;
+      }
+      const first = node.children?.[0];
+      const name = (typeof first?.value === "string" ? first.value : "").replace(
+        /^@/,
+        ""
+      );
+      if (typeof index === "number" && parent.children) {
+        parent.children.splice(index, 1, {
+          type: mentionId,
+          userId,
+          name
+        });
+      }
+    });
+  };
+  return transformer;
+});
+var insertMentionCommand = $command(
+  "InsertKunMention",
+  (ctx) => (payload) => (state, dispatch) => {
+    if (!payload || !dispatch) {
+      return false;
+    }
+    const { userId, name } = payload;
+    if (!Number.isInteger(userId) || userId <= 0) {
+      return false;
+    }
+    const node = mentionSchema.type(ctx).create({ userId, name });
+    if (!node) {
+      return false;
+    }
+    const tr = state.tr.replaceSelectionWith(node);
+    tr.insertText(" ");
+    dispatch(tr.scrollIntoView());
+    return true;
+  }
+);
+var createMentionPlugin = () => [mentionSchema, remarkMentionPlugin, insertMentionCommand].flat();
+var quoteId = "quote";
+var quoteSchema = $nodeSchema(quoteId, () => ({
+  group: "inline",
+  inline: true,
+  atom: true,
+  attrs: {
+    refId: { default: "" },
+    label: { default: "" }
+  },
+  parseDOM: [
+    {
+      // Pasted rendered content (server emits <span class="kun-quote" data-ref-id>).
+      tag: "span.kun-quote",
+      getAttrs: (dom) => {
+        const el = dom;
+        return {
+          refId: el.dataset.refId ?? "",
+          label: el.textContent ?? ""
+        };
+      }
+    }
+  ],
+  toDOM: (node) => {
+    const span = document.createElement("span");
+    span.className = "kun-quote";
+    span.dataset.refId = String(node.attrs.refId);
+    span.setAttribute("contenteditable", "false");
+    span.textContent = String(node.attrs.label);
+    return span;
+  },
+  parseMarkdown: {
+    match: (node) => node.type === quoteId,
+    runner: (state, node, type) => {
+      const n = node;
+      state.addNode(type, { refId: n.refId ?? "", label: n.label ?? "" });
+    }
+  },
+  toMarkdown: {
+    match: (node) => node.type.name === quoteId,
+    runner: (state, node) => {
+      state.openNode("link", void 0, {
+        url: `${QUOTE_SCHEME}${node.attrs.refId}`
+      });
+      state.addNode("text", void 0, String(node.attrs.label));
+      state.closeNode();
+    }
+  }
+}));
+var remarkQuotePlugin = $remark("remarkQuote", () => () => {
+  const transformer = (tree) => {
+    visit(tree, "link", (node, index, parent) => {
+      if (typeof node.url !== "string" || !node.url.startsWith(QUOTE_SCHEME)) {
+        return;
+      }
+      const refId = node.url.slice(QUOTE_SCHEME.length);
+      if (!refId) {
+        return;
+      }
+      const first = node.children?.[0];
+      const label = typeof first?.value === "string" ? first.value : "";
+      if (typeof index === "number" && parent.children) {
+        parent.children.splice(index, 1, {
+          type: quoteId,
+          refId,
+          label
+        });
+      }
+    });
+  };
+  return transformer;
+});
+var insertQuoteCommand = $command(
+  "InsertKunQuote",
+  (ctx) => (payload) => (state, dispatch) => {
+    if (!payload || !dispatch) {
+      return false;
+    }
+    const { refId, label } = payload;
+    if (!refId) {
+      return false;
+    }
+    const node = quoteSchema.type(ctx).create({ refId, label });
+    if (!node) {
+      return false;
+    }
+    const tr = state.tr.replaceSelectionWith(node);
+    tr.insertText(" ");
+    dispatch(tr.scrollIntoView());
+    return true;
+  }
+);
+var createQuotePlugin = () => [quoteSchema, remarkQuotePlugin, insertQuoteCommand].flat();
+var uploadingLabel = (locale) => locale && locale.toLowerCase().startsWith("en") ? "Uploading\u2026" : "\u6B63\u5728\u4E0A\u4F20\u4E2D...";
+var uploadFailedLabel = (locale) => locale && locale.toLowerCase().startsWith("en") ? "Image upload failed" : "\u56FE\u7247\u4E0A\u4F20\u5931\u8D25";
+var createUploader = (uploadImage, options = {}) => {
+  return async (files, schema) => {
+    const images = [];
+    for (let i = 0; i < files.length; i++) {
+      const file = files.item(i);
+      if (!file || !file.type.startsWith("image/")) {
+        continue;
+      }
+      images.push(file);
+    }
+    const nodes = await Promise.all(
+      images.map(async (image) => {
+        try {
+          const src = await uploadImage(image);
+          return schema.nodes.image.createAndFill({
+            src,
+            alt: image.name
+          });
+        } catch {
+          options.notify?.(uploadFailedLabel(options.locale), "error");
+          return null;
+        }
+      })
+    );
+    return nodes.filter((node) => node !== null);
+  };
+};
+var createUploadWidgetFactory = (options = {}) => {
+  return (pos, spec) => {
+    const widgetDOM = document.createElement("span");
+    widgetDOM.textContent = uploadingLabel(options.locale);
+    widgetDOM.style.color = "var(--color-primary)";
+    return Decoration.widget(pos, widgetDOM, spec);
+  };
+};
+var applyUploadConfig = (ctx, uploadImage, options = {}) => {
+  ctx.update(uploadConfig.key, (prev) => ({
+    ...prev,
+    uploader: createUploader(uploadImage, options),
+    uploadWidgetFactory: createUploadWidgetFactory(options)
+  }));
+};
+var uploadConfigPlugin = (uploadImage, options) => (ctx) => () => {
+  applyUploadConfig(ctx, uploadImage, options);
+};
+var createUploadPlugin = (uploadImage, options = {}) => [...upload, uploadConfigPlugin(uploadImage, options)];
+
+// src/preset/index.ts
+var createKunEditorPlugins = (adapters = {}, features = {}, options = {}) => {
+  const {
+    spoiler = true,
+    katex: katex3 = true,
+    codeBlock = true,
+    mention = true,
+    quote = false
+  } = features;
+  const plugins = [
+    commonmark,
+    gfm,
+    history,
+    listener,
+    clipboard,
+    indent,
+    trailing
+  ];
+  if (codeBlock) {
+    plugins.push(
+      createCodeBlockPlugins({
+        locale: options.locale,
+        katexOptions: options.katexOptions
+      })
+    );
+  }
+  if (katex3) {
+    plugins.push(createKatexPlugins());
+  }
+  if (spoiler) {
+    plugins.push(createSpoilerPlugin());
+  }
+  if (mention) {
+    plugins.push(createMentionPlugin());
+  }
+  if (quote) {
+    plugins.push(createQuotePlugin());
+  }
+  if (adapters.uploadImage) {
+    plugins.push(
+      createUploadPlugin(adapters.uploadImage, {
+        locale: options.locale,
+        notify: adapters.notify
+      })
+    );
+  }
+  plugins.push(createStopLinkPlugin());
+  return plugins.flat();
+};
+
+export { applyCodeBlockConfig, applyUploadConfig, blockKatexSchema, chevronDownIcon, clearIcon, copyIcon, createCodeBlockPlugins, createKatexPlugins, createKunEditorPlugins, createMentionPlugin, createQuotePlugin, createSpoilerPlugin, createStopLinkPlugin, createUploadPlugin, createUploadWidgetFactory, createUploader, editIcon, insertKunSpoilerCommand, insertMentionCommand, insertQuoteCommand, insertSpoilerInputRule, kunCM, kunCMHighlightStyle, kunCMTheme, linkCustomKeymap, mathBlockInputRule, mathInlineId, mathInlineInputRule, mathInlineSchema, mentionId, mentionSchema, quoteId, quoteSchema, remarkMathBlockPlugin, remarkMathPlugin, remarkMentionPlugin, remarkQuotePlugin, remarkSpoilerPlugin, searchIcon, spoilerAttr, spoilerSchema, stopLinkCommand, toggleLatexCommand, visibilityOffIcon };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map