@agent-arts/editor 0.0.5 → 0.1.1

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
-    });
-  }
-  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;
+var I = Object.defineProperty;
+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;
   }
-  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 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 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 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);
-    }, 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 }
-        }));
+    }, n.onmousedown = (s) => {
+      s.stopPropagation();
+    }, n.onclick = (s) => {
+      s.stopPropagation();
+      const i = o.getBoundingClientRect();
+      this.callbacks.openPopup(this.block.id, i);
+    }, n.onkeydown = (s) => {
+      if (s.key === "Backspace" && n.value === "") {
+        s.preventDefault();
+        const i = t.posAtDOM(o);
+        this.callbacks.deleteBlock(this.block.id), t.dispatch({
+          changes: { from: i, to: i + 1 },
+          selection: { anchor: i }
+        });
       }
-    }, t.appendChild(o), t;
+    }, o.appendChild(n), o;
   }
-  ignoreEvent(e) {
+  ignoreEvent() {
     return !0;
   }
 }
-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) {
-    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 = 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 a.set(n, !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)
-        }).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);
+  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;
+        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: [p.replace({
-            widget: new h(l, t)
-          }).range(i, i + 1)]
+          add: [a.replace({
+            widget: new g(c, o)
+          }).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 e;
   },
-  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: (e) => h.decorations.from(e)
+}), j = h.theme({
   ".cm-inline-block": {
     display: "inline-block",
     backgroundColor: "#f3f0ff",
@@ -229,148 +121,360 @@ 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 V(e) {
+  return [
+    w.of(e.callbacks),
+    S.of(e.initialBlocks || []),
+    v,
+    j
+  ];
+}
+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;
+}
+function H(e) {
+  return [
+    K(e.onTriggerAIDialog),
+    G(e.onTriggerAIDialog),
+    U
   ];
-  return C.create({
-    doc: n,
-    extensions: o
+}
+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);
+    });
   });
 }
-function q(n, e) {
-  return new f({
-    state: e,
-    parent: n
+const U = h.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 G(e) {
+  return _.fromClass(class {
+    constructor(t) {
+      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 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) {
+      (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: o, to: n, empty: c } = this.view.state.selection.main;
+      if (c || !this.view.hasFocus) {
+        this.hide();
+        return;
+      }
+      !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 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: i } = this.view.state.selection.main;
+          if (i || !this.view.hasFocus) {
+            this.hide();
+            return;
+          }
+          if (!s) {
+            this.hide();
+            return;
+          }
+          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();
+        }
+      })));
+    }
   });
 }
-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) || ""
-  };
+const M = k.define();
+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 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 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(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);
+        e = e.update({ add: [i] });
+      }
+    return e;
+  },
+  provide: (e) => h.decorations.from(e)
+});
+function J(e) {
+  return [
+    F.of(e.initialBlocks || []),
+    E
+  ];
+}
+function Q(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.onTriggerPluginPopup(o);
+      });
+    })
+  ];
 }
