@agent-arts/editor 0.0.1 → 0.0.3

package/README.md

@@ -0,0 +1,94 @@
+# @agent-arts/editor
+
+一个基于 CodeMirror 6 的提示词编辑器，框架无关，支持 Vue.js、Angular、React。
+
+## 特性
+
+- 编辑块 edit-block：可编辑
+- 插件块 plugin-block：不可编辑，通过大括号 `{` 呼起，用户插入插件、工作流、变量等
+- AI 对话 ai-dialog：通过斜线 `/` 或拖选内容呼起，通过 AI 生成和优化提示词
+
+## 演示动画
+
+![演示动画](./product-animation.gif)
+
+## 使用
+
+### 安装
+
+```bash
+npm install @agent-arts/editor
+```
+
+### 快速上手
+
+```typescript
+import { CustomEditor, CustomEditorOptions } from '@agent-arts/editor';
+
+const options: CustomEditorOptions = {
+  parent: document.querySelector('#editor')!,
+  initialDoc: '# 欢迎使用 AgentArts Editor',
+  onOpenPopup: (id, rect) => {
+    // 处理编辑块弹窗
+  },
+  onTriggerPluginPopup: (pos) => {
+    // 输入 '{' 时触发
+  },
+  onTriggerAIDialog: (pos) => {
+    // 输入 '/' 时触发
+  }
+};
+
+const editor = new CustomEditor(options);
+```
+
+### 插件配置
+
+#### AI 对话插件 (AIDialogPlugin)
+
+```typescript
+import { AIDialogPlugin } from '@agent-arts/editor';
+
+const aiPlugin = new AIDialogPlugin({
+  onStream: (text) => { /* 处理流式输出 */ },
+  onLoading: (loading) => { /* 处理加载状态 */ },
+  onShow: (pos, style) => { /* 显示 AI 浮框 */ },
+  onHide: () => { /* 隐藏 AI 浮框 */ }
+});
+```
+
+#### 插件库浮框 (LibraryBlockPlugin)
+
+```typescript
+import { LibraryBlockPlugin } from '@agent-arts/editor';
+
+const libraryPlugin = new LibraryBlockPlugin({
+  onShow: (pos, style) => { /* 显示插件列表浮框 */ },
+  onHide: () => { /* 隐藏插件列表浮框 */ }
+});
+
+// 插入选中的插件块
+editor.addPluginBlock(libraryPlugin.getTriggerPos(), {
+  id: 'plugin-id',
+  name: '插件名称',
+  type: 'plugin'
+});
+```
+
+#### 编辑块插件 (EditBlockPlugin)
+
+```typescript
+import { EditBlockPlugin } from '@agent-arts/editor';
+
+const editPlugin = new EditBlockPlugin({
+  onShow: (block, style) => { /* 显示编辑块配置浮框 */ },
+  onHide: () => { /* 隐藏浮框 */ }
+});
+```
+
+### 核心 API
+
+- `editor.addBlock()`: 手动添加一个新的编辑块。
+- `editor.syncBlock(block)`: 同步外部状态到编辑器内部的块。
+- `editor.getData()`: 获取编辑器的 JSON 数据和 HTML 内容。
+- `editor.destroy()`: 销毁编辑器实例。

package/dist/editor.js

