mardora 1.2.0

package/dist/chunk-P7JFCYU3.js

@@ -0,0 +1,905 @@
+import { ensureSyntaxTree, syntaxTree } from '@codemirror/language';
+import { EditorView, ViewPlugin } from '@codemirror/view';
+import { Prec, EditorSelection } from '@codemirror/state';
+
+// src/editor/utils.ts
+function deepMerge(a, b) {
+  const result = { ...a };
+  if (!b) {
+    return result;
+  }
+  for (const key in b) {
+    if (b[key] && typeof b[key] === "object" && !Array.isArray(b[key]) && typeof a[key] === "object") {
+      result[key] = deepMerge(a[key], b[key]);
+    } else {
+      result[key] = b[key];
+    }
+  }
+  return result;
+}
+var ThemeEnum = /* @__PURE__ */ ((ThemeEnum2) => {
+  ThemeEnum2["DARK"] = "dark";
+  ThemeEnum2["LIGHT"] = "light";
+  ThemeEnum2["AUTO"] = "auto";
+  return ThemeEnum2;
+})(ThemeEnum || {});
+function createTheme({
+  default: defaultTheme,
+  dark: darkTheme,
+  light: lightTheme
+}) {
+  return (theme) => {
+    defaultTheme = flattenThemeStyles(defaultTheme);
+    darkTheme = flattenThemeStyles(darkTheme || {});
+    lightTheme = flattenThemeStyles(lightTheme || {});
+    let style = defaultTheme;
+    if (theme === "dark" /* DARK */) {
+      style = deepMerge(style, darkTheme);
+    }
+    if (theme === "light" /* LIGHT */) {
+      style = deepMerge(style, lightTheme);
+    }
+    return style;
+  };
+}
+function flattenThemeStyles(themeStyles, parentSelector) {
+  const flattened = {};
+  for (const [selectors, styles] of Object.entries(themeStyles)) {
+    for (const selector of selectors.split(",")) {
+      if (typeof styles === "object" && !Array.isArray(styles)) {
+        const fullSelector = fixSelector(parentSelector ? `${parentSelector} ${selector}` : selector);
+        const nestedStyles = flattenThemeStyles(styles, fullSelector);
+        Object.assign(flattened, nestedStyles);
+      } else {
+        if (parentSelector) {
+          flattened[parentSelector] = { ...flattened[parentSelector], [selector]: styles };
+        } else {
+          flattened[selector] = styles;
+        }
+      }
+    }
+  }
+  return flattened;
+}
+function fixSelector(selector) {
+  return selector.replace(/\s&/g, "");
+}
+function cursorInRange(view, from, to) {
+  const selection = view.state.selection.main;
+  return selection.from <= to && selection.to >= from;
+}
+function selectionOverlapsRange(view, from, to) {
+  for (const range of view.state.selection.ranges) {
+    if (range.from <= to && range.to >= from) {
+      return true;
+    }
+  }
+  return false;
+}
+function toggleMarkdownStyle(marker) {
+  return (view) => {
+    const { state } = view;
+    const { from, to, empty } = state.selection.main;
+    const selectedText = state.sliceDoc(from, to);
+    const markerLen = marker.length;
+    const beforeFrom = Math.max(0, from - markerLen);
+    const afterTo = Math.min(state.doc.length, to + markerLen);
+    const textBefore = state.sliceDoc(beforeFrom, from);
+    const textAfter = state.sliceDoc(to, afterTo);
+    const isWrapped = textBefore === marker && textAfter === marker;
+    if (isWrapped) {
+      view.dispatch({
+        changes: [
+          { from: beforeFrom, to: from, insert: "" },
+          { from: to, to: afterTo, insert: "" }
+        ],
+        selection: { anchor: beforeFrom, head: beforeFrom + selectedText.length }
+      });
+    } else if (empty) {
+      view.dispatch({
+        changes: { from, to, insert: marker + marker },
+        selection: { anchor: from + markerLen }
+      });
+    } else {
+      view.dispatch({
+        changes: { from, to, insert: marker + selectedText + marker },
+        selection: { anchor: from + markerLen, head: to + markerLen }
+      });
+    }
+    return true;
+  };
+}
+
+// src/editor/icons/index.ts
+var svgNamespace = "http://www.w3.org/2000/svg";
+var iconDefinitions = {
+  "arrow-down": [
+    { name: "path", attrs: { d: "M12 5v14" } },
+    { name: "path", attrs: { d: "m19 12-7 7-7-7" } }
+  ],
+  "arrow-down-to-line": [
+    { name: "path", attrs: { d: "M19 21H5" } },
+    { name: "path", attrs: { d: "M12 3v14" } },
+    { name: "path", attrs: { d: "m19 10-7 7-7-7" } }
+  ],
+  "arrow-left": [
+    { name: "path", attrs: { d: "M19 12H5" } },
+    { name: "path", attrs: { d: "m12 19-7-7 7-7" } }
+  ],
+  "arrow-left-to-line": [
+    { name: "path", attrs: { d: "M3 5v14" } },
+    { name: "path", attrs: { d: "M21 12H7" } },
+    { name: "path", attrs: { d: "m14 19-7-7 7-7" } }
+  ],
+  "arrow-right": [
+    { name: "path", attrs: { d: "M5 12h14" } },
+    { name: "path", attrs: { d: "m12 5 7 7-7 7" } }
+  ],
+  "arrow-right-to-line": [
+    { name: "path", attrs: { d: "M21 5v14" } },
+    { name: "path", attrs: { d: "M3 12h14" } },
+    { name: "path", attrs: { d: "m10 5 7 7-7 7" } }
+  ],
+  "arrow-up": [
+    { name: "path", attrs: { d: "M12 19V5" } },
+    { name: "path", attrs: { d: "m5 12 7-7 7 7" } }
+  ],
+  "arrow-up-to-line": [
+    { name: "path", attrs: { d: "M5 3h14" } },
+    { name: "path", attrs: { d: "M12 21V7" } },
+    { name: "path", attrs: { d: "m5 14 7-7 7 7" } }
+  ],
+  "badge-alert": [
+    {
+      name: "path",
+      attrs: {
+        d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"
+      }
+    },
+    { name: "line", attrs: { x1: "12", x2: "12", y1: "8", y2: "12" } },
+    { name: "line", attrs: { x1: "12", x2: "12.01", y1: "16", y2: "16" } }
+  ],
+  baseline: [
+    { name: "path", attrs: { d: "M4 20h16" } },
+    { name: "path", attrs: { d: "m6 16 6-12 6 12" } },
+    { name: "path", attrs: { d: "M8 12h8" } }
+  ],
+  bold: [
+    {
+      name: "path",
+      attrs: {
+        d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8"
+      }
+    }
+  ],
+  code: [
+    { name: "path", attrs: { d: "m16 18 6-6-6-6" } },
+    { name: "path", attrs: { d: "m8 6-6 6 6 6" } }
+  ],
+  "code-xml": [
+    { name: "path", attrs: { d: "m18 16 4-4-4-4" } },
+    { name: "path", attrs: { d: "m6 8-4 4 4 4" } },
+    { name: "path", attrs: { d: "m14.5 4-5 16" } }
+  ],
+  copy: [
+    { name: "rect", attrs: { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" } },
+    { name: "path", attrs: { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" } }
+  ],
+  "external-link": [
+    { name: "path", attrs: { d: "M15 3h6v6" } },
+    { name: "path", attrs: { d: "M10 14 21 3" } },
+    { name: "path", attrs: { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" } }
+  ],
+  file: [
+    {
+      name: "path",
+      attrs: {
+        d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
+      }
+    },
+    { name: "path", attrs: { d: "M14 2v5a1 1 0 0 0 1 1h5" } }
+  ],
+  "heading-1": [
+    { name: "path", attrs: { d: "M4 12h8" } },
+    { name: "path", attrs: { d: "M4 18V6" } },
+    { name: "path", attrs: { d: "M12 18V6" } },
+    { name: "path", attrs: { d: "m17 12 3-2v8" } }
+  ],
+  "heading-2": [
+    { name: "path", attrs: { d: "M4 12h8" } },
+    { name: "path", attrs: { d: "M4 18V6" } },
+    { name: "path", attrs: { d: "M12 18V6" } },
+    { name: "path", attrs: { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" } }
+  ],
+  "heading-3": [
+    { name: "path", attrs: { d: "M4 12h8" } },
+    { name: "path", attrs: { d: "M4 18V6" } },
+    { name: "path", attrs: { d: "M12 18V6" } },
+    { name: "path", attrs: { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2" } },
+    { name: "path", attrs: { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" } }
+  ],
+  "heading-4": [
+    { name: "path", attrs: { d: "M12 18V6" } },
+    { name: "path", attrs: { d: "M17 10v3a1 1 0 0 0 1 1h3" } },
+    { name: "path", attrs: { d: "M21 10v8" } },
+    { name: "path", attrs: { d: "M4 12h8" } },
+    { name: "path", attrs: { d: "M4 18V6" } }
+  ],
+  "heading-5": [
+    { name: "path", attrs: { d: "M4 12h8" } },
+    { name: "path", attrs: { d: "M4 18V6" } },
+    { name: "path", attrs: { d: "M12 18V6" } },
+    { name: "path", attrs: { d: "M17 13v-3h4" } },
+    { name: "path", attrs: { d: "M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17" } }
+  ],
+  "heading-6": [
+    { name: "path", attrs: { d: "M4 12h8" } },
+    { name: "path", attrs: { d: "M4 18V6" } },
+    { name: "path", attrs: { d: "M12 18V6" } },
+    { name: "circle", attrs: { cx: "19", cy: "16", r: "2" } },
+    { name: "path", attrs: { d: "M20 10c-2 2-3 3.5-3 6" } }
+  ],
+  highlighter: [
+    { name: "path", attrs: { d: "m9 11-6 6v3h9l3-3" } },
+    { name: "path", attrs: { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" } }
+  ],
+  image: [
+    { name: "rect", attrs: { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" } },
+    { name: "circle", attrs: { cx: "9", cy: "9", r: "2" } },
+    { name: "path", attrs: { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" } }
+  ],
+  info: [
+    { name: "circle", attrs: { cx: "12", cy: "12", r: "10" } },
+    { name: "path", attrs: { d: "M12 16v-4" } },
+    { name: "path", attrs: { d: "M12 8h.01" } }
+  ],
+  italic: [
+    { name: "line", attrs: { x1: "19", x2: "10", y1: "4", y2: "4" } },
+    { name: "line", attrs: { x1: "14", x2: "5", y1: "20", y2: "20" } },
+    { name: "line", attrs: { x1: "15", x2: "9", y1: "4", y2: "20" } }
+  ],
+  link: [
+    { name: "path", attrs: { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" } },
+    { name: "path", attrs: { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" } }
+  ],
+  lightbulb: [
+    {
+      name: "path",
+      attrs: {
+        d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"
+      }
+    },
+    { name: "path", attrs: { d: "M9 18h6" } },
+    { name: "path", attrs: { d: "M10 22h4" } }
+  ],
+  list: [
+    { name: "path", attrs: { d: "M3 5h.01" } },
+    { name: "path", attrs: { d: "M3 12h.01" } },
+    { name: "path", attrs: { d: "M3 19h.01" } },
+    { name: "path", attrs: { d: "M8 5h13" } },
+    { name: "path", attrs: { d: "M8 12h13" } },
+    { name: "path", attrs: { d: "M8 19h13" } }
+  ],
+  "list-ordered": [
+    { name: "path", attrs: { d: "M11 5h10" } },
+    { name: "path", attrs: { d: "M11 12h10" } },
+    { name: "path", attrs: { d: "M11 19h10" } },
+    { name: "path", attrs: { d: "M4 4h1v5" } },
+    { name: "path", attrs: { d: "M4 9h2" } },
+    { name: "path", attrs: { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02" } }
+  ],
+  "list-todo": [
+    { name: "path", attrs: { d: "M13 5h8" } },
+    { name: "path", attrs: { d: "M13 12h8" } },
+    { name: "path", attrs: { d: "M13 19h8" } },
+    { name: "path", attrs: { d: "m3 17 2 2 4-4" } },
+    { name: "rect", attrs: { x: "3", y: "4", width: "6", height: "6", rx: "1" } }
+  ],
+  "maximize-2": [
+    { name: "path", attrs: { d: "M15 3h6v6" } },
+    { name: "path", attrs: { d: "m21 3-7 7" } },
+    { name: "path", attrs: { d: "M9 21H3v-6" } },
+    { name: "path", attrs: { d: "m3 21 7-7" } }
+  ],
+  minus: [{ name: "path", attrs: { d: "M5 12h14" } }],
+  "music-2": [
+    { name: "circle", attrs: { cx: "8", cy: "18", r: "4" } },
+    { name: "path", attrs: { d: "M12 18V2l7 4" } }
+  ],
+  "octagon-alert": [
+    { name: "path", attrs: { d: "M12 16h.01" } },
+    { name: "path", attrs: { d: "M12 8v4" } },
+    {
+      name: "path",
+      attrs: {
+        d: "M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"
+      }
+    }
+  ],
+  play: [
+    {
+      name: "path",
+      attrs: { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" }
+    }
+  ],
+  "rotate-ccw": [
+    { name: "path", attrs: { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" } },
+    { name: "path", attrs: { d: "M3 3v5h5" } }
+  ],
+  strikethrough: [
+    { name: "path", attrs: { d: "M16 4H9a3 3 0 0 0-2.83 4" } },
+    { name: "path", attrs: { d: "M14 12a4 4 0 0 1 0 8H6" } },
+    { name: "line", attrs: { x1: "4", x2: "20", y1: "12", y2: "12" } }
+  ],
+  table: [
+    { name: "path", attrs: { d: "M12 3v18" } },
+    { name: "rect", attrs: { width: "18", height: "18", x: "3", y: "3", rx: "2" } },
+    { name: "path", attrs: { d: "M3 9h18" } },
+    { name: "path", attrs: { d: "M3 15h18" } }
+  ],
+  "table-delete": [
+    { name: "rect", attrs: { width: "18", height: "18", x: "3", y: "3", rx: "2" } },
+    { name: "path", attrs: { d: "M3 9h18" } },
+    { name: "path", attrs: { d: "M9 3v18" } },
+    { name: "path", attrs: { d: "m14 14 4 4" } },
+    { name: "path", attrs: { d: "m18 14-4 4" } }
+  ],
+  "table-of-contents": [
+    { name: "path", attrs: { d: "M16 5H3" } },
+    { name: "path", attrs: { d: "M16 12H3" } },
+    { name: "path", attrs: { d: "M16 19H3" } },
+    { name: "path", attrs: { d: "M21 5h.01" } },
+    { name: "path", attrs: { d: "M21 12h.01" } },
+    { name: "path", attrs: { d: "M21 19h.01" } }
+  ],
+  "text-align-start": [
+    { name: "path", attrs: { d: "M21 5H3" } },
+    { name: "path", attrs: { d: "M15 12H3" } },
+    { name: "path", attrs: { d: "M17 19H3" } }
+  ],
+  "text-quote": [
+    { name: "path", attrs: { d: "M17 5H3" } },
+    { name: "path", attrs: { d: "M21 12H8" } },
+    { name: "path", attrs: { d: "M21 19H8" } },
+    { name: "path", attrs: { d: "M3 12v7" } }
+  ],
+  "trash-2": [
+    { name: "path", attrs: { d: "M10 11v6" } },
+    { name: "path", attrs: { d: "M14 11v6" } },
+    { name: "path", attrs: { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" } },
+    { name: "path", attrs: { d: "M3 6h18" } },
+    { name: "path", attrs: { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" } }
+  ],
+  "triangle-alert": [
+    { name: "path", attrs: { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" } },
+    { name: "path", attrs: { d: "M12 9v4" } },
+    { name: "path", attrs: { d: "M12 17h.01" } }
+  ],
+  underline: [
+    { name: "path", attrs: { d: "M6 4v6a6 6 0 0 0 12 0V4" } },
+    { name: "line", attrs: { x1: "4", x2: "20", y1: "20", y2: "20" } }
+  ],
+  type: [
+    { name: "path", attrs: { d: "M12 4v16" } },
+    { name: "path", attrs: { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2" } },
+    { name: "path", attrs: { d: "M9 20h6" } }
+  ],
+  x: [
+    { name: "path", attrs: { d: "M18 6 6 18" } },
+    { name: "path", attrs: { d: "m6 6 12 12" } }
+  ]
+};
+function hasMardoraIcon(name) {
+  return name in iconDefinitions;
+}
+function createMardoraIcon(name) {
+  if (!hasMardoraIcon(name)) return null;
+  const svg = document.createElementNS(svgNamespace, "svg");
+  svg.setAttribute("xmlns", svgNamespace);
+  svg.setAttribute("width", "24");
+  svg.setAttribute("height", "24");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("fill", "none");
+  svg.setAttribute("stroke", "currentColor");
+  svg.setAttribute("stroke-width", "2");
+  svg.setAttribute("stroke-linecap", "round");
+  svg.setAttribute("stroke-linejoin", "round");
+  svg.setAttribute("aria-hidden", "true");
+  svg.setAttribute("focusable", "false");
+  for (const definition of iconDefinitions[name]) {
+    const element = document.createElementNS(svgNamespace, definition.name);
+    for (const [attr, value] of Object.entries(definition.attrs)) {
+      element.setAttribute(attr, value);
+    }
+    svg.appendChild(element);
+  }
+  return svg;
+}
+
+// src/editor/table-of-contents/slug.ts
+var defaultMinWidth = 180;
+var defaultMaxWidth = 360;
+var defaultWidth = 240;
+function clampTocWidth(width, config) {
+  return Math.min(Math.max(width, config.minWidth), config.maxWidth);
+}
+function resolveTocConfig(config = {}) {
+  const minWidth = Math.max(120, config.minWidth ?? defaultMinWidth);
+  const maxWidth = Math.max(minWidth, config.maxWidth ?? defaultMaxWidth);
+  const requestedMinLevel = config.minLevel ?? 2;
+  const requestedMaxLevel = config.maxLevel ?? 6;
+  const minLevel = requestedMinLevel <= requestedMaxLevel ? requestedMinLevel : requestedMaxLevel;
+  const maxLevel = requestedMaxLevel >= requestedMinLevel ? requestedMaxLevel : requestedMinLevel;
+  const resolved = {
+    enabled: config.enabled !== false,
+    minLevel,
+    maxLevel,
+    defaultExpanded: config.defaultExpanded !== false,
+    defaultWidth,
+    minWidth,
+    maxWidth
+  };
+  if (config.onTocChange) resolved.onTocChange = config.onTocChange;
+  if (config.storageKey) resolved.storageKey = config.storageKey;
+  resolved.defaultWidth = clampTocWidth(config.defaultWidth ?? defaultWidth, resolved);
+  return resolved;
+}
+function normalizeHeadingText(value) {
+  return value.trim().toLowerCase().replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "");
+}
+function createTocSlugger() {
+  const seen = /* @__PURE__ */ new Map();
+  return (text) => {
+    const base = normalizeHeadingText(text) || "heading";
+    const count = (seen.get(base) ?? 0) + 1;
+    seen.set(base, count);
+    return count === 1 ? base : `${base}-${count}`;
+  };
+}
+
+// src/editor/table-of-contents/storage.ts
+function defaultStorage() {
+  if (typeof window === "undefined") return null;
+  return window.localStorage;
+}
+function readTocPanelState(storageKey, storage = defaultStorage()) {
+  if (!storageKey || !storage) return null;
+  try {
+    const raw = storage.getItem(storageKey);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (typeof parsed.expanded !== "boolean" || typeof parsed.width !== "number") return null;
+    return { expanded: parsed.expanded, width: parsed.width };
+  } catch {
+    return null;
+  }
+}
+function writeTocPanelState(storageKey, state, storage = defaultStorage()) {
+  if (!storageKey || !storage) return;
+  try {
+    storage.setItem(storageKey, JSON.stringify({ expanded: state.expanded, width: state.width }));
+  } catch {
+  }
+}
+var headingPattern = /^ATXHeading([1-6])$/;
+var tocParseTimeout = 100;
+function headingLevel(node) {
+  const match = headingPattern.exec(node.name);
+  if (!match) return null;
+  const level = Number(match[1]);
+  return level >= 2 && level <= 6 ? level : null;
+}
+function stripMarkdownHeadingText(text) {
+  return text.replace(/^#{1,6}\s*/, "").replace(/`([^`]+)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(/\*([^*]+)\*/g, "$1").replace(/__([^_]+)__/g, "$1").replace(/_([^_]+)_/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").trim();
+}
+function extractTocItemsFromState(state, config = {}) {
+  const resolved = resolveTocConfig(config);
+  const slug = createTocSlugger();
+  const items = [];
+  const tree = ensureSyntaxTree(state, state.doc.length, tocParseTimeout) ?? syntaxTree(state);
+  tree.iterate({
+    enter: (node) => {
+      const level = headingLevel(node);
+      if (!level || level < resolved.minLevel || level > resolved.maxLevel) return;
+      const text = stripMarkdownHeadingText(state.sliceDoc(node.from, node.to));
+      if (!text) return;
+      items.push({
+        id: slug(text),
+        level,
+        text,
+        from: node.from,
+        to: node.to,
+        active: false
+      });
+    }
+  });
+  return items;
+}
+
+// src/editor/table-of-contents/panel.ts
+function appendIcon(parent, name) {
+  const icon = createMardoraIcon(name);
+  if (icon) parent.appendChild(icon);
+}
+function createExpandedToggle(callbacks) {
+  const toggle = document.createElement("button");
+  toggle.type = "button";
+  toggle.className = "cm-mardora-toc-toggle";
+  toggle.setAttribute("aria-label", "Toggle table of contents");
+  toggle.textContent = "\u2039";
+  toggle.addEventListener("click", callbacks.onToggle);
+  return toggle;
+}
+function createCollapsed(callbacks) {
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = "cm-mardora-toc-collapsed";
+  button.setAttribute("aria-label", "Open table of contents");
+  appendIcon(button, "table-of-contents");
+  button.addEventListener("click", callbacks.onToggle);
+  return button;
+}
+function createItem(item, callbacks) {
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = item.active ? "cm-mardora-toc-item cm-mardora-toc-item-active" : "cm-mardora-toc-item";
+  button.dataset.mardoraTocId = item.id;
+  button.dataset.mardoraTocLevel = String(item.level);
+  button.title = item.text;
+  button.textContent = item.text;
+  button.addEventListener("click", () => callbacks.onSelect(item));
+  return button;
+}
+function createTocPanelElement(state, callbacks) {
+  const root = document.createElement("aside");
+  root.className = "cm-mardora-toc";
+  root.dataset.mardoraTocExpanded = String(state.expanded);
+  root.style.setProperty("--mardora-toc-width", `${state.width}px`);
+  const resize = document.createElement("div");
+  resize.className = "cm-mardora-toc-resize";
+  resize.addEventListener("mousedown", callbacks.onResizeStart);
+  root.appendChild(resize);
+  if (!state.expanded) {
+    root.appendChild(createCollapsed(callbacks));
+    return root;
+  }
+  root.appendChild(createExpandedToggle(callbacks));
+  const list = document.createElement("nav");
+  list.className = "cm-mardora-toc-list";
+  if (state.items.length === 0) {
+    const empty = document.createElement("div");
+    empty.className = "cm-mardora-toc-empty";
+    empty.textContent = "\u6682\u65E0\u76EE\u5F55";
+    list.appendChild(empty);
+  } else {
+    for (const item of state.items) list.appendChild(createItem(item, callbacks));
+  }
+  root.appendChild(list);
+  return root;
+}
+var tocTheme = EditorView.baseTheme({
+  ".cm-mardora": {
+    position: "relative"
+  },
+  ".cm-mardora .cm-scroller": {
+    boxSizing: "border-box",
+    paddingRight: "calc(var(--mardora-toc-layout-width, 0px) + var(--mardora-toc-scrollbar-gutter, 0px))",
+    scrollbarGutter: "stable"
+  },
+  ".cm-mardora .cm-scroller::-webkit-scrollbar-track": {
+    background: "transparent"
+  },
+  ".cm-mardora-toc": {
+    position: "absolute",
+    top: "0",
+    right: "var(--mardora-toc-scrollbar-gutter, 0px)",
+    bottom: "0",
+    zIndex: "8",
+    width: "var(--mardora-toc-width, 240px)",
+    minWidth: "0",
+    borderLeft: "1px solid var(--mardora-toc-border, #ececef)",
+    background: "var(--mardora-toc-bg, transparent)",
+    color: "var(--mardora-toc-fg, #27272a)",
+    userSelect: "none"
+  },
+  ".cm-mardora-toc[data-mardora-toc-expanded='false']": {
+    width: "42px"
+  },
+  ".cm-mardora-toc-resize": {
+    position: "absolute",
+    top: "0",
+    bottom: "0",
+    left: "-4px",
+    zIndex: "2",
+    width: "8px",
+    cursor: "col-resize"
+  },
+  ".cm-mardora-toc-resize::after": {
+    position: "absolute",
+    top: "50%",
+    left: "3px",
+    width: "2px",
+    height: "64px",
+    borderRadius: "999px",
+    background: "var(--mardora-toc-handle, #d4d4d8)",
+    opacity: "0",
+    transform: "translateY(-50%)",
+    transition: "opacity 120ms ease",
+    content: "''"
+  },
+  ".cm-mardora-toc:hover .cm-mardora-toc-resize::after, .cm-mardora-toc-resizing .cm-mardora-toc-resize::after": {
+    opacity: "1"
+  },
+  ".cm-mardora-toc-collapsed svg": {
+    width: "16px",
+    height: "16px"
+  },
+  ".cm-mardora-toc-toggle, .cm-mardora-toc-collapsed, .cm-mardora-toc-item": {
+    border: "0",
+    background: "transparent",
+    color: "inherit",
+    cursor: "default",
+    font: "inherit"
+  },
+  ".cm-mardora-toc-toggle": {
+    position: "absolute",
+    top: "8px",
+    right: "8px",
+    zIndex: "1",
+    width: "28px",
+    height: "28px",
+    borderRadius: "6px",
+    color: "var(--mardora-toc-muted, #71717a)",
+    opacity: "0.55",
+    transition: "background 120ms ease, color 120ms ease, opacity 120ms ease"
+  },
+  ".cm-mardora-toc-toggle:hover": {
+    color: "var(--mardora-toc-active, #18181b)",
+    opacity: "1"
+  },
+  ".cm-mardora-toc-toggle:hover, .cm-mardora-toc-collapsed:hover, .cm-mardora-toc-item:hover": {
+    background: "var(--mardora-toc-hover, #f4f4f5)"
+  },
+  ".cm-mardora-toc-collapsed": {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%",
+    height: "100%",
+    color: "var(--mardora-toc-muted, #71717a)"
+  },
+  ".cm-mardora-toc-list": {
+    overflow: "auto",
+    height: "100%",
+    padding: "12px 10px 16px 18px",
+    scrollbarWidth: "thin"
+  },
+  ".cm-mardora-toc-list::-webkit-scrollbar": {
+    width: "8px"
+  },
+  ".cm-mardora-toc-list::-webkit-scrollbar-track": {
+    background: "transparent"
+  },
+  ".cm-mardora-toc-list::-webkit-scrollbar-thumb": {
+    borderRadius: "999px",
+    background: "var(--mardora-toc-scrollbar, #c7c7cc)"
+  },
+  ".cm-mardora-toc-item": {
+    display: "block",
+    width: "100%",
+    overflow: "hidden",
+    minHeight: "30px",
+    padding: "0 8px",
+    borderLeft: "2px solid transparent",
+    borderRadius: "6px",
+    color: "var(--mardora-toc-muted, #71717a)",
+    lineHeight: "30px",
+    textAlign: "left",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    transition: "background 120ms ease, color 120ms ease"
+  },
+  ".cm-mardora-toc-item[data-mardora-toc-level='3']": { paddingLeft: "18px" },
+  ".cm-mardora-toc-item[data-mardora-toc-level='4']": { paddingLeft: "28px" },
+  ".cm-mardora-toc-item[data-mardora-toc-level='5']": { paddingLeft: "38px" },
+  ".cm-mardora-toc-item[data-mardora-toc-level='6']": { paddingLeft: "48px" },
+  ".cm-mardora-toc-item-active": {
+    borderLeftColor: "var(--mardora-toc-active, #18181b)",
+    background: "var(--mardora-toc-hover, #f4f4f5)",
+    color: "var(--mardora-toc-active, #18181b)",
+    fontWeight: "600"
+  },
+  ".cm-mardora-toc-empty": {
+    padding: "12px 8px",
+    color: "var(--mardora-toc-muted, #71717a)",
+    fontSize: "13px"
+  },
+  ".cm-mardora-toc-resizing": {
+    userSelect: "none"
+  },
+  "&dark .cm-mardora-toc": {
+    "--mardora-toc-bg": "#18181b",
+    "--mardora-toc-fg": "#f4f4f5",
+    "--mardora-toc-border": "#3f3f46",
+    "--mardora-toc-handle": "#52525b",
+    "--mardora-toc-hover": "#27272a",
+    "--mardora-toc-muted": "#a1a1aa",
+    "--mardora-toc-active": "#f4f4f5",
+    "--mardora-toc-scrollbar": "#52525b"
+  }
+});
+function sameItems(a, b) {
+  return JSON.stringify(a) === JSON.stringify(b);
+}
+var TocViewPlugin = class {
+  constructor(view, rawConfig) {
+    this.view = view;
+    this.config = resolveTocConfig(rawConfig);
+    const stored = readTocPanelState(this.config.storageKey);
+    this.panelState = {
+      expanded: stored?.expanded ?? this.config.defaultExpanded,
+      width: clampTocWidth(stored?.width ?? this.config.defaultWidth, this.config)
+    };
+    this.view.scrollDOM.addEventListener("scroll", this.handleScroll, { passive: true });
+    this.recompute();
+    this.scheduleRender();
+    this.scheduleActiveMeasure();
+  }
+  view;
+  panel = null;
+  config;
+  panelState;
+  items = [];
+  renderFrame = null;
+  measureKey = {};
+  update(update) {
+    if (update.docChanged) {
+      this.recompute();
+      return;
+    }
+    if (update.viewportChanged || update.geometryChanged) this.scheduleActiveMeasure();
+  }
+  destroy() {
+    this.view.scrollDOM.removeEventListener("scroll", this.handleScroll);
+    if (this.renderFrame !== null) {
+      this.view.dom.ownerDocument.defaultView?.cancelAnimationFrame(this.renderFrame);
+      this.renderFrame = null;
+    }
+    this.clearLayoutWidth();
+    this.panel?.remove();
+    this.panel = null;
+  }
+  handleScroll = () => {
+    this.scheduleActiveMeasure();
+  };
+  recompute() {
+    const next = extractTocItemsFromState(this.view.state, this.config);
+    this.items = this.withPreservedActive(next);
+    this.config.onTocChange?.(this.items);
+    this.render();
+    this.scheduleActiveMeasure();
+  }
+  withPreservedActive(items) {
+    if (items.length === 0) return [];
+    const previousActive = this.items.find((item) => item.active)?.id;
+    const fallbackActiveId = items[0]?.id;
+    const activeId = previousActive && items.some((item) => item.id === previousActive) ? previousActive : fallbackActiveId;
+    return items.map((item) => ({ ...item, active: item.id === activeId }));
+  }
+  scheduleActiveMeasure() {
+    if (this.items.length === 0 || !this.view.dom.isConnected) return;
+    this.view.requestMeasure({
+      key: this.measureKey,
+      read: (view) => {
+        const viewportTop = view.scrollDOM.getBoundingClientRect().top + 24;
+        let activeId = this.items[0]?.id ?? null;
+        for (const item of this.items) {
+          if (typeof item.from !== "number") continue;
+          const coords = view.coordsAtPos(item.from);
+          if (coords && coords.top <= viewportTop) activeId = item.id;
+        }
+        return activeId;
+      },
+      write: (activeId) => {
+        if (!activeId) return;
+        this.updateActiveItem(activeId);
+      }
+    });
+  }
+  updateActiveItem(activeId) {
+    const next = this.items.map((item) => ({ ...item, active: item.id === activeId }));
+    if (sameItems(next, this.items)) return;
+    this.items = next;
+    this.config.onTocChange?.(this.items);
+    this.render();
+  }
+  scheduleRender() {
+    const win = this.view.dom.ownerDocument.defaultView;
+    if (!win) {
+      this.render();
+      return;
+    }
+    if (this.renderFrame !== null) return;
+    this.renderFrame = win.requestAnimationFrame(() => {
+      this.renderFrame = null;
+      this.render();
+    });
+  }
+  render() {
+    if (!this.config.enabled) {
+      this.clearLayoutWidth();
+      this.panel?.remove();
+      this.panel = null;
+      return;
+    }
+    this.syncLayoutWidth();
+    const nextPanel = createTocPanelElement(
+      { expanded: this.panelState.expanded, width: this.panelState.width, items: this.items },
+      {
+        onSelect: (item) => this.selectItem(item),
+        onToggle: () => this.toggle(),
+        onResizeStart: (event) => this.startResize(event)
+      }
+    );
+    if (this.panel?.isConnected) {
+      this.panel.replaceWith(nextPanel);
+    } else {
+      this.view.dom.appendChild(nextPanel);
+    }
+    this.panel = nextPanel;
+  }
+  selectItem(item) {
+    if (typeof item.from !== "number") return;
+    this.view.dispatch({
+      selection: EditorSelection.cursor(item.from),
+      effects: EditorView.scrollIntoView(item.from, { y: "start" })
+    });
+    this.view.focus();
+    this.updateActiveItem(item.id);
+    this.scheduleActiveMeasure();
+  }
+  persistPanelState() {
+    writeTocPanelState(this.config.storageKey, this.panelState);
+  }
+  toggle() {
+    this.panelState = { ...this.panelState, expanded: !this.panelState.expanded };
+    this.persistPanelState();
+    this.render();
+  }
+  syncLayoutWidth() {
+    const layoutWidth = this.panelState.expanded ? this.panelState.width : 42;
+    this.view.dom.style.setProperty("--mardora-toc-layout-width", `${layoutWidth}px`);
+    this.view.dom.style.setProperty("--mardora-toc-scrollbar-gutter", "14px");
+  }
+  clearLayoutWidth() {
+    this.view.dom.style.removeProperty("--mardora-toc-layout-width");
+    this.view.dom.style.removeProperty("--mardora-toc-scrollbar-gutter");
+  }
+  startResize(event) {
+    event.preventDefault();
+    const startX = event.clientX;
+    const startWidth = this.panelState.width;
+    const doc = this.view.dom.ownerDocument;
+    doc.body.classList.add("cm-mardora-toc-resizing");
+    const move = (moveEvent) => {
+      const nextWidth = clampTocWidth(startWidth - (moveEvent.clientX - startX), this.config);
+      this.panelState = { ...this.panelState, width: nextWidth };
+      this.render();
+    };
+    const up = () => {
+      doc.body.classList.remove("cm-mardora-toc-resizing");
+      doc.removeEventListener("mousemove", move);
+      doc.removeEventListener("mouseup", up);
+      this.persistPanelState();
+    };
+    doc.addEventListener("mousemove", move);
+    doc.addEventListener("mouseup", up);
+  }
+};
+function tableOfContents(config = {}) {
+  return [tocTheme, Prec.low(ViewPlugin.define((view) => new TocViewPlugin(view, config)))];
+}
+
+export { ThemeEnum, clampTocWidth, createMardoraIcon, createTheme, createTocPanelElement, createTocSlugger, cursorInRange, deepMerge, extractTocItemsFromState, fixSelector, flattenThemeStyles, hasMardoraIcon, readTocPanelState, resolveTocConfig, selectionOverlapsRange, stripMarkdownHeadingText, tableOfContents, tocTheme, toggleMarkdownStyle, writeTocPanelState };
+//# sourceMappingURL=chunk-P7JFCYU3.js.map
+//# sourceMappingURL=chunk-P7JFCYU3.js.map