@agent-arts/editor 0.1.0 → 0.1.1

package/dist/editor.js

@@ -1,95 +1,95 @@
 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;
+var L = (e, t, o) => t in e ? I(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var u = (e, t, o) => L(e, typeof t != "symbol" ? t + "" : t, o);
+import { StateEffect as k, StateField as x, Facet as y, EditorState as R } from "@codemirror/state";
+import { EditorView as h, Decoration as a, WidgetType as T, ViewPlugin as _, keymap as W, drawSelection as N } from "@codemirror/view";
+import { history as $, defaultKeymap as z, historyKeymap as O } from "@codemirror/commands";
+const A = k.define(), D = k.define();
+class g extends T {
+  constructor(t, o) {
+    super(), this.block = t, this.callbacks = o;
   }
   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;
+    const o = document.createElement("span");
+    o.className = "cm-inline-block", o.setAttribute("data-block-id", this.block.id);
+    const n = document.createElement("input");
+    n.type = "text", n.className = "block-input", n.value = this.block.presetText || "", n.placeholder = this.block.placeholder || "请输入...";
+    const c = (s) => {
+      const i = document.createElement("span");
+      i.style.visibility = "hidden", i.style.position = "absolute", i.style.whiteSpace = "pre", i.style.font = "inherit", i.textContent = s || n.placeholder, document.body.appendChild(i);
+      const l = i.offsetWidth;
+      return document.body.removeChild(i), l + 10;
     };
-    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();
+    return n.style.width = `${c(n.value)}px`, n.oninput = (s) => {
+      const i = s.target.value;
+      n.style.width = `${c(i)}px`, this.callbacks.updateBlockText(this.block.id, i);
+    }, n.onfocus = () => {
+      const s = o.getBoundingClientRect();
       this.callbacks.openPopup(this.block.id, s);
-    }, i.onmousedown = (s) => {
+    }, n.onmousedown = (s) => {
       s.stopPropagation();
-    }, i.onclick = (s) => {
+    }, n.onclick = (s) => {
       s.stopPropagation();
-      const n = e.getBoundingClientRect();
-      this.callbacks.openPopup(this.block.id, n);
-    }, i.onkeydown = (s) => {
-      if (s.key === "Backspace" && i.value === "") {
+      const i = o.getBoundingClientRect();
+      this.callbacks.openPopup(this.block.id, i);
+    }, n.onkeydown = (s) => {
+      if (s.key === "Backspace" && n.value === "") {
         s.preventDefault();
-        const n = t.posAtDOM(e);
+        const i = t.posAtDOM(o);
         this.callbacks.deleteBlock(this.block.id), t.dispatch({
-          changes: { from: n, to: n + 1 },
-          selection: { anchor: n }
+          changes: { from: i, to: i + 1 },
+          selection: { anchor: i }
         });
       }
-    }, e.appendChild(i), e;
+    }, o.appendChild(n), o;
   }
   ignoreEvent() {
     return !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));