@@ -1,31 +1,38 @@
-var y = Object.defineProperty;
-var x = (t, e, i) => e in t ? y(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var f = (t, e, i) => x(t, typeof e != "symbol" ? e + "" : e, i);
-import { StateEffect as m, Facet as b, StateField as v, EditorState as E } from "@codemirror/state";
-import { EditorView as h, Decoration as p, WidgetType as S, keymap as C } from "@codemirror/view";
-import { history as D, defaultKeymap as T, historyKeymap as P } from "@codemirror/commands";
-import { markdown as W, markdownLanguage as F } from "@codemirror/lang-markdown";
-import { languages as A } from "@codemirror/language-data";
+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) {
-    f(this, "view");
-    f(this, "allBlocks", /* @__PURE__ */ new Map());
-    f(this, "options");
-    this.options = e, e.initialBlocks && e.initialBlocks.forEach((o) => this.allBlocks.set(o.block.id, o.block));
-    const i = {
-      updateBlockText: (o, c) => {
-        const l = this.allBlocks.get(o);
-        l && (l.presetText = c, this.allBlocks.set(o, l), this.options.onBlockUpdated && this.options.onBlockUpdated(o, c));
+    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: (o, c) => {
-        this.options.onOpenPopup(o, c);
+      openPopup: (i, s) => {
+        this.options.onOpenPopup(i, s);
       },
-      deleteBlock: (o) => {
-        this.allBlocks.delete(o), this.options.onBlockDeleted && this.options.onBlockDeleted(o);
+      deleteBlock: (i) => {
+        this.allBlocks.delete(i), this.options.onBlockDeleted && this.options.onBlockDeleted(i);
       }
-    }, n = z(e.initialDoc, i, e.initialBlocks || []);
-    this.view = new h({
-      state: n,
+    }, 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
     });
   }
@@ -36,127 +43,158 @@ class j {
       presetText: ""
     };
     this.allBlocks.set(e.id, e);
-    const { from: i, to: n } = this.view.state.selection.main;
+    const { from: t, to: o } = this.view.state.selection.main;
     return this.view.dispatch({
-      changes: { from: i, to: n, insert: " " },
-      effects: g.of(e),
-      selection: { anchor: i + 1 }
+      changes: { from: t, to: o, insert: " " },
+      effects: y.of(e),
+      selection: { anchor: t + 1 }
     }), this.view.focus(), e;
   }
+  addPluginBlock(e, t) {
+    return this.view.dispatch({
+      changes: { from: e, to: e + 1, insert: " " },
+      effects: v.of({ pos: e, block: t }),
+      selection: { anchor: e + 1 }
+    }), this.view.focus(), t;
+  }
   syncBlock(e) {
     this.allBlocks.set(e.id, { ...e }), this.view.dispatch({
-      effects: w.of(e)
+      effects: x.of(e)
     });
   }
   getBlock(e) {
     return this.allBlocks.get(e);
   }
+  coordsAtPos(e) {
+    return this.view.coordsAtPos(e);
+  }
   getData() {
-    return R(this.view, this.allBlocks);
+    return H(this.view, this.allBlocks);
   }
   destroy() {
     this.view.destroy();
   }
 }