-class Q {
-  constructor(e) {
-    r(this, "isGenerating", !1);
-    r(this, "aiStreamTimer", null);
-    r(this, "currentResponse", "");
-    this.callbacks = e;
+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(e) {
+  const t = [], o = /\{\{(.+?)\}\}/g;
+  let n;
+  for (; (n = o.exec(e)) !== null; )
+    t.push({
+      pos: n.index,
+      len: n[0].length,
+      block: {
+        id: `var-${n[1]}-${n.index}`,
+        name: n[1],
+        type: "plugin"
+      }
+    });
+  return t;
+}
+class rt {
+  constructor(t) {
+    u(this, "view");
+    u(this, "allBlocks", /* @__PURE__ */ new Map());
+    u(this, "options");
+    this.options = t;
+    const o = Y(t.initialDoc), n = [
+      ...t.initialBlocks || [],
+      ...o
+    ];
+    t.initialBlocks && t.initialBlocks.forEach((i) => {
+      "type" in i.block || this.allBlocks.set(i.block.id, i.block);
+    });
+    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: (i, l) => {
+        this.options.onOpenPopup(i, l);
+      },
+      deleteBlock: (i) => {
+        this.allBlocks.delete(i), this.options.onBlockDeleted && this.options.onBlockDeleted(i);
+      }
+    }, s = ot(t.initialDoc, c, n);
+    this.view = new h({
+      state: s.update({
+        effects: k.appendConfig.of([
+          ...Q({ onTriggerPluginPopup: (i) => this.options.onTriggerPluginPopup(i) }),
+          ...H({ onTriggerAIDialog: (i) => this.options.onTriggerAIDialog(i) })
+        ])
+      }).state,
+      parent: t.parent
+    });
   }
-  show(e, t, o) {
-    const l = {
-      top: `${t.bottom - o.top + 10}px`,
-      left: `${t.left - o.left}px`
+  addBlock() {
+    const t = {
+      id: Math.random().toString(36).slice(2, 11),
+      placeholder: "请输入编辑块内容为空时的提示文案",
+      presetText: ""
     };
-    this.callbacks.onShow(e, l);
+    this.allBlocks.set(t.id, t);
+    const { from: o, to: n } = this.view.state.selection.main;
+    return this.view.dispatch({
+      changes: { from: o, to: n, insert: " " },
+      effects: A.of(t),
+      selection: { anchor: o + 1 }
+    }), this.view.focus(), t;
   }
-  hide() {
-    this.stopResponse(), this.callbacks.onHide();
+  addPluginBlock(t, o) {
+    return this.view.dispatch({
+      changes: { from: t, to: t + 1, insert: " " },
+      effects: M.of({ pos: t, block: o }),
+      selection: { anchor: t + 1 }
+    }), this.view.focus(), o;
   }
-  sendQuestion(e) {
-    if (!e || this.isGenerating) return;
-    this.isGenerating = !0, this.callbacks.onLoading(!0), this.currentResponse = "", this.callbacks.onStream("");
-    const t = `洲、美洲积累了丰富的在地经验，擅长结合用户需求定制专属旅行方案，曾帮助1000+人解决旅行难题，被旅行者亲切称为"旅行百事通"。
-
-## 核心性格与风格
-- **性格特点**：热情开朗、专业耐心，擅长用轻松幽默的方式化解旅行焦虑（如："别慌！机票改签我有3个小窍门，保准帮你搞定~"），遇到用户疑问会像朋友般细致拆解细节（如："你担心的高原反应，我去年在西藏徒步时总结过4个缓解方法..."）。
-- **语言风格**：口语化且富有感染力，常用"宝藏地""小众玩法"等旅行圈`;
-    let o = 0;
-    this.aiStreamTimer = setInterval(() => {
-      this.callbacks.onLoading(!1), o < t.length ? (this.currentResponse += t[o], this.callbacks.onStream(this.currentResponse), o++) : this.finishGeneration();
-    }, 30);
+  syncBlock(t) {
+    this.allBlocks.set(t.id, { ...t }), this.view.dispatch({
+      effects: D.of(t)
+    });
   }
-  stopResponse() {
-    this.aiStreamTimer && (clearInterval(this.aiStreamTimer), this.aiStreamTimer = null), this.isGenerating = !1, this.callbacks.onLoading(!1), this.callbacks.onStop();
+  getBlock(t) {
+    return this.allBlocks.get(t);
   }
-  finishGeneration() {
-    this.aiStreamTimer && (clearInterval(this.aiStreamTimer), this.aiStreamTimer = null), this.isGenerating = !1, this.callbacks.onLoading(!1), this.callbacks.onComplete();
+  coordsAtPos(t) {
+    return this.view.coordsAtPos(t);
   }
-  getIsGenerating() {
-    return this.isGenerating;
+  getData() {
+    return nt(this.view);
   }
   destroy() {
-    this.stopResponse();
+    this.view.destroy();
   }
 }
-class J {
-  constructor(e) {
-    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 = e;
-  }
-  show(e, t, o) {
-    this.triggerPos = e;
-    const l = {
-      top: `${t.bottom - o.top + 10}px`,
-      left: `${t.left - o.left}px`
-    };
-    this.callbacks.onShow(e, l);
-  }
-  hide() {
-    this.callbacks.onHide();
-  }
-  getTriggerPos() {
-    return this.triggerPos;
+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 < c && p >= c)
+        return s = f.block.id, i = m, l = p - m, !1;
+    });
+  };
+  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 = 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" }
+}), C = a.mark({ class: "cm-bold" });
+function P(e) {
+  const t = [];
+  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 i;
+    for (; (i = s.exec(c)) !== null; )
+      t.push(C.range(n.from + i.index, n.from + i.index + i[0].length));
   }
+  return a.set(t.sort((o, n) => o.from - n.from), !0);
 }
-class X {
-  constructor(e) {
-    r(this, "editingBlock", { id: "", placeholder: "", presetText: "" });
-    this.callbacks = e;
-  }
-  show(e, t, o) {
-    this.editingBlock = { ...e };
-    const l = {
-      top: `${t.bottom - o.top + 10}px`,
-      left: `${t.left - o.left}px`
-    };
-    this.callbacks.onShow(this.editingBlock, l);
-  }
-  hide() {
-    this.callbacks.onHide();
-  }
-  updateEditingBlock(e) {
-    this.editingBlock = { ...this.editingBlock, ...e };
-  }
+const et = x.define({
+  create(e) {
+    return P(e.doc);
+  },
+  update(e, t) {
+    return t.docChanged ? P(t.state.doc) : e.map(t.changes);
+  },
+  provide: (e) => h.decorations.from(e)
+});
+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: (l) => Z(l, t)
+      },
+      ...z,
+      ...O
+    ]),
+    N(),
+    ...V({ callbacks: t, initialBlocks: n }),
+    ...J({ initialBlocks: c }),
+    et,
+    tt
+  ];
+  return R.create({
+    doc: e,
+    extensions: s
+  });
+}
+function nt(e) {
+  var c;
+  const t = e.state.doc.toString(), o = q(e), n = X(e);
+  return {
+    content: t,
+    editorBlocks: o,
+    pluginBlocks: n,
+    html: ((c = e.dom.querySelector(".cm-content")) == null ? void 0 : c.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
+  rt as CustomEditor
 };

package/dist/editor.umd.cjs

@@ -1,5 +1 @@
-(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+人解决旅行难题，被旅行者亲切称为"旅行百事通"。
-
-## 核心性格与风格
-- **性格特点**：热情开朗、专业耐心，擅长用轻松幽默的方式化解旅行焦虑（如："别慌！机票改签我有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"})});
+(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,62 +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 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 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;
-}[]): EditorState;
-
-export declare function createEditorView(parent: HTMLElement, state: EditorState): EditorView;
 
 export declare class CustomEditor {
     view: EditorView;
@@ -68,23 +11,14 @@ export declare class CustomEditor {
     syncBlock(updatedBlock: EditorBlock): void;
     getBlock(id: string): EditorBlock | undefined;
     coordsAtPos(pos: number): Rect | null;
-    getData(): {
-        json: {
-            content: string;
-            blocks: EditorBlock[];
-        };
-        html: string;
-    };
+    getData(): EditorData;
     destroy(): void;
 }
 
 export declare interface CustomEditorOptions {
     parent: HTMLElement;
     initialDoc: string;
-    initialBlocks?: {
-        pos: number;
-        block: EditorBlock;
-    }[];
+    initialBlocks?: InitialBlock[];
     onOpenPopup: (id: string, rect: DOMRect) => void;
     onTriggerPluginPopup: (pos: number) => void;
     onTriggerAIDialog: (pos: number) => void;
@@ -92,68 +26,32 @@ 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 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 interface EditorBlock {
     id: string;
     placeholder: string;
     presetText: string;
 }
 
-export declare const editorTheme: Extension;
-
-export declare function getEditorData(view: EditorView, blocks: Map<string, EditorBlock>): {
-    json: {
-        content: string;
-        blocks: EditorBlock[];
-    };
+export declare type EditorData = {
+    content: string;
+    editorBlocks: {
+        pos: number;
+        len?: number;
+        block: EditorBlock;
+    }[];
+    pluginBlocks: {
+        pos: number;
+        len?: number;
+        block: PluginBlock;
+    }[];
     html: string;
 };
 
-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 type InitialBlock = {
+    pos: number;
+    len?: number;
+    block: EditorBlock | PluginBlock;
+};
 
 export declare interface PluginBlock {
     id: string;
@@ -161,6 +59,4 @@ export declare interface PluginBlock {
     type: 'plugin' | 'workflow';
 }
 
-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.1",
   "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"
   },