+const w = y.define({
+  combine: (e) => e[0]
+}), S = y.define({
+  combine: (e) => e.length ? e[0] : []
+}), v = x.define({
+  create(e) {
+    const t = e.facet(w), o = e.facet(S);
+    if (!o || o.length === 0) return a.none;
+    const n = o.slice().sort((c, s) => c.pos - s.pos).map(({ pos: c, len: s, block: i }) => {
+      const l = new g(i, t);
+      return a.replace({ widget: l }).range(c, c + (s || 1));
     });
-    return d.set(i, !0);
+    return a.set(n, !0);
   },
-  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);
-        o = o.update({ add: [s] });
-      } else if (i.is(A)) {
-        const l = i.value;
+  update(e, t) {
+    const o = t.state.facet(w);
+    e = e.map(t.changes);
+    for (const n of t.effects)
+      if (n.is(A)) {
+        const c = t.state.selection.main.head - 1, s = a.replace({
+          widget: new g(n.value, o)
+        }).range(c, c + 1);
+        e = e.update({ add: [s] });
+      } else if (n.is(D)) {
+        const c = n.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);
+        e.between(0, t.state.doc.length, (i, l, r) => {
+          const d = r.spec.widget;
+          d instanceof g && d.block.id === c.id && (s = i);
+        }), s !== null && (e = e.update({
+          filter: (i, l, r) => {
+            const d = r.spec.widget;
+            return !(d instanceof g && d.block.id === c.id);
           },
-          add: [d.replace({
-            widget: new g(l, e)
+          add: [a.replace({
+            widget: new g(c, o)
           }).range(s, s + 1)]
         }));
       }
-    return o;
+    return e;
   },
-  provide: (o) => u.decorations.from(o)
-}), H = u.theme({
+  provide: (e) => h.decorations.from(e)
+}), j = h.theme({
   ".cm-inline-block": {
     display: "inline-block",
     backgroundColor: "#f3f0ff",
@@ -123,100 +123,37 @@ const w = x.define({
     opacity: 0.7
   }
 });
-function O(o) {
+function V(e) {
   return [
-    w.of(o.callbacks),
-    D.of(o.initialBlocks || []),
+    w.of(e.callbacks),
+    S.of(e.initialBlocks || []),
     v,
-    H
+    j
   ];
 }
-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 });
+function q(e) {
+  const t = [], o = e.state.field(v, !1);
+  return o && o.between(0, e.state.doc.length, (n, c, s) => {
+    const i = s.spec.widget;
+    i instanceof g && t.push({ pos: n, len: c - n, block: i.block });
   }), t;
 }
-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 at {
-  constructor(t) {
-    r(this, "isGenerating", !1);
-    r(this, "aiStreamTimer", null);
-    r(this, "currentResponse", "");
-    this.callbacks = t;
-  }
-  show(t, e, i) {
-    const l = {
-      top: `${e.bottom - i.top + 10}px`,
-      left: `${e.left - i.left}px`
-    };
-    this.callbacks.onShow(t, l);
-  }
-  hide() {
-    this.stopResponse(), this.callbacks.onHide();
-  }
-  sendQuestion(t) {
-    if (!t || this.isGenerating) return;
-    this.isGenerating = !0, this.callbacks.onLoading(!0), this.currentResponse = "", this.callbacks.onStream("");
-    const e = `你是一个资深旅游向导，积累了丰富的在地经验，擅长结合用户需求定制专属旅行方案，曾帮助1000+人解决旅行难题，被旅行者亲切称为"旅行百事通"。
-
-## 核心性格与风格
-- **性格特点**：热情开朗、专业耐心，擅长用轻松幽默的方式化解旅行焦虑（如："别慌！机票改签我有3个小窍门，保准帮你搞定~"），遇到用户疑问会像朋友般细致拆解细节（如："你担心的高原反应，我去年在西藏徒步时总结过4个缓解方法..."）。
-- **语言风格**：口语化且富有感染力，常用"宝藏地""小众玩法"等旅行圈`;
-    let i = 0;
-    this.aiStreamTimer = setInterval(() => {
-      this.callbacks.onLoading(!1), i < e.length ? (this.currentResponse += e[i], this.callbacks.onStream(this.currentResponse), i++) : 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 V(o) {
+function H(e) {
   return [
-    q(o.onTriggerAIDialog),
-    U(o.onTriggerAIDialog),
-    K
+    K(e.onTriggerAIDialog),
+    G(e.onTriggerAIDialog),
+    U
   ];
 }
-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);
+function K(e) {
+  return h.updateListener.of((t) => {
+    t.docChanged && t.changes.iterChanges((o, n, c, s, i) => {
+      if (i.length !== 1) return;
+      i.sliceString(0) === "/" && e(o);
     });
   });
 }
-const K = u.theme({
+const U = h.theme({
   ".cm-ai-selection-trigger": {
     position: "absolute",
     zIndex: "10",
@@ -246,22 +183,22 @@ const K = u.theme({
     borderRadius: "8px"
   }
 });
-function U(o) {
-  return $.fromClass(class {
+function G(e) {
+  return _.fromClass(class {
     constructor(t) {
-      r(this, "dom");
-      r(this, "button");
-      r(this, "lastFrom", -1);
-      r(this, "lastTo", -1);
-      r(this, "measureScheduled", !1);
+      u(this, "dom");
+      u(this, "button");
+      u(this, "lastFrom", -1);
+      u(this, "lastTo", -1);
+      u(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());
+      const o = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      o.setAttribute("width", "16"), o.setAttribute("height", "16"), o.setAttribute("viewBox", "0 0 24 24"), o.setAttribute("fill", "none"), o.setAttribute("stroke", "#111827"), o.setAttribute("stroke-width", "2"), o.setAttribute("stroke-linecap", "round"), o.setAttribute("stroke-linejoin", "round"), o.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(o), this.dom.appendChild(this.button), this.view.dom.appendChild(this.dom), this.dom.addEventListener("mousedown", (n) => {
+        n.preventDefault(), n.stopPropagation();
+      }), this.button.addEventListener("click", (n) => {
+        n.preventDefault(), n.stopPropagation();
+        const { from: c, empty: s } = this.view.state.selection.main;
+        s || (e(c), this.hide());
       }), this.scheduleMeasure(!0);
     }
     update(t) {
@@ -277,22 +214,22 @@ function U(o) {
       this.dom.style.display = "flex";
     }
     scheduleMeasure(t) {
-      const { from: e, to: i, empty: l } = this.view.state.selection.main;
-      if (l || !this.view.hasFocus) {
+      const { from: o, to: n, empty: c } = this.view.state.selection.main;
+      if (c || !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({
+      !t && o === this.lastFrom && n === this.lastTo && this.dom.style.display !== "none" || (this.lastFrom = o, this.lastTo = n, !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 };
+          const i = s.coordsAtPos(o);
+          if (!i) return null;
+          const l = s.dom.getBoundingClientRect();
+          return { coords: i, editorRect: l };
         },
         write: (s) => {
           this.measureScheduled = !1;
-          const { empty: n } = this.view.state.selection.main;
-          if (n || !this.view.hasFocus) {
+          const { empty: i } = this.view.state.selection.main;
+          if (i || !this.view.hasFocus) {
             this.hide();
             return;
           }
@@ -300,10 +237,10 @@ function U(o) {
             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);
+          const { coords: l, editorRect: r } = s, d = 32, m = 32, p = 6, b = Math.min(
+            Math.max(l.left - r.left, p),
+            Math.max(p, r.width - d - p)
+          ), f = Math.max(l.top - r.top - m - 10, p);
           this.dom.style.left = `${b}px`, this.dom.style.top = `${f}px`, this.show();
         }
       })));
@@ -311,138 +248,112 @@ function U(o) {
   });
 }
 const M = k.define();
-class B extends E {
+class B extends T {
   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;
+    const o = document.createElement("i");
+    o.className = this.block.type === "plugin" ? "icon-plugin" : "icon-workflow", t.appendChild(o);
+    const n = document.createTextNode(this.block.name);
+    return t.appendChild(n), 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);
+const F = y.define({
+  combine: (e) => e.length ? e[0] : []
+}), E = x.define({
+  create(e) {
+    const t = e.facet(F);
+    if (!t || t.length === 0) return a.none;
+    const o = t.slice().sort((n, c) => n.pos - c.pos).map(({ pos: n, len: c, block: s }) => a.replace({ widget: new B(s) }).range(n, n + (c || 1)));
+    return a.set(o, !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)
+  update(e, t) {
+    e = e.map(t.changes);
+    for (const o of t.effects)
+      if (o.is(M)) {
+        const { pos: n, block: c } = o.value, s = t.changes.mapPos(n), i = a.replace({
+          widget: new B(c)
         }).range(s, s + 1);
-        o = o.update({ add: [n] });
+        e = e.update({ add: [i] });
       }
-    return o;
+    return e;
   },
-  provide: (o) => u.decorations.from(o)
+  provide: (e) => h.decorations.from(e)
 });
-function Q(o) {
+function J(e) {
   return [
-    L.of(o.initialBlocks || []),
-    S
+    F.of(e.initialBlocks || []),
+    E
   ];
 }
-function J(o) {
+function Q(e) {
   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);
+    h.updateListener.of((t) => {
+      t.docChanged && t.changes.iterChanges((o, n, c, s, i) => {
+        if (i.length !== 1) return;
+        i.sliceString(0) === "{" && e.onTriggerPluginPopup(o);
       });
     })
   ];
 }
-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 });
+function X(e) {
+  const t = [], o = e.state.field(E, !1);
+  return o && o.between(0, e.state.doc.length, (n, c, s) => {
+    const i = s.spec.widget;
+    i instanceof B && t.push({ pos: n, len: c - n, block: i.block });
   }), t;
 }
-function Y(o) {
-  const t = [], e = /\{\{(.+?)\}\}/g;
-  let i;
-  for (; (i = e.exec(o)) !== null; )
+function Y(e) {
+  const t = [], o = /\{\{(.+?)\}\}/g;
+  let n;
+  for (; (n = o.exec(e)) !== null; )
     t.push({
-      pos: i.index,
-      len: i[0].length,
+      pos: n.index,
+      len: n[0].length,
       block: {
-        id: `var-${i[1]}-${i.index}`,
-        name: i[1],
+        id: `var-${n[1]}-${n.index}`,
+        name: n[1],
         type: "plugin"
       }
     });
   return t;
 }
-class dt {
-  constructor(t) {
-    r(this, "plugins", [
-      { id: "plugin-1", name: "LinkReaderPlugin", type: "plugin" }
-    ]);
-    r(this, "workflows", [
-      { id: "workflow-1", name: "condition_1_872", type: "workflow" }
-    ]);
-    r(this, "triggerPos", 0);
-    this.callbacks = t;
-  }
-  show(t, e, i) {
-    this.triggerPos = t;
-    const l = {
-      top: `${e.bottom - i.top + 10}px`,
-      left: `${e.left - i.left}px`
-    };
-    this.callbacks.onShow(t, l);
-  }
-  hide() {
-    this.callbacks.onHide();
-  }
-  getTriggerPos() {
-    return this.triggerPos;
-  }
-}
-class ht {
+class rt {
   constructor(t) {
-    r(this, "view");
-    r(this, "allBlocks", /* @__PURE__ */ new Map());
-    r(this, "options");
+    u(this, "view");
+    u(this, "allBlocks", /* @__PURE__ */ new Map());
+    u(this, "options");
     this.options = t;
-    const e = Y(t.initialDoc), i = [
+    const o = Y(t.initialDoc), n = [
       ...t.initialBlocks || [],
-      ...e
+      ...o
     ];
-    t.initialBlocks && t.initialBlocks.forEach((n) => {
-      "type" in n.block || this.allBlocks.set(n.block.id, n.block);
+    t.initialBlocks && t.initialBlocks.forEach((i) => {
+      "type" in i.block || this.allBlocks.set(i.block.id, i.block);
     });
-    const l = {
-      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));
+    const c = {
+      updateBlockText: (i, l) => {
+        const r = this.allBlocks.get(i);
+        r && (r.presetText = l, this.allBlocks.set(i, r), this.options.onBlockUpdated && this.options.onBlockUpdated(i, l));
       },
-      openPopup: (n, c) => {
-        this.options.onOpenPopup(n, c);
+      openPopup: (i, l) => {
+        this.options.onOpenPopup(i, l);
       },
-      deleteBlock: (n) => {
-        this.allBlocks.delete(n), this.options.onBlockDeleted && this.options.onBlockDeleted(n);
+      deleteBlock: (i) => {
+        this.allBlocks.delete(i), this.options.onBlockDeleted && this.options.onBlockDeleted(i);
       }
-    }, s = ot(t.initialDoc, l, i);
-    this.view = new u({
+    }, s = ot(t.initialDoc, c, n);
+    this.view = new h({
       state: s.update({
         effects: k.appendConfig.of([
-          ...J({ onTriggerPluginPopup: (n) => this.options.onTriggerPluginPopup(n) }),
-          ...V({ onTriggerAIDialog: (n) => this.options.onTriggerAIDialog(n) })
+          ...Q({ onTriggerPluginPopup: (i) => this.options.onTriggerPluginPopup(i) }),
+          ...H({ onTriggerAIDialog: (i) => this.options.onTriggerAIDialog(i) })
         ])
       }).state,
       parent: t.parent
@@ -455,23 +366,23 @@ class ht {
       presetText: ""
     };
     this.allBlocks.set(t.id, t);
-    const { from: e, to: i } = this.view.state.selection.main;
+    const { from: o, to: n } = this.view.state.selection.main;
     return this.view.dispatch({
-      changes: { from: e, to: i, insert: " " },
-      effects: C.of(t),
-      selection: { anchor: e + 1 }
+      changes: { from: o, to: n, insert: " " },
+      effects: A.of(t),
+      selection: { anchor: o + 1 }
     }), this.view.focus(), t;
   }
-  addPluginBlock(t, e) {
+  addPluginBlock(t, o) {
     return this.view.dispatch({
       changes: { from: t, to: t + 1, insert: " " },
-      effects: M.of({ pos: t, block: e }),
+      effects: M.of({ pos: t, block: o }),
       selection: { anchor: t + 1 }
-    }), this.view.focus(), e;
+    }), this.view.focus(), o;
   }
   syncBlock(t) {
     this.allBlocks.set(t.id, { ...t }), this.view.dispatch({
-      effects: A.of(t)
+      effects: D.of(t)
     });
   }
   getBlock(t) {
@@ -481,109 +392,89 @@ class ht {
     return this.view.coordsAtPos(t);
   }
   getData() {
-    return it(this.view);
+    return nt(this.view);
   }
   destroy() {
     this.view.destroy();
   }
 }
-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 Z = (e, t) => {
+  const { from: o, empty: n } = e.state.selection.main;
+  if (!n) return !1;
+  const c = o;
+  if (c === 0) return !1;
+  let s = null, i = null, l = 1;
+  const r = (d) => {
+    d && d.between(c - 1, c, (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;
+      if (f && f.block && f.block.id && m < c && p >= c)
+        return s = f.block.id, i = m, l = 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 }
+  return r(e.state.field(v, !1)), s || r(e.state.field(E, !1)), s && i !== null ? (t.deleteBlock(s), e.dispatch({
+    changes: { from: i, to: i + l },
+    selection: { anchor: i }
   }), !0) : !1;
-}, tt = u.theme({
+}, tt = h.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) {
+}), C = a.mark({ class: "cm-bold" });
+function P(e) {
   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));
+  for (let o = 1; o <= e.lines; o++) {
+    const n = e.line(o), c = n.text;
+    /^#+\s+/.test(c) && t.push(C.range(n.from, n.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));
+    let i;
+    for (; (i = s.exec(c)) !== null; )
+      t.push(C.range(n.from + i.index, n.from + i.index + i[0].length));
   }
-  return d.set(t.sort((e, i) => e.from - i.from), !0);
+  return a.set(t.sort((o, n) => o.from - n.from), !0);
 }
-const et = y.define({
-  create(o) {
-    return P(o.doc);
+const et = x.define({
+  create(e) {
+    return P(e.doc);
   },
-  update(o, t) {
-    return t.docChanged ? P(t.state.doc) : o.map(t.changes);
+  update(e, t) {
+    return t.docChanged ? P(t.state.doc) : e.map(t.changes);
   },
-  provide: (o) => u.decorations.from(o)
+  provide: (e) => h.decorations.from(e)
 });
-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([
+function ot(e, t, o = []) {
+  const n = o.filter((l) => !("type" in l.block && "name" in l.block)), c = o.filter((l) => "type" in l.block && "name" in l.block), s = [
+    $(),
+    W.of([
       {
         key: "Backspace",
-        run: (c) => Z(c, t)
+        run: (l) => Z(l, t)
       },
-      ...N,
-      ...z
+      ...z,
+      ...O
     ]),
-    G(),
-    ...O({ callbacks: t, initialBlocks: i }),
-    ...Q({ initialBlocks: l }),
+    N(),
+    ...V({ callbacks: t, initialBlocks: n }),
+    ...J({ initialBlocks: c }),
     et,
     tt
   ];
   return R.create({
-    doc: o,
+    doc: e,
     extensions: s
   });
 }
-function it(o) {
-  var l;
-  const t = o.state.doc.toString(), e = j(o), i = X(o);
+function nt(e) {
+  var c;
+  const t = e.state.doc.toString(), o = q(e), n = X(e);
   return {
     content: t,
-    editorBlocks: e,
-    pluginBlocks: i,
-    html: ((l = o.dom.querySelector(".cm-content")) == null ? void 0 : l.innerHTML) || ""
+    editorBlocks: o,
+    pluginBlocks: n,
+    html: ((c = e.dom.querySelector(".cm-content")) == null ? void 0 : c.innerHTML) || ""
   };
 }
 export {
-  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
+  rt as CustomEditor
 };

package/dist/editor.umd.cjs

@@ -1,5 +1 @@
-(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<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"})});
+(function(d,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("@codemirror/state"),require("@codemirror/view"),require("@codemirror/commands")):typeof define=="function"&&define.amd?define(["exports","@codemirror/state","@codemirror/view","@codemirror/commands"],a):(d=typeof globalThis<"u"?globalThis:d||self,a(d.AgentArtsEditor={},d.CMState,d.CMView,d.CMCommands))})(this,function(d,a,r,b){"use strict";var G=Object.defineProperty;var J=(d,a,r)=>a in d?G(d,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):d[a]=r;var p=(d,a,r)=>J(d,typeof a!="symbol"?a+"":a,r);const C=a.StateEffect.define(),D=a.StateEffect.define();class g extends r.WidgetType{constructor(e,n){super(),this.block=e,this.callbacks=n}toDOM(e){const n=document.createElement("span");n.className="cm-inline-block",n.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 c=s=>{const i=document.createElement("span");i.style.visibility="hidden",i.style.position="absolute",i.style.whiteSpace="pre",i.style.font="inherit",i.textContent=s||o.placeholder,document.body.appendChild(i);const l=i.offsetWidth;return document.body.removeChild(i),l+10};return o.style.width=`${c(o.value)}px`,o.oninput=s=>{const i=s.target.value;o.style.width=`${c(i)}px`,this.callbacks.updateBlockText(this.block.id,i)},o.onfocus=()=>{const s=n.getBoundingClientRect();this.callbacks.openPopup(this.block.id,s)},o.onmousedown=s=>{s.stopPropagation()},o.onclick=s=>{s.stopPropagation();const i=n.getBoundingClientRect();this.callbacks.openPopup(this.block.id,i)},o.onkeydown=s=>{if(s.key==="Backspace"&&o.value===""){s.preventDefault();const i=e.posAtDOM(n);this.callbacks.deleteBlock(this.block.id),e.dispatch({changes:{from:i,to:i+1},selection:{anchor:i}})}},n.appendChild(o),n}ignoreEvent(){return!0}}const B=a.Facet.define({combine:t=>t[0]}),S=a.Facet.define({combine:t=>t.length?t[0]:[]}),x=a.StateField.define({create(t){const e=t.facet(B),n=t.facet(S);if(!n||n.length===0)return r.Decoration.none;const o=n.slice().sort((c,s)=>c.pos-s.pos).map(({pos:c,len:s,block:i})=>{const l=new g(i,e);return r.Decoration.replace({widget:l}).range(c,c+(s||1))});return r.Decoration.set(o,!0)},update(t,e){const n=e.state.facet(B);t=t.map(e.changes);for(const o of e.effects)if(o.is(C)){const c=e.state.selection.main.head-1,s=r.Decoration.replace({widget:new g(o.value,n)}).range(c,c+1);t=t.update({add:[s]})}else if(o.is(D)){const c=o.value;let s=null;t.between(0,e.state.doc.length,(i,l,u)=>{const h=u.spec.widget;h instanceof g&&h.block.id===c.id&&(s=i)}),s!==null&&(t=t.update({filter:(i,l,u)=>{const h=u.spec.widget;return!(h instanceof g&&h.block.id===c.id)},add:[r.Decoration.replace({widget:new g(c,n)}).range(s,s+1)]}))}return t},provide:t=>r.EditorView.decorations.from(t)}),F=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 v(t){return[B.of(t.callbacks),S.of(t.initialBlocks||[]),x,F]}function V(t){const e=[],n=t.state.field(x,!1);return n&&n.between(0,t.state.doc.length,(o,c,s)=>{const i=s.spec.widget;i instanceof g&&e.push({pos:o,len:c-o,block:i.block})}),e}function I(t){return[L(t.onTriggerAIDialog),R(t.onTriggerAIDialog),$]}function L(t){return r.EditorView.updateListener.of(e=>{e.docChanged&&e.changes.iterChanges((n,o,c,s,i)=>{if(i.length!==1)return;i.sliceString(0)==="/"&&t(n)})})}const $=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 R(t){return r.ViewPlugin.fromClass(class{constructor(e){p(this,"dom");p(this,"button");p(this,"lastFrom",-1);p(this,"lastTo",-1);p(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 n=document.createElementNS("http://www.w3.org/2000/svg","svg");n.setAttribute("width","16"),n.setAttribute("height","16"),n.setAttribute("viewBox","0 0 24 24"),n.setAttribute("fill","none"),n.setAttribute("stroke","#111827"),n.setAttribute("stroke-width","2"),n.setAttribute("stroke-linecap","round"),n.setAttribute("stroke-linejoin","round"),n.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(n),this.dom.appendChild(this.button),this.view.dom.appendChild(this.dom),this.dom.addEventListener("mousedown",o=>{o.preventDefault(),o.stopPropagation()}),this.button.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation();const{from:c,empty:s}=this.view.state.selection.main;s||(t(c),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:n,to:o,empty:c}=this.view.state.selection.main;if(c||!this.view.hasFocus){this.hide();return}!e&&n===this.lastFrom&&o===this.lastTo&&this.dom.style.display!=="none"||(this.lastFrom=n,this.lastTo=o,!this.measureScheduled&&(this.measureScheduled=!0,this.view.requestMeasure({read:s=>{const i=s.coordsAtPos(n);if(!i)return null;const l=s.dom.getBoundingClientRect();return{coords:i,editorRect:l}},write:s=>{this.measureScheduled=!1;const{empty:i}=this.view.state.selection.main;if(i||!this.view.hasFocus){this.hide();return}if(!s){this.hide();return}const{coords:l,editorRect:u}=s,h=32,k=32,f=6,E=Math.min(Math.max(l.left-u.left,f),Math.max(f,u.width-h-f)),m=Math.max(l.top-u.top-k-10,f);this.dom.style.left=`${E}px`,this.dom.style.top=`${m}px`,this.show()}})))}})}const T=a.StateEffect.define();class w 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 n=document.createElement("i");n.className=this.block.type==="plugin"?"icon-plugin":"icon-workflow",e.appendChild(n);const o=document.createTextNode(this.block.name);return e.appendChild(o),e}ignoreEvent(){return!0}}const P=a.Facet.define({combine:t=>t.length?t[0]:[]}),y=a.StateField.define({create(t){const e=t.facet(P);if(!e||e.length===0)return r.Decoration.none;const n=e.slice().sort((o,c)=>o.pos-c.pos).map(({pos:o,len:c,block:s})=>r.Decoration.replace({widget:new w(s)}).range(o,o+(c||1)));return r.Decoration.set(n,!0)},update(t,e){t=t.map(e.changes);for(const n of e.effects)if(n.is(T)){const{pos:o,block:c}=n.value,s=e.changes.mapPos(o),i=r.Decoration.replace({widget:new w(c)}).range(s,s+1);t=t.update({add:[i]})}return t},provide:t=>r.EditorView.decorations.from(t)});function W(t){return[P.of(t.initialBlocks||[]),y]}function _(t){return[r.EditorView.updateListener.of(e=>{e.docChanged&&e.changes.iterChanges((n,o,c,s,i)=>{if(i.length!==1)return;i.sliceString(0)==="{"&&t.onTriggerPluginPopup(n)})})]}function N(t){const e=[],n=t.state.field(y,!1);return n&&n.between(0,t.state.doc.length,(o,c,s)=>{const i=s.spec.widget;i instanceof w&&e.push({pos:o,len:c-o,block:i.block})}),e}function z(t){const e=[],n=/\{\{(.+?)\}\}/g;let o;for(;(o=n.exec(t))!==null;)e.push({pos:o.index,len:o[0].length,block:{id:`var-${o[1]}-${o.index}`,name:o[1],type:"plugin"}});return e}class j{constructor(e){p(this,"view");p(this,"allBlocks",new Map);p(this,"options");this.options=e;const n=z(e.initialDoc),o=[...e.initialBlocks||[],...n];e.initialBlocks&&e.initialBlocks.forEach(i=>{"type"in i.block||this.allBlocks.set(i.block.id,i.block)});const c={updateBlockText:(i,l)=>{const u=this.allBlocks.get(i);u&&(u.presetText=l,this.allBlocks.set(i,u),this.options.onBlockUpdated&&this.options.onBlockUpdated(i,l))},openPopup:(i,l)=>{this.options.onOpenPopup(i,l)},deleteBlock:i=>{this.allBlocks.delete(i),this.options.onBlockDeleted&&this.options.onBlockDeleted(i)}},s=K(e.initialDoc,c,o);this.view=new r.EditorView({state:s.update({effects:a.StateEffect.appendConfig.of([..._({onTriggerPluginPopup:i=>this.options.onTriggerPluginPopup(i)}),...I({onTriggerAIDialog:i=>this.options.onTriggerAIDialog(i)})])}).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:n,to:o}=this.view.state.selection.main;return this.view.dispatch({changes:{from:n,to:o,insert:" "},effects:C.of(e),selection:{anchor:n+1}}),this.view.focus(),e}addPluginBlock(e,n){return this.view.dispatch({changes:{from:e,to:e+1,insert:" "},effects:T.of({pos:e,block:n}),selection:{anchor:e+1}}),this.view.focus(),n}syncBlock(e){this.allBlocks.set(e.id,{...e}),this.view.dispatch({effects:D.of(e)})}getBlock(e){return this.allBlocks.get(e)}coordsAtPos(e){return this.view.coordsAtPos(e)}getData(){return U(this.view)}destroy(){this.view.destroy()}}const q=(t,e)=>{const{from:n,empty:o}=t.state.selection.main;if(!o)return!1;const c=n;if(c===0)return!1;let s=null,i=null,l=1;const u=h=>{h&&h.between(c-1,c,(k,f,E)=>{const m=E.spec.widget;if(m&&m.block&&m.block.id&&k<c&&f>=c)return s=m.block.id,i=k,l=f-k,!1})};return u(t.state.field(x,!1)),s||u(t.state.field(y,!1)),s&&i!==null?(e.deleteBlock(s),t.dispatch({changes:{from:i,to:i+l},selection:{anchor:i}}),!0):!1},O=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"}}),A=r.Decoration.mark({class:"cm-bold"});function M(t){const e=[];for(let n=1;n<=t.lines;n++){const o=t.line(n),c=o.text;/^#+\s+/.test(c)&&e.push(A.range(o.from,o.to));const s=/\*\*(.*?)\*\*/g;let i;for(;(i=s.exec(c))!==null;)e.push(A.range(o.from+i.index,o.from+i.index+i[0].length))}return r.Decoration.set(e.sort((n,o)=>n.from-o.from),!0)}const H=a.StateField.define({create(t){return M(t.doc)},update(t,e){return e.docChanged?M(e.state.doc):t.map(e.changes)},provide:t=>r.EditorView.decorations.from(t)});function K(t,e,n=[]){const o=n.filter(l=>!("type"in l.block&&"name"in l.block)),c=n.filter(l=>"type"in l.block&&"name"in l.block),s=[b.history(),r.keymap.of([{key:"Backspace",run:l=>q(l,e)},...b.defaultKeymap,...b.historyKeymap]),r.drawSelection(),...v({callbacks:e,initialBlocks:o}),...W({initialBlocks:c}),H,O];return a.EditorState.create({doc:t,extensions:s})}function U(t){var c;const e=t.state.doc.toString(),n=V(t),o=N(t);return{content:e,editorBlocks:n,pluginBlocks:o,html:((c=t.dom.querySelector(".cm-content"))==null?void 0:c.innerHTML)||""}}d.CustomEditor=j,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -1,66 +1,5 @@
-import { DecorationSet } from '@codemirror/view';
-import { EditorState } from '@codemirror/state';
 import { EditorView } from '@codemirror/view';
-import { Extension } from '@codemirror/state';
 import { Rect } from '@codemirror/view';
-import { StateEffectType } from '@codemirror/state';
-import { StateField } from '@codemirror/state';
-
-export declare const addBlockEffect: StateEffectType<EditorBlock>;
-
-export declare const addPluginBlockEffect: StateEffectType<    {
-pos: number;
-block: PluginBlock;
-}>;
-
-export declare function aiDialogExtensions(options: {
-    onTriggerAIDialog: (pos: number) => void;
-}): Extension[];
-
-export declare class AIDialogPlugin {
-    private callbacks;
-    private isGenerating;
-    private aiStreamTimer;
-    private currentResponse;
-    constructor(callbacks: AIResponseCallbacks);
-    show(pos: number, coords: {
-        bottom: number;
-        left: number;
-    }, editorRect: DOMRect): void;
-    hide(): void;
-    sendQuestion(question: string): void;
-    stopResponse(): void;
-    private finishGeneration;
-    getIsGenerating(): boolean;
-    destroy(): void;
-}
-
-export declare interface AIResponseCallbacks {
-    onStream: (text: string) => void;
-    onLoading: (loading: boolean) => void;
-    onComplete: () => void;
-    onStop: () => void;
-    onShow: (pos: number, style: {
-        top: string;
-        left: string;
-    }) => void;
-    onHide: () => void;
-}
-
-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;
-    len?: number;
-    block: EditorBlock | PluginBlock;
-}[]): EditorState;
 
 export declare class CustomEditor {
     view: EditorView;
@@ -72,31 +11,14 @@ export declare class CustomEditor {
     syncBlock(updatedBlock: EditorBlock): void;
     getBlock(id: string): EditorBlock | undefined;
     coordsAtPos(pos: number): Rect | null;
-    getData(): {
-        content: string;
-        editorBlocks: {
-            pos: number;
-            len?: number;
-            block: EditorBlock;
-        }[];
-        pluginBlocks: {
-            pos: number;
-            len?: number;
-            block: PluginBlock;
-        }[];
-        html: string;
-    };
+    getData(): EditorData;
     destroy(): void;
 }
 
 export declare interface CustomEditorOptions {
     parent: HTMLElement;
     initialDoc: string;
-    initialBlocks?: {
-        pos: number;
-        len?: number;
-        block: EditorBlock | PluginBlock;
-    }[];
+    initialBlocks?: InitialBlock[];
     onOpenPopup: (id: string, rect: DOMRect) => void;
     onTriggerPluginPopup: (pos: number) => void;
     onTriggerAIDialog: (pos: number) => void;
@@ -104,54 +26,13 @@ export declare interface CustomEditorOptions {
     onBlockUpdated?: (id: string, text: string) => void;
 }
 
-export declare interface EditBlockCallbacks {
-    onShow: (block: EditorBlock, style: {
-        top: string;
-        left: string;
-    }) => void;
-    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;
-    constructor(callbacks: EditBlockCallbacks);
-    show(block: EditorBlock, rect: DOMRect, editorRect: DOMRect): void;
-    hide(): void;
-    updateEditingBlock(block: Partial<EditorBlock>): void;
-}
-
-export declare const editBlockTheme: Extension;
-
 export declare interface EditorBlock {
     id: string;
     placeholder: string;
     presetText: string;
 }
 
-export declare const editorTheme: Extension;
-
-export declare function getEditorBlocks(view: EditorView): {
-    pos: number;
-    len?: number;
-    block: EditorBlock;
-}[];
-
-/**
- * 获取编辑器数据
- */
-export declare function getEditorData(view: EditorView): {
+export declare type EditorData = {
     content: string;
     editorBlocks: {
         pos: number;
@@ -166,49 +47,11 @@ export declare function getEditorData(view: EditorView): {
     html: string;
 };
 
-export declare function getPluginBlocks(view: EditorView): {
+export declare type InitialBlock = {
     pos: number;
     len?: number;
-    block: PluginBlock;
-}[];
-
-export declare interface LibraryBlockCallbacks {
-    onShow: (pos: number, style: {
-        top: string;
-        left: string;
-    }) => void;
-    onHide: () => void;
-}
-
-export declare class LibraryBlockPlugin {
-    private callbacks;
-    plugins: {
-        id: string;
-        name: string;
-        type: "plugin";
-    }[];
-    workflows: {
-        id: string;
-        name: string;
-        type: "workflow";
-    }[];
-    private triggerPos;
-    constructor(callbacks: LibraryBlockCallbacks);
-    show(pos: number, coords: {
-        bottom: number;
-        left: number;
-    }, editorRect: DOMRect): void;
-    hide(): void;
-    getTriggerPos(): number;
-}
-
-export declare const markdownStyleField: StateField<DecorationSet>;
-
-export declare function parseTemplateVariables(doc: string): {
-    pos: number;
-    len: number;
-    block: PluginBlock;
-}[];
+    block: EditorBlock | PluginBlock;
+};
 
 export declare interface PluginBlock {
     id: string;
@@ -216,20 +59,4 @@ export declare interface PluginBlock {
     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.1.0",
+  "version": "0.1.1",
   "description": "A prompt editor based on CodeMirror 6, support Vue.js 3 and Angular.",
   "author": "AgentArts Team",
   "license": "MIT",