-const g = m.define(), w = m.define();
-class d extends S {
-  constructor(e, i) {
-    super(), this.block = e, this.callbacks = i;
+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 i = document.createElement("span");
-    i.className = "cm-inline-block", i.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 o = (c) => {
-      const l = document.createElement("span");
-      l.style.visibility = "hidden", l.style.position = "absolute", l.style.whiteSpace = "pre", l.style.font = "inherit", l.textContent = c || n.placeholder, document.body.appendChild(l);
-      const a = l.offsetWidth;
-      return document.body.removeChild(l), a + 10;
+    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;
     };
-    return n.style.width = `${o(n.value)}px`, n.oninput = (c) => {
-      const l = c.target.value;
-      n.style.width = `${o(l)}px`, this.callbacks.updateBlockText(this.block.id, l);
-    }, n.onfocus = (c) => {
-      const l = i.getBoundingClientRect();
-      this.callbacks.openPopup(this.block.id, l);
-    }, n.onmousedown = (c) => {
-      c.stopPropagation();
-    }, n.onclick = (c) => {
-      c.stopPropagation();
-      const l = i.getBoundingClientRect();
-      this.callbacks.openPopup(this.block.id, l);
-    }, n.onkeydown = (c) => {
-      if (c.key === "Backspace" && n.value === "") {
-        c.preventDefault();
-        let l = null;
-        e.state.field(k).between(0, e.state.doc.length, (a, r, s) => {
-          s.spec.widget === this && (l = a);
-        }), l !== null && (this.callbacks.deleteBlock(this.block.id), e.dispatch({
-          changes: { from: l, to: l + 1 },
-          selection: { anchor: l }
+    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();
+      this.callbacks.openPopup(this.block.id, s);
+    }, o.onmousedown = (i) => {
+      i.stopPropagation();
+    }, o.onclick = (i) => {
+      i.stopPropagation();
+      const s = t.getBoundingClientRect();
+      this.callbacks.openPopup(this.block.id, s);
+    }, o.onkeydown = (i) => {
+      if (i.key === "Backspace" && o.value === "") {
+        i.preventDefault();
+        let s = null;
+        e.state.field(k).between(0, e.state.doc.length, (c, d, a) => {
+          a.spec.widget === this && (s = c);
+        }), s !== null && (this.callbacks.deleteBlock(this.block.id), e.dispatch({
+          changes: { from: s, to: s + 1 },
+          selection: { anchor: s }
         }));
       }
-    }, i.appendChild(n), i;
+    }, t.appendChild(o), t;
   }
   ignoreEvent(e) {
     return !0;
   }
 }
-const u = b.define({
-  combine: (t) => t[0]
-}), B = b.define({
-  combine: (t) => t.length ? t[0] : []
-}), k = v.define({
-  create(t) {
-    const e = t.facet(u), i = t.facet(B);
-    if (!i || i.length === 0) return p.none;
-    const n = i.slice().sort((o, c) => o.pos - c.pos).map(({ pos: o, block: c }) => p.replace({
-      widget: new d(c, e)
-    }).range(o, o + 1));
-    return p.set(n, !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);
   },
-  update(t, e) {
-    const i = e.state.facet(u);
-    t = t.map(e.changes);
-    for (let n of e.effects)
-      if (n.is(g)) {
-        const o = e.state.selection.main.head - 1, c = p.replace({
-          widget: new d(n.value, i)
-        }).range(o, o + 1);
-        t = t.update({ add: [c] });
-      } else if (n.is(w)) {
-        const o = n.value;
-        let c = null;
-        t.between(0, e.state.doc.length, (l, a, r) => {
-          const s = r.spec.widget;
-          s instanceof d && s.block.id === o.id && (c = l);
-        }), c !== null && (t = t.update({
-          filter: (l, a, r) => {
-            const s = r.spec.widget;
-            return !(s instanceof d && s.block.id === o.id);
+  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);
           },
           add: [p.replace({
-            widget: new d(o, i)
-          }).range(c, c + 1)]
+            widget: new h(l, t)
+          }).range(i, i + 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 t;
+    return n;
   },
-  provide: (t) => h.decorations.from(t)
-}), L = (t, e) => {
-  const i = t.state.selection.main.head;
-  if (i === 0) return !1;
-  let n = null, o = null;
-  const c = t.state.field(k, !1);
-  return c && c.between(i - 1, i, (l, a, r) => {
-    const s = r.spec.widget;
-    s instanceof d && (n = s.block.id, o = l);
-  }), n && o !== null ? (e.deleteBlock(n), t.dispatch({
-    changes: { from: o, to: o + 1 },
-    selection: { anchor: o }
+  provide: (n) => f.decorations.from(n)
+}), F = (n, e) => {
+  const t = n.state.selection.main.head;
+  if (t === 0) return !1;
+  let o = null, l = null;
+  const i = n.state.field(k, !1);
+  return i && i.between(t - 1, t, (s, c, d) => {
+    const a = d.spec.widget;
+    a instanceof h && (o = a.block.id, l = s);
+  }), o && l !== null ? (e.deleteBlock(o), n.dispatch({
+    changes: { from: l, to: l + 1 },
+    selection: { anchor: l }
   }), !0) : !1;
-}, M = h.theme({
+}, M = f.theme({
   "&": { height: "100%", outline: "none" },
   ".cm-content": { padding: "20px", fontSize: "16px" },
   ".cm-line": { padding: "4px 0" },
@@ -194,52 +232,145 @@ const u = b.define({
   },
   ".cm-header-1": { fontSize: "1.5em", color: "#008c99", fontWeight: "bold" }
 });
-function z(t, e, i = []) {
-  const n = [
-    D(),
-    C.of([
-      ...T,
-      ...P,
+function N(n, e, t = []) {
+  const o = [
+    L(),
+    D.of([
+      ...A,
+      ...G,
       {
         key: "Backspace",
-        run: (c) => L(c, e)
+        run: (i) => F(i, e)
       }
     ]),
-    W({ base: F, codeLanguages: A }),
-    u.of(e),
-    B.of(i),
+    R({ base: $, codeLanguages: I }),
+    g.of(e),
+    S.of(t),
     k,
     M
   ];
-  return E.create({
-    doc: t,
-    extensions: n
+  return C.create({
+    doc: n,
+    extensions: o
   });
 }
-function q(t, e) {
-  return new h({
+function q(n, e) {
+  return new f({
     state: e,
-    parent: t
+    parent: n
   });
 }
-function R(t, e) {
-  var o;
-  const i = t.state.doc.toString(), n = Array.from(e.values());
+function H(n, e) {
+  var l;
+  const t = n.state.doc.toString(), o = Array.from(e.values());
   return {
     json: {
-      content: i,
-      blocks: n
+      content: t,
+      blocks: o
     },
-    html: ((o = t.dom.querySelector(".cm-content")) == null ? void 0 : o.innerHTML) || ""
+    html: ((l = n.dom.querySelector(".cm-content")) == null ? void 0 : l.innerHTML) || ""
   };
 }
+class Q {
+  constructor(e) {
+    r(this, "isGenerating", !1);
+    r(this, "aiStreamTimer", null);
+    r(this, "currentResponse", "");
+    this.callbacks = e;
+  }
+  show(e, t, o) {
+    const l = {
+      top: `${t.bottom - o.top + 10}px`,
+      left: `${t.left - o.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 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);
+  }
+  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 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;
+  }
+}
+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 };
+  }
+}
 export {
+  Q as AIDialogPlugin,
   j as CustomEditor,
-  g as addBlockEffect,
+  X as EditBlockPlugin,
+  J as LibraryBlockPlugin,
+  y as addBlockEffect,
+  v as addPluginBlockEffect,
   k as blockField,
-  z as createEditorState,
+  N as createEditorState,
   q as createEditorView,
   M as editorTheme,
-  R as getEditorData,
-  w as updateBlockEffect
+  H as getEditorData,
+  x as updateBlockEffect
 };

package/dist/editor.umd.cjs

@@ -1 +1,5 @@
-(function(s,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):(s=typeof globalThis<"u"?globalThis:s||self,a(s.AgentArtsEditor={},s.CMState,s.CMView,s.CMCommands,s.CMLangMarkdown,s.CMLangData))})(this,function(s,a,r,m,w,S){"use strict";var M=Object.defineProperty;var P=(s,a,r)=>a in s?M(s,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[a]=r;var k=(s,a,r)=>P(s,typeof a!="symbol"?a+"":a,r);class D{constructor(e){k(this,"view");k(this,"allBlocks",new Map);k(this,"options");this.options=e,e.initialBlocks&&e.initialBlocks.forEach(t=>this.allBlocks.set(t.block.id,t.block));const l={updateBlockText:(t,n)=>{const c=this.allBlocks.get(t);c&&(c.presetText=n,this.allBlocks.set(t,c),this.options.onBlockUpdated&&this.options.onBlockUpdated(t,n))},openPopup:(t,n)=>{this.options.onOpenPopup(t,n)},deleteBlock:t=>{this.allBlocks.delete(t),this.options.onBlockDeleted&&this.options.onBlockDeleted(t)}},o=C(e.initialDoc,l,e.initialBlocks||[]);this.view=new r.EditorView({state:o,parent:e.parent})}addBlock(){const e={id:Math.random().toString(36).substr(2,9),placeholder:"请输入编辑块内容为空时的提示文案",presetText:""};this.allBlocks.set(e.id,e);const{from:l,to:o}=this.view.state.selection.main;return this.view.dispatch({changes:{from:l,to:o,insert:" "},effects:g.of(e),selection:{anchor:l+1}}),this.view.focus(),e}syncBlock(e){this.allBlocks.set(e.id,{...e}),this.view.dispatch({effects:b.of(e)})}getBlock(e){return this.allBlocks.get(e)}getData(){return x(this.view,this.allBlocks)}destroy(){this.view.destroy()}}const g=a.StateEffect.define(),b=a.StateEffect.define();class f extends r.WidgetType{constructor(e,l){super(),this.block=e,this.callbacks=l}toDOM(e){const l=document.createElement("span");l.className="cm-inline-block",l.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 t=n=>{const c=document.createElement("span");c.style.visibility="hidden",c.style.position="absolute",c.style.whiteSpace="pre",c.style.font="inherit",c.textContent=n||o.placeholder,document.body.appendChild(c);const p=c.offsetWidth;return document.body.removeChild(c),p+10};return o.style.width=`${t(o.value)}px`,o.oninput=n=>{const c=n.target.value;o.style.width=`${t(c)}px`,this.callbacks.updateBlockText(this.block.id,c)},o.onfocus=n=>{const c=l.getBoundingClientRect();this.callbacks.openPopup(this.block.id,c)},o.onmousedown=n=>{n.stopPropagation()},o.onclick=n=>{n.stopPropagation();const c=l.getBoundingClientRect();this.callbacks.openPopup(this.block.id,c)},o.onkeydown=n=>{if(n.key==="Backspace"&&o.value===""){n.preventDefault();let c=null;e.state.field(h).between(0,e.state.doc.length,(p,u,d)=>{d.spec.widget===this&&(c=p)}),c!==null&&(this.callbacks.deleteBlock(this.block.id),e.dispatch({changes:{from:c,to:c+1},selection:{anchor:c}}))}},l.appendChild(o),l}ignoreEvent(e){return!0}}const B=a.Facet.define({combine:i=>i[0]}),y=a.Facet.define({combine:i=>i.length?i[0]:[]}),h=a.StateField.define({create(i){const e=i.facet(B),l=i.facet(y);if(!l||l.length===0)return r.Decoration.none;const o=l.slice().sort((t,n)=>t.pos-n.pos).map(({pos:t,block:n})=>r.Decoration.replace({widget:new f(n,e)}).range(t,t+1));return r.Decoration.set(o,!0)},update(i,e){const l=e.state.facet(B);i=i.map(e.changes);for(let o of e.effects)if(o.is(g)){const t=e.state.selection.main.head-1,n=r.Decoration.replace({widget:new f(o.value,l)}).range(t,t+1);i=i.update({add:[n]})}else if(o.is(b)){const t=o.value;let n=null;i.between(0,e.state.doc.length,(c,p,u)=>{const d=u.spec.widget;d instanceof f&&d.block.id===t.id&&(n=c)}),n!==null&&(i=i.update({filter:(c,p,u)=>{const d=u.spec.widget;return!(d instanceof f&&d.block.id===t.id)},add:[r.Decoration.replace({widget:new f(t,l)}).range(n,n+1)]}))}return i},provide:i=>r.EditorView.decorations.from(i)}),T=(i,e)=>{const l=i.state.selection.main.head;if(l===0)return!1;let o=null,t=null;const n=i.state.field(h,!1);return n&&n.between(l-1,l,(c,p,u)=>{const d=u.spec.widget;d instanceof f&&(o=d.block.id,t=c)}),o&&t!==null?(e.deleteBlock(o),i.dispatch({changes:{from:t,to:t+1},selection:{anchor:t}}),!0):!1},E=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 C(i,e,l=[]){const o=[m.history(),r.keymap.of([...m.defaultKeymap,...m.historyKeymap,{key:"Backspace",run:n=>T(n,e)}]),w.markdown({base:w.markdownLanguage,codeLanguages:S.languages}),B.of(e),y.of(l),h,E];return a.EditorState.create({doc:i,extensions:o})}function v(i,e){return new r.EditorView({state:e,parent:i})}function x(i,e){var t;const l=i.state.doc.toString(),o=Array.from(e.values());return{json:{content:l,blocks:o},html:((t=i.dom.querySelector(".cm-content"))==null?void 0:t.innerHTML)||""}}s.CustomEditor=D,s.addBlockEffect=g,s.blockField=h,s.createEditorState=C,s.createEditorView=v,s.editorTheme=E,s.getEditorData=x,s.updateBlockEffect=b,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(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"})});

package/dist/index.d.ts

@@ -0,0 +1,166 @@
+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;
+    allBlocks: Map<string, EditorBlock>;
+    private options;
+    constructor(options: CustomEditorOptions);
+    addBlock(): EditorBlock;
+    addPluginBlock(pos: number, block: PluginBlock): PluginBlock;
+    syncBlock(updatedBlock: EditorBlock): void;
+    getBlock(id: string): EditorBlock | undefined;
+    coordsAtPos(pos: number): Rect | null;
+    getData(): {
+        json: {
+            content: string;
+            blocks: EditorBlock[];
+        };
+        html: string;
+    };
+    destroy(): void;
+}
+
+export declare interface CustomEditorOptions {
+    parent: HTMLElement;
+    initialDoc: string;
+    initialBlocks?: {
+        pos: number;
+        block: EditorBlock;
+    }[];
+    onOpenPopup: (id: string, rect: DOMRect) => void;
+    onTriggerPluginPopup: (pos: number) => void;
+    onTriggerAIDialog: (pos: number) => void;
+    onBlockDeleted?: (id: string) => void;
+    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[];
+    };
+    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 interface PluginBlock {
+    id: string;
+    name: string;
+    type: 'plugin' | 'workflow';
+}
+
+export declare const updateBlockEffect: StateEffectType<EditorBlock>;
+
+export { }

package/package.json

@@ -1,13 +1,33 @@
 {
   "name": "@agent-arts/editor",
-  "version": "0.0.1",
+  "version": "0.0.3",
+  "description": "A prompt editor based on CodeMirror 6, support Vue.js 3 and Angular.",
+  "author": "AgentArts Team",
+  "license": "MIT",
+  "homepage": "https://agent-arts.github.io/editor/",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:agent-arts/editor.git"
+  },
+  "bugs": {
+    "url": "https://github.com/agent-arts/editor"
+  },
+  "keywords": [
+    "prompt",
+    "editor",
+    "codemirror",
+    "agent-arts",
+    "typescript",
+    "ai",
+    "ai-agent"
+  ],
   "type": "module",
   "main": "./dist/editor.umd.cjs",
   "module": "./dist/editor.js",
-  "types": "./dist/core.d.ts",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/core.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/editor.js",
       "require": "./dist/editor.umd.cjs"
     }
@@ -15,6 +35,10 @@
   "files": [
     "dist"
   ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 agent-arts
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/core.d.ts

@@ -1,73 +0,0 @@
-import { DecorationSet } from '@codemirror/view';
-import { EditorState } from '@codemirror/state';
-import { EditorView } from '@codemirror/view';
-import { Extension } from '@codemirror/state';
-import { StateEffectType } from '@codemirror/state';
-import { StateField } from '@codemirror/state';
-
-export declare const addBlockEffect: StateEffectType<EditorBlock>;
-
-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;
-    allBlocks: Map<string, EditorBlock>;
-    private options;
-    constructor(options: CustomEditorOptions);
-    addBlock(): EditorBlock;
-    syncBlock(updatedBlock: EditorBlock): void;
-    getBlock(id: string): EditorBlock | undefined;
-    getData(): {
-        json: {
-            content: string;
-            blocks: EditorBlock[];
-        };
-        html: string;
-    };
-    destroy(): void;
-}
-
-export declare interface CustomEditorOptions {
-    parent: HTMLElement;
-    initialDoc: string;
-    initialBlocks?: {
-        pos: number;
-        block: EditorBlock;
-    }[];
-    onOpenPopup: (id: string, rect: DOMRect) => void;
-    onBlockDeleted?: (id: string) => void;
-    onBlockUpdated?: (id: string, text: string) => 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[];
-    };
-    html: string;
-};
-
-export declare const updateBlockEffect: StateEffectType<EditorBlock>;
-
-export { }