@agent-arts/editor 0.0.5 → 0.1.0

package/dist/editor.js

@@ -1,203 +1,95 @@
-var P = Object.defineProperty;
-var T = (n, e, t) => e in n ? P(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var r = (n, e, t) => T(n, typeof e != "symbol" ? e + "" : e, t);
-import { StateEffect as u, Facet as w, StateField as E, EditorState as C } from "@codemirror/state";
-import { EditorView as f, Decoration as p, WidgetType as B, keymap as D } from "@codemirror/view";
-import { history as L, defaultKeymap as A, historyKeymap as G } from "@codemirror/commands";
-import { markdown as R, markdownLanguage as $ } from "@codemirror/lang-markdown";
-import { languages as I } from "@codemirror/language-data";
-class j {
-  constructor(e) {
-    r(this, "view");
-    r(this, "allBlocks", /* @__PURE__ */ new Map());
-    r(this, "options");
-    this.options = e, e.initialBlocks && e.initialBlocks.forEach((i) => this.allBlocks.set(i.block.id, i.block));
-    const t = {
-      updateBlockText: (i, s) => {
-        const c = this.allBlocks.get(i);
-        c && (c.presetText = s, this.allBlocks.set(i, c), this.options.onBlockUpdated && this.options.onBlockUpdated(i, s));
-      },
-      openPopup: (i, s) => {
-        this.options.onOpenPopup(i, s);
-      },
-      deleteBlock: (i) => {
-        this.allBlocks.delete(i), this.options.onBlockDeleted && this.options.onBlockDeleted(i);
-      }
-    }, o = N(e.initialDoc, t, e.initialBlocks || []), l = f.updateListener.of((i) => {
-      i.docChanged && i.changes.iterChanges((s, c, d, a, m) => {
-        const b = m.sliceString(0);
-        m.length === 1 && (b === "{" ? this.options.onTriggerPluginPopup(s) : b === "/" && this.options.onTriggerAIDialog(s));
-      });
-    });
-    this.view = new f({
-      state: o.update({
-        effects: u.appendConfig.of(l)
-      }).state,
-      parent: e.parent
-    });
+var I = Object.defineProperty;
+var F = (o, t, e) => t in o ? I(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var r = (o, t, e) => F(o, typeof t != "symbol" ? t + "" : t, e);
+import { StateEffect as k, Facet as x, StateField as y, EditorState as R } from "@codemirror/state";
+import { EditorView as u, Decoration as d, WidgetType as E, ViewPlugin as $, keymap as _, drawSelection as G } from "@codemirror/view";
+import { history as W, defaultKeymap as N, historyKeymap as z } from "@codemirror/commands";
+const C = k.define(), A = k.define();
+class g extends E {
+  constructor(t, e) {
+    super(), this.block = t, this.callbacks = e;
   }
-  addBlock() {
-    const e = {
-      id: Math.random().toString(36).substr(2, 9),
-      placeholder: "请输入编辑块内容为空时的提示文案",
-      presetText: ""
-    };
-    this.allBlocks.set(e.id, e);
-    const { from: t, to: o } = this.view.state.selection.main;
-    return this.view.dispatch({
-      changes: { from: t, to: o, insert: " " },
-      effects: y.of(e),
-      selection: { anchor: t + 1 }
-    }), this.view.focus(), e;
-  }
-  addPluginBlock(e, t) {
-    return this.view.dispatch({
-      changes: { from: e, to: e + 1, insert: " " },
-      effects: v.of({ pos: e, block: t }),
-      selection: { anchor: e + 1 }
-    }), this.view.focus(), t;
-  }
-  syncBlock(e) {
-    this.allBlocks.set(e.id, { ...e }), this.view.dispatch({
-      effects: x.of(e)
-    });
-  }
-  getBlock(e) {
-    return this.allBlocks.get(e);
-  }
-  coordsAtPos(e) {
-    return this.view.coordsAtPos(e);
-  }
-  getData() {
-    return H(this.view, this.allBlocks);
-  }
-  destroy() {
-    this.view.destroy();
-  }
-}
-const y = u.define(), x = u.define(), v = u.define();
-class h extends B {
-  constructor(e, t) {
-    super(), this.block = e, this.callbacks = t;
-  }
-  toDOM(e) {
-    const t = document.createElement("span");
-    t.className = "cm-inline-block", t.setAttribute("data-block-id", this.block.id);
-    const o = document.createElement("input");
-    o.type = "text", o.className = "block-input", o.value = this.block.presetText || "", o.placeholder = this.block.placeholder || "请输入...";
-    const l = (i) => {
-      const s = document.createElement("span");
-      s.style.visibility = "hidden", s.style.position = "absolute", s.style.whiteSpace = "pre", s.style.font = "inherit", s.textContent = i || o.placeholder, document.body.appendChild(s);
-      const c = s.offsetWidth;
-      return document.body.removeChild(s), c + 10;
+  toDOM(t) {
+    const e = document.createElement("span");
+    e.className = "cm-inline-block", e.setAttribute("data-block-id", this.block.id);
+    const i = document.createElement("input");
+    i.type = "text", i.className = "block-input", i.value = this.block.presetText || "", i.placeholder = this.block.placeholder || "请输入...";
+    const l = (s) => {
+      const n = document.createElement("span");
+      n.style.visibility = "hidden", n.style.position = "absolute", n.style.whiteSpace = "pre", n.style.font = "inherit", n.textContent = s || i.placeholder, document.body.appendChild(n);
+      const c = n.offsetWidth;
+      return document.body.removeChild(n), c + 10;
     };
-    return o.style.width = `${l(o.value)}px`, o.oninput = (i) => {
-      const s = i.target.value;
-      o.style.width = `${l(s)}px`, this.callbacks.updateBlockText(this.block.id, s);
-    }, o.onfocus = (i) => {
-      const s = t.getBoundingClientRect();
+    return i.style.width = `${l(i.value)}px`, i.oninput = (s) => {
+      const n = s.target.value;
+      i.style.width = `${l(n)}px`, this.callbacks.updateBlockText(this.block.id, n);
+    }, i.onfocus = () => {
+      const s = e.getBoundingClientRect();
       this.callbacks.openPopup(this.block.id, s);
-    }, o.onmousedown = (i) => {
-      i.stopPropagation();
-    }, o.onclick = (i) => {
-      i.stopPropagation();
-      const s = t.getBoundingClientRect();
-      this.callbacks.openPopup(this.block.id, s);
-    }, o.onkeydown = (i) => {
-      if (i.key === "Backspace" && o.value === "") {
-        i.preventDefault();
-        let s = null;
-        e.state.field(k).between(0, e.state.doc.length, (c, d, a) => {
-          a.spec.widget === this && (s = c);
-        }), s !== null && (this.callbacks.deleteBlock(this.block.id), e.dispatch({
-          changes: { from: s, to: s + 1 },
-          selection: { anchor: s }
-        }));
+    }, i.onmousedown = (s) => {
+      s.stopPropagation();
+    }, i.onclick = (s) => {
+      s.stopPropagation();
+      const n = e.getBoundingClientRect();
+      this.callbacks.openPopup(this.block.id, n);
+    }, i.onkeydown = (s) => {
+      if (s.key === "Backspace" && i.value === "") {
+        s.preventDefault();
+        const n = t.posAtDOM(e);
+        this.callbacks.deleteBlock(this.block.id), t.dispatch({
+          changes: { from: n, to: n + 1 },
+          selection: { anchor: n }
+        });
       }
-    }, t.appendChild(o), t;
-  }
-  ignoreEvent(e) {
-    return !0;
+    }, e.appendChild(i), e;
   }
-}
-class W extends B {
-  constructor(e) {
-    super(), this.block = e;
-  }
-  toDOM() {
-    const e = document.createElement("span");
-    e.className = `cm-plugin-block cm-plugin-block-${this.block.type}`, e.setAttribute("data-block-id", this.block.id);
-    const t = document.createElement("i");
-    t.className = this.block.type === "plugin" ? "icon-plugin" : "icon-workflow", e.appendChild(t);
-    const o = document.createTextNode(this.block.name);
-    return e.appendChild(o), e;
-  }
-  ignoreEvent(e) {
+  ignoreEvent() {
     return !0;
   }
 }
-const g = w.define({
-  combine: (n) => n[0]
-}), S = w.define({
-  combine: (n) => n.length ? n[0] : []
-}), k = E.define({
-  create(n) {
-    const e = n.facet(g), t = n.facet(S);
-    if (!t || t.length === 0) return p.none;
-    const o = t.slice().sort((l, i) => l.pos - i.pos).map(({ pos: l, block: i }) => p.replace({
-      widget: new h(i, e)
-    }).range(l, l + 1));
-    return p.set(o, !0);
+const w = x.define({
+  combine: (o) => o[0]
+}), D = x.define({
+  combine: (o) => o.length ? o[0] : []
+}), v = y.define({
+  create(o) {
+    const t = o.facet(w), e = o.facet(D);
+    if (!e || e.length === 0) return d.none;
+    const i = e.slice().sort((l, s) => l.pos - s.pos).map(({ pos: l, len: s, block: n }) => {
+      const c = new g(n, t);
+      return d.replace({ widget: c }).range(l, l + (s || 1));
+    });
+    return d.set(i, !0);
   },
-  update(n, e) {
-    const t = e.state.facet(g);
-    n = n.map(e.changes);
-    for (let o of e.effects)
-      if (o.is(y)) {
-        const l = e.state.selection.main.head - 1, i = p.replace({
-          widget: new h(o.value, t)
+  update(o, t) {
+    const e = t.state.facet(w);
+    o = o.map(t.changes);
+    for (const i of t.effects)
+      if (i.is(C)) {
+        const l = t.state.selection.main.head - 1, s = d.replace({
+          widget: new g(i.value, e)
         }).range(l, l + 1);
-        n = n.update({ add: [i] });
-      } else if (o.is(x)) {
-        const l = o.value;
-        let i = null;
-        n.between(0, e.state.doc.length, (s, c, d) => {
-          const a = d.spec.widget;
-          a instanceof h && a.block.id === l.id && (i = s);
-        }), i !== null && (n = n.update({
-          filter: (s, c, d) => {
-            const a = d.spec.widget;
-            return !(a instanceof h && a.block.id === l.id);
+        o = o.update({ add: [s] });
+      } else if (i.is(A)) {
+        const l = i.value;
+        let s = null;
+        o.between(0, t.state.doc.length, (n, c, a) => {
+          const h = a.spec.widget;
+          h instanceof g && h.block.id === l.id && (s = n);
+        }), s !== null && (o = o.update({
+          filter: (n, c, a) => {
+            const h = a.spec.widget;
+            return !(h instanceof g && h.block.id === l.id);
           },
-          add: [p.replace({
-            widget: new h(l, t)
-          }).range(i, i + 1)]
+          add: [d.replace({
+            widget: new g(l, e)
+          }).range(s, s + 1)]
         }));
-      } else if (o.is(v)) {
-        const { pos: l, block: i } = o.value, s = e.changes.mapPos(l), c = p.replace({
-          widget: new W(i)
-        }).range(s, s + 1);
-        n = n.update({ add: [c] });
       }
-    return n;
+    return o;
   },
-  provide: (n) => f.decorations.from(n)
-}), F = (n, e) => {
-  const t = n.state.selection.main.head;
-  if (t === 0) return !1;
-  let o = null, l = null;
-  const i = n.state.field(k, !1);
-  return i && i.between(t - 1, t, (s, c, d) => {
-    const a = d.spec.widget;
-    a instanceof h && (o = a.block.id, l = s);
-  }), o && l !== null ? (e.deleteBlock(o), n.dispatch({
-    changes: { from: l, to: l + 1 },
-    selection: { anchor: l }
-  }), !0) : !1;
-}, M = f.theme({
-  "&": { height: "100%", outline: "none" },
-  ".cm-content": { padding: "20px", fontSize: "16px" },
-  ".cm-line": { padding: "4px 0" },
+  provide: (o) => u.decorations.from(o)
+}), H = u.theme({
   ".cm-inline-block": {
     display: "inline-block",
     backgroundColor: "#f3f0ff",
@@ -229,76 +121,71 @@ const g = w.define({
   ".block-input::placeholder": {
     color: "#b2a1ff",
     opacity: 0.7
-  },
-  ".cm-header-1": { fontSize: "1.5em", color: "#008c99", fontWeight: "bold" }
+  }
 });
-function N(n, e, t = []) {
-  const o = [
-    L(),
-    D.of([
-      ...A,
-      ...G,
-      {
-        key: "Backspace",
-        run: (i) => F(i, e)
-      }
-    ]),
-    R({ base: $, codeLanguages: I }),
-    g.of(e),
-    S.of(t),
-    k,
-    M
+function O(o) {
+  return [
+    w.of(o.callbacks),
+    D.of(o.initialBlocks || []),
+    v,
+    H
   ];
-  return C.create({
-    doc: n,
-    extensions: o
-  });
 }
-function q(n, e) {
-  return new f({
-    state: e,
-    parent: n
-  });
+function j(o) {
+  const t = [], e = o.state.field(v, !1);
+  return e && e.between(0, o.state.doc.length, (i, l, s) => {
+    const n = s.spec.widget;
+    n instanceof g && t.push({ pos: i, len: l - i, block: n.block });
+  }), t;
 }
-function H(n, e) {
-  var l;
-  const t = n.state.doc.toString(), o = Array.from(e.values());
-  return {
-    json: {
-      content: t,
-      blocks: o
-    },
-    html: ((l = n.dom.querySelector(".cm-content")) == null ? void 0 : l.innerHTML) || ""
-  };
+class rt {
+  constructor(t) {
+    r(this, "editingBlock", { id: "", placeholder: "", presetText: "" });
+    this.callbacks = t;
+  }
+  show(t, e, i) {
+    this.editingBlock = { ...t };
+    const l = {
+      top: `${e.bottom - i.top + 10}px`,
+      left: `${e.left - i.left}px`
+    };
+    this.callbacks.onShow(this.editingBlock, l);
+  }
+  hide() {
+    this.callbacks.onHide();
+  }
+  updateEditingBlock(t) {
+    this.editingBlock = { ...this.editingBlock, ...t };
+  }
 }
-class Q {
-  constructor(e) {
+class at {
+  constructor(t) {
     r(this, "isGenerating", !1);
     r(this, "aiStreamTimer", null);
     r(this, "currentResponse", "");
-    this.callbacks = e;
+    this.callbacks = t;
   }
-  show(e, t, o) {
+  show(t, e, i) {
     const l = {
-      top: `${t.bottom - o.top + 10}px`,
-      left: `${t.left - o.left}px`
+      top: `${e.bottom - i.top + 10}px`,
+      left: `${e.left - i.left}px`
     };
-    this.callbacks.onShow(e, l);
+    this.callbacks.onShow(t, l);
   }
   hide() {
     this.stopResponse(), this.callbacks.onHide();
   }
-  sendQuestion(e) {
-    if (!e || this.isGenerating) return;
+  sendQuestion(t) {
+    if (!t || this.isGenerating) return;
     this.isGenerating = !0, this.callbacks.onLoading(!0), this.currentResponse = "", this.callbacks.onStream("");
-    const t = `洲、美洲积累了丰富的在地经验，擅长结合用户需求定制专属旅行方案，曾帮助1000+人解决旅行难题，被旅行者亲切称为"旅行百事通"。
+    const e = `你是一个资深旅游向导，积累了丰富的在地经验，擅长结合用户需求定制专属旅行方案，曾帮助1000+人解决旅行难题，被旅行者亲切称为"旅行百事通"。
 
 ## 核心性格与风格
 - **性格特点**：热情开朗、专业耐心，擅长用轻松幽默的方式化解旅行焦虑（如："别慌！机票改签我有3个小窍门，保准帮你搞定~"），遇到用户疑问会像朋友般细致拆解细节（如："你担心的高原反应，我去年在西藏徒步时总结过4个缓解方法..."）。
 - **语言风格**：口语化且富有感染力，常用"宝藏地""小众玩法"等旅行圈`;
-    let o = 0;
+    let i = 0;
     this.aiStreamTimer = setInterval(() => {
-      this.callbacks.onLoading(!1), o < t.length ? (this.currentResponse += t[o], this.callbacks.onStream(this.currentResponse), o++) : this.finishGeneration();
+      this.callbacks.onLoading(!1), i < e.length ? (this.currentResponse += e[i], this.callbacks.onStream(this.currentResponse), i++) : this.finishGeneration();
     }, 30);
   }
   stopResponse() {
@@ -314,8 +201,194 @@ class Q {
     this.stopResponse();
   }
 }
-class J {
-  constructor(e) {
+function V(o) {
+  return [
+    q(o.onTriggerAIDialog),
+    U(o.onTriggerAIDialog),
+    K
+  ];
+}
+function q(o) {
+  return u.updateListener.of((t) => {
+    t.docChanged && t.changes.iterChanges((e, i, l, s, n) => {
+      if (n.length !== 1) return;
+      n.sliceString(0) === "/" && o(e);
+    });
+  });
+}
+const K = u.theme({
+  ".cm-ai-selection-trigger": {
+    position: "absolute",
+    zIndex: "10",
+    display: "none",
+    width: "32px",
+    height: "32px",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "8px",
+    backgroundColor: "#fff",
+    boxShadow: "0 6px 24px rgba(0, 0, 0, 0.12)",
+    border: "1px solid rgba(0, 0, 0, 0.06)"
+  },
+  ".cm-ai-selection-trigger button": {
+    width: "100%",
+    height: "100%",
+    border: "none",
+    background: "transparent",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "0"
+  },
+  ".cm-ai-selection-trigger button:hover": {
+    backgroundColor: "#f3f4f6",
+    borderRadius: "8px"
+  }
+});
+function U(o) {
+  return $.fromClass(class {
+    constructor(t) {
+      r(this, "dom");
+      r(this, "button");
+      r(this, "lastFrom", -1);
+      r(this, "lastTo", -1);
+      r(this, "measureScheduled", !1);
+      this.view = t, this.dom = document.createElement("div"), this.dom.className = "cm-ai-selection-trigger", this.button = document.createElement("button"), this.button.type = "button";
+      const e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      e.setAttribute("width", "16"), e.setAttribute("height", "16"), e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "#111827"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), e.innerHTML = '<path d="M5 12l1.5.5L7 14l.5-1.5L9 12l-1.5-.5L7 10l-.5 1.5L5 12z"/><path d="M12 4l2 6 6 2-6 2-2 6-2-6-6-2 6-2 2-6z"/>', this.button.appendChild(e), this.dom.appendChild(this.button), this.view.dom.appendChild(this.dom), this.dom.addEventListener("mousedown", (i) => {
+        i.preventDefault(), i.stopPropagation();
+      }), this.button.addEventListener("click", (i) => {
+        i.preventDefault(), i.stopPropagation();
+        const { from: l, empty: s } = this.view.state.selection.main;
+        s || (o(l), this.hide());
+      }), this.scheduleMeasure(!0);
+    }
+    update(t) {
+      (t.selectionSet || t.viewportChanged || t.focusChanged || t.docChanged) && this.scheduleMeasure(!1);
+    }
+    destroy() {
+      this.dom.remove();
+    }
+    hide() {
+      this.dom.style.display = "none";
+    }
+    show() {
+      this.dom.style.display = "flex";
+    }
+    scheduleMeasure(t) {
+      const { from: e, to: i, empty: l } = this.view.state.selection.main;
+      if (l || !this.view.hasFocus) {
+        this.hide();
+        return;
+      }
+      !t && e === this.lastFrom && i === this.lastTo && this.dom.style.display !== "none" || (this.lastFrom = e, this.lastTo = i, !this.measureScheduled && (this.measureScheduled = !0, this.view.requestMeasure({
+        read: (s) => {
+          const n = s.coordsAtPos(e);
+          if (!n) return null;
+          const c = s.dom.getBoundingClientRect();
+          return { coords: n, editorRect: c };
+        },
+        write: (s) => {
+          this.measureScheduled = !1;
+          const { empty: n } = this.view.state.selection.main;
+          if (n || !this.view.hasFocus) {
+            this.hide();
+            return;
+          }
+          if (!s) {
+            this.hide();
+            return;
+          }
+          const { coords: c, editorRect: a } = s, h = 32, m = 32, p = 6, b = Math.min(
+            Math.max(c.left - a.left, p),
+            Math.max(p, a.width - h - p)
+          ), f = Math.max(c.top - a.top - m - 10, p);
+          this.dom.style.left = `${b}px`, this.dom.style.top = `${f}px`, this.show();
+        }
+      })));
+    }
+  });
+}
+const M = k.define();
+class B extends E {
+  constructor(t) {
+    super(), this.block = t;
+  }
+  toDOM() {
+    const t = document.createElement("span");
+    t.className = `cm-plugin-block cm-plugin-block-${this.block.type}`, t.setAttribute("data-block-id", this.block.id);
+    const e = document.createElement("i");
+    e.className = this.block.type === "plugin" ? "icon-plugin" : "icon-workflow", t.appendChild(e);
+    const i = document.createTextNode(this.block.name);
+    return t.appendChild(i), t;
+  }
+  ignoreEvent() {
+    return !0;
+  }
+}
+const L = x.define({
+  combine: (o) => o.length ? o[0] : []
+}), S = y.define({
+  create(o) {
+    const t = o.facet(L);
+    if (!t || t.length === 0) return d.none;
+    const e = t.slice().sort((i, l) => i.pos - l.pos).map(({ pos: i, len: l, block: s }) => d.replace({ widget: new B(s) }).range(i, i + (l || 1)));
+    return d.set(e, !0);
+  },
+  update(o, t) {
+    o = o.map(t.changes);
+    for (const e of t.effects)
+      if (e.is(M)) {
+        const { pos: i, block: l } = e.value, s = t.changes.mapPos(i), n = d.replace({
+          widget: new B(l)
+        }).range(s, s + 1);
+        o = o.update({ add: [n] });
+      }
+    return o;
+  },
+  provide: (o) => u.decorations.from(o)
+});
+function Q(o) {
+  return [
+    L.of(o.initialBlocks || []),
+    S
+  ];
+}
+function J(o) {
+  return [
+    u.updateListener.of((t) => {
+      t.docChanged && t.changes.iterChanges((e, i, l, s, n) => {
+        if (n.length !== 1) return;
+        n.sliceString(0) === "{" && o.onTriggerPluginPopup(e);
+      });
+    })
+  ];
+}
+function X(o) {
+  const t = [], e = o.state.field(S, !1);
+  return e && e.between(0, o.state.doc.length, (i, l, s) => {
+    const n = s.spec.widget;
+    n instanceof B && t.push({ pos: i, len: l - i, block: n.block });
+  }), t;
+}
+function Y(o) {
+  const t = [], e = /\{\{(.+?)\}\}/g;
+  let i;
+  for (; (i = e.exec(o)) !== null; )
+    t.push({
+      pos: i.index,
+      len: i[0].length,
+      block: {
+        id: `var-${i[1]}-${i.index}`,
+        name: i[1],
+        type: "plugin"
+      }
+    });
+  return t;
+}
+class dt {
+  constructor(t) {
     r(this, "plugins", [
       { id: "plugin-1", name: "LinkReaderPlugin", type: "plugin" }
     ]);
@@ -323,15 +396,15 @@ class J {
       { id: "workflow-1", name: "condition_1_872", type: "workflow" }
     ]);
     r(this, "triggerPos", 0);
-    this.callbacks = e;
+    this.callbacks = t;
   }
-  show(e, t, o) {
-    this.triggerPos = e;
+  show(t, e, i) {
+    this.triggerPos = t;
     const l = {
-      top: `${t.bottom - o.top + 10}px`,
-      left: `${t.left - o.left}px`
+      top: `${e.bottom - i.top + 10}px`,
+      left: `${e.left - i.left}px`
     };
-    this.callbacks.onShow(e, l);
+    this.callbacks.onShow(t, l);
   }
   hide() {
     this.callbacks.onHide();
@@ -340,37 +413,177 @@ class J {
     return this.triggerPos;
   }
 }
-class X {
-  constructor(e) {
-    r(this, "editingBlock", { id: "", placeholder: "", presetText: "" });
-    this.callbacks = e;
-  }
-  show(e, t, o) {
-    this.editingBlock = { ...e };
+class ht {
+  constructor(t) {
+    r(this, "view");
+    r(this, "allBlocks", /* @__PURE__ */ new Map());
+    r(this, "options");
+    this.options = t;
+    const e = Y(t.initialDoc), i = [
+      ...t.initialBlocks || [],
+      ...e
+    ];
+    t.initialBlocks && t.initialBlocks.forEach((n) => {
+      "type" in n.block || this.allBlocks.set(n.block.id, n.block);
+    });
     const l = {
-      top: `${t.bottom - o.top + 10}px`,
-      left: `${t.left - o.left}px`
+      updateBlockText: (n, c) => {
+        const a = this.allBlocks.get(n);
+        a && (a.presetText = c, this.allBlocks.set(n, a), this.options.onBlockUpdated && this.options.onBlockUpdated(n, c));
+      },
+      openPopup: (n, c) => {
+        this.options.onOpenPopup(n, c);
+      },
+      deleteBlock: (n) => {
+        this.allBlocks.delete(n), this.options.onBlockDeleted && this.options.onBlockDeleted(n);
+      }
+    }, s = ot(t.initialDoc, l, i);
+    this.view = new u({
+      state: s.update({
+        effects: k.appendConfig.of([
+          ...J({ onTriggerPluginPopup: (n) => this.options.onTriggerPluginPopup(n) }),
+          ...V({ onTriggerAIDialog: (n) => this.options.onTriggerAIDialog(n) })
+        ])
+      }).state,
+      parent: t.parent
+    });
+  }
+  addBlock() {
+    const t = {
+      id: Math.random().toString(36).slice(2, 11),
+      placeholder: "请输入编辑块内容为空时的提示文案",
+      presetText: ""
     };
-    this.callbacks.onShow(this.editingBlock, l);
+    this.allBlocks.set(t.id, t);
+    const { from: e, to: i } = this.view.state.selection.main;
+    return this.view.dispatch({
+      changes: { from: e, to: i, insert: " " },
+      effects: C.of(t),
+      selection: { anchor: e + 1 }
+    }), this.view.focus(), t;
   }
-  hide() {
-    this.callbacks.onHide();
+  addPluginBlock(t, e) {
+    return this.view.dispatch({
+      changes: { from: t, to: t + 1, insert: " " },
+      effects: M.of({ pos: t, block: e }),
+      selection: { anchor: t + 1 }
+    }), this.view.focus(), e;
+  }
+  syncBlock(t) {
+    this.allBlocks.set(t.id, { ...t }), this.view.dispatch({
+      effects: A.of(t)
+    });
+  }
+  getBlock(t) {
+    return this.allBlocks.get(t);
+  }
+  coordsAtPos(t) {
+    return this.view.coordsAtPos(t);
+  }
+  getData() {
+    return it(this.view);
+  }
+  destroy() {
+    this.view.destroy();
   }
-  updateEditingBlock(e) {
-    this.editingBlock = { ...this.editingBlock, ...e };
+}
+const Z = (o, t) => {
+  const { from: e, empty: i } = o.state.selection.main;
+  if (!i) return !1;
+  const l = e;
+  if (l === 0) return !1;
+  let s = null, n = null, c = 1;
+  const a = (h) => {
+    h && h.between(l - 1, l, (m, p, b) => {
+      const f = b.spec.widget;
+      if (f && f.block && f.block.id && m < l && p >= l)
+        return s = f.block.id, n = m, c = p - m, !1;
+    });
+  };
+  return a(o.state.field(v, !1)), s || a(o.state.field(S, !1)), s && n !== null ? (t.deleteBlock(s), o.dispatch({
+    changes: { from: n, to: n + c },
+    selection: { anchor: n }
+  }), !0) : !1;
+}, tt = u.theme({
+  "&": { height: "100%", outline: "none", position: "relative" },
+  ".cm-content": { padding: "20px", fontSize: "16px" },
+  ".cm-line": { padding: "4px 0" },
+  ".cm-header-1": { fontSize: "1.5em", color: "#008c99", fontWeight: "bold" },
+  ".cm-bold": { fontWeight: "bold" }
+}), T = d.mark({ class: "cm-bold" });
+function P(o) {
+  const t = [];
+  for (let e = 1; e <= o.lines; e++) {
+    const i = o.line(e), l = i.text;
+    /^#+\s+/.test(l) && t.push(T.range(i.from, i.to));
+    const s = /\*\*(.*?)\*\*/g;
+    let n;
+    for (; (n = s.exec(l)) !== null; )
+      t.push(T.range(i.from + n.index, i.from + n.index + n[0].length));
   }
+  return d.set(t.sort((e, i) => e.from - i.from), !0);
+}
+const et = y.define({
+  create(o) {
+    return P(o.doc);
+  },
+  update(o, t) {
+    return t.docChanged ? P(t.state.doc) : o.map(t.changes);
+  },
+  provide: (o) => u.decorations.from(o)
+});
+function ot(o, t, e = []) {
+  const i = e.filter((c) => !("type" in c.block && "name" in c.block)), l = e.filter((c) => "type" in c.block && "name" in c.block), s = [
+    W(),
+    _.of([
+      {
+        key: "Backspace",
+        run: (c) => Z(c, t)
+      },
+      ...N,
+      ...z
+    ]),
+    G(),
+    ...O({ callbacks: t, initialBlocks: i }),
+    ...Q({ initialBlocks: l }),
+    et,
+    tt
+  ];
+  return R.create({
+    doc: o,
+    extensions: s
+  });
+}
+function it(o) {
+  var l;
+  const t = o.state.doc.toString(), e = j(o), i = X(o);
+  return {
+    content: t,
+    editorBlocks: e,
+    pluginBlocks: i,
+    html: ((l = o.dom.querySelector(".cm-content")) == null ? void 0 : l.innerHTML) || ""
+  };
 }
 export {
-  Q as AIDialogPlugin,
-  j as CustomEditor,
-  X as EditBlockPlugin,
-  J as LibraryBlockPlugin,
-  y as addBlockEffect,
-  v as addPluginBlockEffect,
-  k as blockField,
-  N as createEditorState,
-  q as createEditorView,
-  M as editorTheme,
-  H as getEditorData,
-  x as updateBlockEffect
+  at as AIDialogPlugin,
+  ht as CustomEditor,
+  rt as EditBlockPlugin,
+  dt as LibraryBlockPlugin,
+  C as addBlockEffect,
+  M as addPluginBlockEffect,
+  V as aiDialogExtensions,
+  ot as createEditorState,
+  O as editBlockExtensions,
+  v as editBlockField,
+  H as editBlockTheme,
+  tt as editorTheme,
+  j as getEditorBlocks,
+  it as getEditorData,
+  X as getPluginBlocks,
+  et as markdownStyleField,
+  Y as parseTemplateVariables,
+  Q as pluginBlockExtensions,
+  S as pluginBlockField,
+  J as pluginPopupTriggerExtensions,
+  A as updateBlockEffect
 };

package/dist/editor.umd.cjs

@@ -1,5 +1,5 @@
-(function(l,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("@codemirror/state"),require("@codemirror/view"),require("@codemirror/commands"),require("@codemirror/lang-markdown"),require("@codemirror/language-data")):typeof define=="function"&&define.amd?define(["exports","@codemirror/state","@codemirror/view","@codemirror/commands","@codemirror/lang-markdown","@codemirror/language-data"],a):(l=typeof globalThis<"u"?globalThis:l||self,a(l.AgentArtsEditor={},l.CMState,l.CMView,l.CMCommands,l.CMLangMarkdown,l.CMLangData))})(this,function(l,a,r,k,y,D){"use strict";var I=Object.defineProperty;var V=(l,a,r)=>a in l?I(l,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[a]=r;var p=(l,a,r)=>V(l,typeof a!="symbol"?a+"":a,r);class v{constructor(e){p(this,"view");p(this,"allBlocks",new Map);p(this,"options");this.options=e,e.initialBlocks&&e.initialBlocks.forEach(i=>this.allBlocks.set(i.block.id,i.block));const o={updateBlockText:(i,s)=>{const d=this.allBlocks.get(i);d&&(d.presetText=s,this.allBlocks.set(i,d),this.options.onBlockUpdated&&this.options.onBlockUpdated(i,s))},openPopup:(i,s)=>{this.options.onOpenPopup(i,s)},deleteBlock:i=>{this.allBlocks.delete(i),this.options.onBlockDeleted&&this.options.onBlockDeleted(i)}},t=P(e.initialDoc,o,e.initialBlocks||[]),c=r.EditorView.updateListener.of(i=>{i.docChanged&&i.changes.iterChanges((s,d,u,h,x)=>{const C=x.sliceString(0);x.length===1&&(C==="{"?this.options.onTriggerPluginPopup(s):C==="/"&&this.options.onTriggerAIDialog(s))})});this.view=new r.EditorView({state:t.update({effects:a.StateEffect.appendConfig.of(c)}).state,parent:e.parent})}addBlock(){const e={id:Math.random().toString(36).substr(2,9),placeholder:"请输入编辑块内容为空时的提示文案",presetText:""};this.allBlocks.set(e.id,e);const{from:o,to:t}=this.view.state.selection.main;return this.view.dispatch({changes:{from:o,to:t,insert:" "},effects:m.of(e),selection:{anchor:o+1}}),this.view.focus(),e}addPluginBlock(e,o){return this.view.dispatch({changes:{from:e,to:e+1,insert:" "},effects:w.of({pos:e,block:o}),selection:{anchor:e+1}}),this.view.focus(),o}syncBlock(e){this.allBlocks.set(e.id,{...e}),this.view.dispatch({effects:b.of(e)})}getBlock(e){return this.allBlocks.get(e)}coordsAtPos(e){return this.view.coordsAtPos(e)}getData(){return T(this.view,this.allBlocks)}destroy(){this.view.destroy()}}const m=a.StateEffect.define(),b=a.StateEffect.define(),w=a.StateEffect.define();class f extends r.WidgetType{constructor(e,o){super(),this.block=e,this.callbacks=o}toDOM(e){const o=document.createElement("span");o.className="cm-inline-block",o.setAttribute("data-block-id",this.block.id);const t=document.createElement("input");t.type="text",t.className="block-input",t.value=this.block.presetText||"",t.placeholder=this.block.placeholder||"请输入...";const c=i=>{const s=document.createElement("span");s.style.visibility="hidden",s.style.position="absolute",s.style.whiteSpace="pre",s.style.font="inherit",s.textContent=i||t.placeholder,document.body.appendChild(s);const d=s.offsetWidth;return document.body.removeChild(s),d+10};return t.style.width=`${c(t.value)}px`,t.oninput=i=>{const s=i.target.value;t.style.width=`${c(s)}px`,this.callbacks.updateBlockText(this.block.id,s)},t.onfocus=i=>{const s=o.getBoundingClientRect();this.callbacks.openPopup(this.block.id,s)},t.onmousedown=i=>{i.stopPropagation()},t.onclick=i=>{i.stopPropagation();const s=o.getBoundingClientRect();this.callbacks.openPopup(this.block.id,s)},t.onkeydown=i=>{if(i.key==="Backspace"&&t.value===""){i.preventDefault();let s=null;e.state.field(g).between(0,e.state.doc.length,(d,u,h)=>{h.spec.widget===this&&(s=d)}),s!==null&&(this.callbacks.deleteBlock(this.block.id),e.dispatch({changes:{from:s,to:s+1},selection:{anchor:s}}))}},o.appendChild(t),o}ignoreEvent(e){return!0}}class L extends r.WidgetType{constructor(e){super(),this.block=e}toDOM(){const e=document.createElement("span");e.className=`cm-plugin-block cm-plugin-block-${this.block.type}`,e.setAttribute("data-block-id",this.block.id);const o=document.createElement("i");o.className=this.block.type==="plugin"?"icon-plugin":"icon-workflow",e.appendChild(o);const t=document.createTextNode(this.block.name);return e.appendChild(t),e}ignoreEvent(e){return!0}}const B=a.Facet.define({combine:n=>n[0]}),E=a.Facet.define({combine:n=>n.length?n[0]:[]}),g=a.StateField.define({create(n){const e=n.facet(B),o=n.facet(E);if(!o||o.length===0)return r.Decoration.none;const t=o.slice().sort((c,i)=>c.pos-i.pos).map(({pos:c,block:i})=>r.Decoration.replace({widget:new f(i,e)}).range(c,c+1));return r.Decoration.set(t,!0)},update(n,e){const o=e.state.facet(B);n=n.map(e.changes);for(let t of e.effects)if(t.is(m)){const c=e.state.selection.main.head-1,i=r.Decoration.replace({widget:new f(t.value,o)}).range(c,c+1);n=n.update({add:[i]})}else if(t.is(b)){const c=t.value;let i=null;n.between(0,e.state.doc.length,(s,d,u)=>{const h=u.spec.widget;h instanceof f&&h.block.id===c.id&&(i=s)}),i!==null&&(n=n.update({filter:(s,d,u)=>{const h=u.spec.widget;return!(h instanceof f&&h.block.id===c.id)},add:[r.Decoration.replace({widget:new f(c,o)}).range(i,i+1)]}))}else if(t.is(w)){const{pos:c,block:i}=t.value,s=e.changes.mapPos(c),d=r.Decoration.replace({widget:new L(i)}).range(s,s+1);n=n.update({add:[d]})}return n},provide:n=>r.EditorView.decorations.from(n)}),A=(n,e)=>{const o=n.state.selection.main.head;if(o===0)return!1;let t=null,c=null;const i=n.state.field(g,!1);return i&&i.between(o-1,o,(s,d,u)=>{const h=u.spec.widget;h instanceof f&&(t=h.block.id,c=s)}),t&&c!==null?(e.deleteBlock(t),n.dispatch({changes:{from:c,to:c+1},selection:{anchor:c}}),!0):!1},S=r.EditorView.theme({"&":{height:"100%",outline:"none"},".cm-content":{padding:"20px",fontSize:"16px"},".cm-line":{padding:"4px 0"},".cm-inline-block":{display:"inline-block",backgroundColor:"#f3f0ff",color:"#8066ff",padding:"0 8px",margin:"0 4px",borderRadius:"4px",cursor:"pointer",border:"1px solid transparent",transition:"all 0.2s",fontSize:"15px",verticalAlign:"middle"},".cm-inline-block:hover":{backgroundColor:"#e9e4ff",borderColor:"#8066ff"},".block-input":{background:"transparent",border:"none",outline:"none",color:"inherit",font:"inherit",padding:"4px 0",width:"auto",minWidth:"20px",textAlign:"center"},".block-input::placeholder":{color:"#b2a1ff",opacity:.7},".cm-header-1":{fontSize:"1.5em",color:"#008c99",fontWeight:"bold"}});function P(n,e,o=[]){const t=[k.history(),r.keymap.of([...k.defaultKeymap,...k.historyKeymap,{key:"Backspace",run:i=>A(i,e)}]),y.markdown({base:y.markdownLanguage,codeLanguages:D.languages}),B.of(e),E.of(o),g,S];return a.EditorState.create({doc:n,extensions:t})}function $(n,e){return new r.EditorView({state:e,parent:n})}function T(n,e){var c;const o=n.state.doc.toString(),t=Array.from(e.values());return{json:{content:o,blocks:t},html:((c=n.dom.querySelector(".cm-content"))==null?void 0:c.innerHTML)||""}}class M{constructor(e){p(this,"isGenerating",!1);p(this,"aiStreamTimer",null);p(this,"currentResponse","");this.callbacks=e}show(e,o,t){const c={top:`${o.bottom-t.top+10}px`,left:`${o.left-t.left}px`};this.callbacks.onShow(e,c)}hide(){this.stopResponse(),this.callbacks.onHide()}sendQuestion(e){if(!e||this.isGenerating)return;this.isGenerating=!0,this.callbacks.onLoading(!0),this.currentResponse="",this.callbacks.onStream("");const o=`洲、美洲积累了丰富的在地经验，擅长结合用户需求定制专属旅行方案，曾帮助1000+人解决旅行难题，被旅行者亲切称为"旅行百事通"。
+(function(c,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("@codemirror/state"),require("@codemirror/view"),require("@codemirror/commands")):typeof define=="function"&&define.amd?define(["exports","@codemirror/state","@codemirror/view","@codemirror/commands"],d):(c=typeof globalThis<"u"?globalThis:c||self,d(c.AgentArtsEditor={},c.CMState,c.CMView,c.CMCommands))})(this,function(c,d,r,w){"use strict";var X=Object.defineProperty;var Y=(c,d,r)=>d in c?X(c,d,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[d]=r;var h=(c,d,r)=>Y(c,typeof d!="symbol"?d+"":d,r);const y=d.StateEffect.define(),E=d.StateEffect.define();class g extends r.WidgetType{constructor(e,i){super(),this.block=e,this.callbacks=i}toDOM(e){const i=document.createElement("span");i.className="cm-inline-block",i.setAttribute("data-block-id",this.block.id);const t=document.createElement("input");t.type="text",t.className="block-input",t.value=this.block.presetText||"",t.placeholder=this.block.placeholder||"请输入...";const l=s=>{const n=document.createElement("span");n.style.visibility="hidden",n.style.position="absolute",n.style.whiteSpace="pre",n.style.font="inherit",n.textContent=s||t.placeholder,document.body.appendChild(n);const a=n.offsetWidth;return document.body.removeChild(n),a+10};return t.style.width=`${l(t.value)}px`,t.oninput=s=>{const n=s.target.value;t.style.width=`${l(n)}px`,this.callbacks.updateBlockText(this.block.id,n)},t.onfocus=()=>{const s=i.getBoundingClientRect();this.callbacks.openPopup(this.block.id,s)},t.onmousedown=s=>{s.stopPropagation()},t.onclick=s=>{s.stopPropagation();const n=i.getBoundingClientRect();this.callbacks.openPopup(this.block.id,n)},t.onkeydown=s=>{if(s.key==="Backspace"&&t.value===""){s.preventDefault();const n=e.posAtDOM(i);this.callbacks.deleteBlock(this.block.id),e.dispatch({changes:{from:n,to:n+1},selection:{anchor:n}})}},i.appendChild(t),i}ignoreEvent(){return!0}}const x=d.Facet.define({combine:o=>o[0]}),D=d.Facet.define({combine:o=>o.length?o[0]:[]}),b=d.StateField.define({create(o){const e=o.facet(x),i=o.facet(D);if(!i||i.length===0)return r.Decoration.none;const t=i.slice().sort((l,s)=>l.pos-s.pos).map(({pos:l,len:s,block:n})=>{const a=new g(n,e);return r.Decoration.replace({widget:a}).range(l,l+(s||1))});return r.Decoration.set(t,!0)},update(o,e){const i=e.state.facet(x);o=o.map(e.changes);for(const t of e.effects)if(t.is(y)){const l=e.state.selection.main.head-1,s=r.Decoration.replace({widget:new g(t.value,i)}).range(l,l+1);o=o.update({add:[s]})}else if(t.is(E)){const l=t.value;let s=null;o.between(0,e.state.doc.length,(n,a,u)=>{const f=u.spec.widget;f instanceof g&&f.block.id===l.id&&(s=n)}),s!==null&&(o=o.update({filter:(n,a,u)=>{const f=u.spec.widget;return!(f instanceof g&&f.block.id===l.id)},add:[r.Decoration.replace({widget:new g(l,i)}).range(s,s+1)]}))}return o},provide:o=>r.EditorView.decorations.from(o)}),C=r.EditorView.theme({".cm-inline-block":{display:"inline-block",backgroundColor:"#f3f0ff",color:"#8066ff",padding:"0 8px",margin:"0 4px",borderRadius:"4px",cursor:"pointer",border:"1px solid transparent",transition:"all 0.2s",fontSize:"15px",verticalAlign:"middle"},".cm-inline-block:hover":{backgroundColor:"#e9e4ff",borderColor:"#8066ff"},".block-input":{background:"transparent",border:"none",outline:"none",color:"inherit",font:"inherit",padding:"4px 0",width:"auto",minWidth:"20px",textAlign:"center"},".block-input::placeholder":{color:"#b2a1ff",opacity:.7}});function A(o){return[x.of(o.callbacks),D.of(o.initialBlocks||[]),b,C]}function F(o){const e=[],i=o.state.field(b,!1);return i&&i.between(0,o.state.doc.length,(t,l,s)=>{const n=s.spec.widget;n instanceof g&&e.push({pos:t,len:l-t,block:n.block})}),e}class j{constructor(e){h(this,"editingBlock",{id:"",placeholder:"",presetText:""});this.callbacks=e}show(e,i,t){this.editingBlock={...e};const l={top:`${i.bottom-t.top+10}px`,left:`${i.left-t.left}px`};this.callbacks.onShow(this.editingBlock,l)}hide(){this.callbacks.onHide()}updateEditingBlock(e){this.editingBlock={...this.editingBlock,...e}}}class q{constructor(e){h(this,"isGenerating",!1);h(this,"aiStreamTimer",null);h(this,"currentResponse","");this.callbacks=e}show(e,i,t){const l={top:`${i.bottom-t.top+10}px`,left:`${i.left-t.left}px`};this.callbacks.onShow(e,l)}hide(){this.stopResponse(),this.callbacks.onHide()}sendQuestion(e){if(!e||this.isGenerating)return;this.isGenerating=!0,this.callbacks.onLoading(!0),this.currentResponse="",this.callbacks.onStream("");const i=`你是一个资深旅游向导，积累了丰富的在地经验，擅长结合用户需求定制专属旅行方案，曾帮助1000+人解决旅行难题，被旅行者亲切称为"旅行百事通"。
 
 ## 核心性格与风格
 - **性格特点**：热情开朗、专业耐心，擅长用轻松幽默的方式化解旅行焦虑（如："别慌！机票改签我有3个小窍门，保准帮你搞定~"），遇到用户疑问会像朋友般细致拆解细节（如："你担心的高原反应，我去年在西藏徒步时总结过4个缓解方法..."）。
-- **语言风格**：口语化且富有感染力，常用"宝藏地""小众玩法"等旅行圈`;let t=0;this.aiStreamTimer=setInterval(()=>{this.callbacks.onLoading(!1),t<o.length?(this.currentResponse+=o[t],this.callbacks.onStream(this.currentResponse),t++):this.finishGeneration()},30)}stopResponse(){this.aiStreamTimer&&(clearInterval(this.aiStreamTimer),this.aiStreamTimer=null),this.isGenerating=!1,this.callbacks.onLoading(!1),this.callbacks.onStop()}finishGeneration(){this.aiStreamTimer&&(clearInterval(this.aiStreamTimer),this.aiStreamTimer=null),this.isGenerating=!1,this.callbacks.onLoading(!1),this.callbacks.onComplete()}getIsGenerating(){return this.isGenerating}destroy(){this.stopResponse()}}class G{constructor(e){p(this,"plugins",[{id:"plugin-1",name:"LinkReaderPlugin",type:"plugin"}]);p(this,"workflows",[{id:"workflow-1",name:"condition_1_872",type:"workflow"}]);p(this,"triggerPos",0);this.callbacks=e}show(e,o,t){this.triggerPos=e;const c={top:`${o.bottom-t.top+10}px`,left:`${o.left-t.left}px`};this.callbacks.onShow(e,c)}hide(){this.callbacks.onHide()}getTriggerPos(){return this.triggerPos}}class R{constructor(e){p(this,"editingBlock",{id:"",placeholder:"",presetText:""});this.callbacks=e}show(e,o,t){this.editingBlock={...e};const c={top:`${o.bottom-t.top+10}px`,left:`${o.left-t.left}px`};this.callbacks.onShow(this.editingBlock,c)}hide(){this.callbacks.onHide()}updateEditingBlock(e){this.editingBlock={...this.editingBlock,...e}}}l.AIDialogPlugin=M,l.CustomEditor=v,l.EditBlockPlugin=R,l.LibraryBlockPlugin=G,l.addBlockEffect=m,l.addPluginBlockEffect=w,l.blockField=g,l.createEditorState=P,l.createEditorView=$,l.editorTheme=S,l.getEditorData=T,l.updateBlockEffect=b,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+- **语言风格**：口语化且富有感染力，常用"宝藏地""小众玩法"等旅行圈`;let t=0;this.aiStreamTimer=setInterval(()=>{this.callbacks.onLoading(!1),t<i.length?(this.currentResponse+=i[t],this.callbacks.onStream(this.currentResponse),t++):this.finishGeneration()},30)}stopResponse(){this.aiStreamTimer&&(clearInterval(this.aiStreamTimer),this.aiStreamTimer=null),this.isGenerating=!1,this.callbacks.onLoading(!1),this.callbacks.onStop()}finishGeneration(){this.aiStreamTimer&&(clearInterval(this.aiStreamTimer),this.aiStreamTimer=null),this.isGenerating=!1,this.callbacks.onLoading(!1),this.callbacks.onComplete()}getIsGenerating(){return this.isGenerating}destroy(){this.stopResponse()}}function M(o){return[H(o.onTriggerAIDialog),K(o.onTriggerAIDialog),O]}function H(o){return r.EditorView.updateListener.of(e=>{e.docChanged&&e.changes.iterChanges((i,t,l,s,n)=>{if(n.length!==1)return;n.sliceString(0)==="/"&&o(i)})})}const O=r.EditorView.theme({".cm-ai-selection-trigger":{position:"absolute",zIndex:"10",display:"none",width:"32px",height:"32px",alignItems:"center",justifyContent:"center",borderRadius:"8px",backgroundColor:"#fff",boxShadow:"0 6px 24px rgba(0, 0, 0, 0.12)",border:"1px solid rgba(0, 0, 0, 0.06)"},".cm-ai-selection-trigger button":{width:"100%",height:"100%",border:"none",background:"transparent",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",padding:"0"},".cm-ai-selection-trigger button:hover":{backgroundColor:"#f3f4f6",borderRadius:"8px"}});function K(o){return r.ViewPlugin.fromClass(class{constructor(e){h(this,"dom");h(this,"button");h(this,"lastFrom",-1);h(this,"lastTo",-1);h(this,"measureScheduled",!1);this.view=e,this.dom=document.createElement("div"),this.dom.className="cm-ai-selection-trigger",this.button=document.createElement("button"),this.button.type="button";const i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("width","16"),i.setAttribute("height","16"),i.setAttribute("viewBox","0 0 24 24"),i.setAttribute("fill","none"),i.setAttribute("stroke","#111827"),i.setAttribute("stroke-width","2"),i.setAttribute("stroke-linecap","round"),i.setAttribute("stroke-linejoin","round"),i.innerHTML='<path d="M5 12l1.5.5L7 14l.5-1.5L9 12l-1.5-.5L7 10l-.5 1.5L5 12z"/><path d="M12 4l2 6 6 2-6 2-2 6-2-6-6-2 6-2 2-6z"/>',this.button.appendChild(i),this.dom.appendChild(this.button),this.view.dom.appendChild(this.dom),this.dom.addEventListener("mousedown",t=>{t.preventDefault(),t.stopPropagation()}),this.button.addEventListener("click",t=>{t.preventDefault(),t.stopPropagation();const{from:l,empty:s}=this.view.state.selection.main;s||(o(l),this.hide())}),this.scheduleMeasure(!0)}update(e){(e.selectionSet||e.viewportChanged||e.focusChanged||e.docChanged)&&this.scheduleMeasure(!1)}destroy(){this.dom.remove()}hide(){this.dom.style.display="none"}show(){this.dom.style.display="flex"}scheduleMeasure(e){const{from:i,to:t,empty:l}=this.view.state.selection.main;if(l||!this.view.hasFocus){this.hide();return}!e&&i===this.lastFrom&&t===this.lastTo&&this.dom.style.display!=="none"||(this.lastFrom=i,this.lastTo=t,!this.measureScheduled&&(this.measureScheduled=!0,this.view.requestMeasure({read:s=>{const n=s.coordsAtPos(i);if(!n)return null;const a=s.dom.getBoundingClientRect();return{coords:n,editorRect:a}},write:s=>{this.measureScheduled=!1;const{empty:n}=this.view.state.selection.main;if(n||!this.view.hasFocus){this.hide();return}if(!s){this.hide();return}const{coords:a,editorRect:u}=s,f=32,k=32,p=6,P=Math.min(Math.max(a.left-u.left,p),Math.max(p,u.width-f-p)),m=Math.max(a.top-u.top-k-10,p);this.dom.style.left=`${P}px`,this.dom.style.top=`${m}px`,this.show()}})))}})}const S=d.StateEffect.define();class T extends r.WidgetType{constructor(e){super(),this.block=e}toDOM(){const e=document.createElement("span");e.className=`cm-plugin-block cm-plugin-block-${this.block.type}`,e.setAttribute("data-block-id",this.block.id);const i=document.createElement("i");i.className=this.block.type==="plugin"?"icon-plugin":"icon-workflow",e.appendChild(i);const t=document.createTextNode(this.block.name);return e.appendChild(t),e}ignoreEvent(){return!0}}const v=d.Facet.define({combine:o=>o.length?o[0]:[]}),B=d.StateField.define({create(o){const e=o.facet(v);if(!e||e.length===0)return r.Decoration.none;const i=e.slice().sort((t,l)=>t.pos-l.pos).map(({pos:t,len:l,block:s})=>r.Decoration.replace({widget:new T(s)}).range(t,t+(l||1)));return r.Decoration.set(i,!0)},update(o,e){o=o.map(e.changes);for(const i of e.effects)if(i.is(S)){const{pos:t,block:l}=i.value,s=e.changes.mapPos(t),n=r.Decoration.replace({widget:new T(l)}).range(s,s+1);o=o.update({add:[n]})}return o},provide:o=>r.EditorView.decorations.from(o)});function L(o){return[v.of(o.initialBlocks||[]),B]}function I(o){return[r.EditorView.updateListener.of(e=>{e.docChanged&&e.changes.iterChanges((i,t,l,s,n)=>{if(n.length!==1)return;n.sliceString(0)==="{"&&o.onTriggerPluginPopup(i)})})]}function $(o){const e=[],i=o.state.field(B,!1);return i&&i.between(0,o.state.doc.length,(t,l,s)=>{const n=s.spec.widget;n instanceof T&&e.push({pos:t,len:l-t,block:n.block})}),e}function R(o){const e=[],i=/\{\{(.+?)\}\}/g;let t;for(;(t=i.exec(o))!==null;)e.push({pos:t.index,len:t[0].length,block:{id:`var-${t[1]}-${t.index}`,name:t[1],type:"plugin"}});return e}class U{constructor(e){h(this,"plugins",[{id:"plugin-1",name:"LinkReaderPlugin",type:"plugin"}]);h(this,"workflows",[{id:"workflow-1",name:"condition_1_872",type:"workflow"}]);h(this,"triggerPos",0);this.callbacks=e}show(e,i,t){this.triggerPos=e;const l={top:`${i.bottom-t.top+10}px`,left:`${i.left-t.left}px`};this.callbacks.onShow(e,l)}hide(){this.callbacks.onHide()}getTriggerPos(){return this.triggerPos}}class Q{constructor(e){h(this,"view");h(this,"allBlocks",new Map);h(this,"options");this.options=e;const i=R(e.initialDoc),t=[...e.initialBlocks||[],...i];e.initialBlocks&&e.initialBlocks.forEach(n=>{"type"in n.block||this.allBlocks.set(n.block.id,n.block)});const l={updateBlockText:(n,a)=>{const u=this.allBlocks.get(n);u&&(u.presetText=a,this.allBlocks.set(n,u),this.options.onBlockUpdated&&this.options.onBlockUpdated(n,a))},openPopup:(n,a)=>{this.options.onOpenPopup(n,a)},deleteBlock:n=>{this.allBlocks.delete(n),this.options.onBlockDeleted&&this.options.onBlockDeleted(n)}},s=N(e.initialDoc,l,t);this.view=new r.EditorView({state:s.update({effects:d.StateEffect.appendConfig.of([...I({onTriggerPluginPopup:n=>this.options.onTriggerPluginPopup(n)}),...M({onTriggerAIDialog:n=>this.options.onTriggerAIDialog(n)})])}).state,parent:e.parent})}addBlock(){const e={id:Math.random().toString(36).slice(2,11),placeholder:"请输入编辑块内容为空时的提示文案",presetText:""};this.allBlocks.set(e.id,e);const{from:i,to:t}=this.view.state.selection.main;return this.view.dispatch({changes:{from:i,to:t,insert:" "},effects:y.of(e),selection:{anchor:i+1}}),this.view.focus(),e}addPluginBlock(e,i){return this.view.dispatch({changes:{from:e,to:e+1,insert:" "},effects:S.of({pos:e,block:i}),selection:{anchor:e+1}}),this.view.focus(),i}syncBlock(e){this.allBlocks.set(e.id,{...e}),this.view.dispatch({effects:E.of(e)})}getBlock(e){return this.allBlocks.get(e)}coordsAtPos(e){return this.view.coordsAtPos(e)}getData(){return z(this.view)}destroy(){this.view.destroy()}}const J=(o,e)=>{const{from:i,empty:t}=o.state.selection.main;if(!t)return!1;const l=i;if(l===0)return!1;let s=null,n=null,a=1;const u=f=>{f&&f.between(l-1,l,(k,p,P)=>{const m=P.spec.widget;if(m&&m.block&&m.block.id&&k<l&&p>=l)return s=m.block.id,n=k,a=p-k,!1})};return u(o.state.field(b,!1)),s||u(o.state.field(B,!1)),s&&n!==null?(e.deleteBlock(s),o.dispatch({changes:{from:n,to:n+a},selection:{anchor:n}}),!0):!1},V=r.EditorView.theme({"&":{height:"100%",outline:"none",position:"relative"},".cm-content":{padding:"20px",fontSize:"16px"},".cm-line":{padding:"4px 0"},".cm-header-1":{fontSize:"1.5em",color:"#008c99",fontWeight:"bold"},".cm-bold":{fontWeight:"bold"}}),_=r.Decoration.mark({class:"cm-bold"});function G(o){const e=[];for(let i=1;i<=o.lines;i++){const t=o.line(i),l=t.text;/^#+\s+/.test(l)&&e.push(_.range(t.from,t.to));const s=/\*\*(.*?)\*\*/g;let n;for(;(n=s.exec(l))!==null;)e.push(_.range(t.from+n.index,t.from+n.index+n[0].length))}return r.Decoration.set(e.sort((i,t)=>i.from-t.from),!0)}const W=d.StateField.define({create(o){return G(o.doc)},update(o,e){return e.docChanged?G(e.state.doc):o.map(e.changes)},provide:o=>r.EditorView.decorations.from(o)});function N(o,e,i=[]){const t=i.filter(a=>!("type"in a.block&&"name"in a.block)),l=i.filter(a=>"type"in a.block&&"name"in a.block),s=[w.history(),r.keymap.of([{key:"Backspace",run:a=>J(a,e)},...w.defaultKeymap,...w.historyKeymap]),r.drawSelection(),...A({callbacks:e,initialBlocks:t}),...L({initialBlocks:l}),W,V];return d.EditorState.create({doc:o,extensions:s})}function z(o){var l;const e=o.state.doc.toString(),i=F(o),t=$(o);return{content:e,editorBlocks:i,pluginBlocks:t,html:((l=o.dom.querySelector(".cm-content"))==null?void 0:l.innerHTML)||""}}c.AIDialogPlugin=q,c.CustomEditor=Q,c.EditBlockPlugin=j,c.LibraryBlockPlugin=U,c.addBlockEffect=y,c.addPluginBlockEffect=S,c.aiDialogExtensions=M,c.createEditorState=N,c.editBlockExtensions=A,c.editBlockField=b,c.editBlockTheme=C,c.editorTheme=V,c.getEditorBlocks=F,c.getEditorData=z,c.getPluginBlocks=$,c.markdownStyleField=W,c.parseTemplateVariables=R,c.pluginBlockExtensions=L,c.pluginBlockField=B,c.pluginPopupTriggerExtensions=I,c.updateBlockEffect=E,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -13,6 +13,10 @@ pos: number;
 block: PluginBlock;
 }>;
 
+export declare function aiDialogExtensions(options: {
+    onTriggerAIDialog: (pos: number) => void;
+}): Extension[];
+
 export declare class AIDialogPlugin {
     private callbacks;
     private isGenerating;
@@ -43,21 +47,21 @@ export declare interface AIResponseCallbacks {
     onHide: () => void;
 }
 
-export declare const blockField: StateField<DecorationSet>;
-
 export declare interface CodeMirrorCallbacks {
     updateBlockText: (id: string, text: string) => void;
     openPopup: (id: string, rect: DOMRect) => void;
     deleteBlock: (id: string) => void;
 }
 
+/**
+ * 创建编辑器状态
+ */
 export declare function createEditorState(initialDoc: string, callbacks: CodeMirrorCallbacks, initialBlocks?: {
     pos: number;
-    block: EditorBlock;
+    len?: number;
+    block: EditorBlock | PluginBlock;
 }[]): EditorState;
 
-export declare function createEditorView(parent: HTMLElement, state: EditorState): EditorView;
-
 export declare class CustomEditor {
     view: EditorView;
     allBlocks: Map<string, EditorBlock>;
@@ -69,10 +73,17 @@ export declare class CustomEditor {
     getBlock(id: string): EditorBlock | undefined;
     coordsAtPos(pos: number): Rect | null;
     getData(): {
-        json: {
-            content: string;
-            blocks: EditorBlock[];
-        };
+        content: string;
+        editorBlocks: {
+            pos: number;
+            len?: number;
+            block: EditorBlock;
+        }[];
+        pluginBlocks: {
+            pos: number;
+            len?: number;
+            block: PluginBlock;
+        }[];
         html: string;
     };
     destroy(): void;
@@ -83,7 +94,8 @@ export declare interface CustomEditorOptions {
     initialDoc: string;
     initialBlocks?: {
         pos: number;
-        block: EditorBlock;
+        len?: number;
+        block: EditorBlock | PluginBlock;
     }[];
     onOpenPopup: (id: string, rect: DOMRect) => void;
     onTriggerPluginPopup: (pos: number) => void;
@@ -100,6 +112,17 @@ export declare interface EditBlockCallbacks {
     onHide: () => void;
 }
 
+export declare function editBlockExtensions(options: {
+    callbacks: CodeMirrorCallbacks;
+    initialBlocks?: {
+        pos: number;
+        len?: number;
+        block: EditorBlock;
+    }[];
+}): Extension[];
+
+export declare const editBlockField: StateField<DecorationSet>;
+
 export declare class EditBlockPlugin {
     private callbacks;
     editingBlock: EditorBlock;
@@ -109,6 +132,8 @@ export declare class EditBlockPlugin {
     updateEditingBlock(block: Partial<EditorBlock>): void;
 }
 
+export declare const editBlockTheme: Extension;
+
 export declare interface EditorBlock {
     id: string;
     placeholder: string;
@@ -117,14 +142,36 @@ export declare interface EditorBlock {
 
 export declare const editorTheme: Extension;
 
-export declare function getEditorData(view: EditorView, blocks: Map<string, EditorBlock>): {
-    json: {
-        content: string;
-        blocks: EditorBlock[];
-    };
+export declare function getEditorBlocks(view: EditorView): {
+    pos: number;
+    len?: number;
+    block: EditorBlock;
+}[];
+
+/**
+ * 获取编辑器数据
+ */
+export declare function getEditorData(view: EditorView): {
+    content: string;
+    editorBlocks: {
+        pos: number;
+        len?: number;
+        block: EditorBlock;
+    }[];
+    pluginBlocks: {
+        pos: number;
+        len?: number;
+        block: PluginBlock;
+    }[];
     html: string;
 };
 
+export declare function getPluginBlocks(view: EditorView): {
+    pos: number;
+    len?: number;
+    block: PluginBlock;
+}[];
+
 export declare interface LibraryBlockCallbacks {
     onShow: (pos: number, style: {
         top: string;
@@ -155,12 +202,34 @@ export declare class LibraryBlockPlugin {
     getTriggerPos(): number;
 }
 
+export declare const markdownStyleField: StateField<DecorationSet>;
+
+export declare function parseTemplateVariables(doc: string): {
+    pos: number;
+    len: number;
+    block: PluginBlock;
+}[];
+
 export declare interface PluginBlock {
     id: string;
     name: string;
     type: 'plugin' | 'workflow';
 }
 
+export declare function pluginBlockExtensions(options: {
+    initialBlocks?: {
+        pos: number;
+        len?: number;
+        block: PluginBlock;
+    }[];
+}): Extension[];
+
+export declare const pluginBlockField: StateField<DecorationSet>;
+
+export declare function pluginPopupTriggerExtensions(options: {
+    onTriggerPluginPopup: (pos: number) => void;
+}): Extension[];
+
 export declare const updateBlockEffect: StateEffectType<EditorBlock>;
 
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-arts/editor",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "A prompt editor based on CodeMirror 6, support Vue.js 3 and Angular.",
   "author": "AgentArts Team",
   "license": "MIT",
@@ -22,6 +22,7 @@
     "ai-agent"
   ],
   "type": "module",
+  "sideEffects": false,
   "main": "./dist/editor.umd.cjs",
   "module": "./dist/editor.js",
   "types": "./dist/index.d.ts",
@@ -43,12 +44,11 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "build:watch": "vite build --watch",
     "preview": "vite preview"
   },
   "dependencies": {
     "@codemirror/commands": "^6.3.3",
-    "@codemirror/lang-markdown": "^6.2.3",
-    "@codemirror/language-data": "^6.3.1",
     "@codemirror/state": "^6.4.0",
     "@codemirror/view": "^6.23.0"
   },