@coze-editor/preset-chat 0.1.0-alpha.687604

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 coze-dev
+
+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/esm/index.js

@@ -0,0 +1,496 @@
+// src/index.ts
+import universalPreset from "@coze-editor/preset-universal";
+import { extension as extension2 } from "@coze-editor/core";
+import { EditorView as EditorView3, keymap } from "@codemirror/view";
+import { defaultKeymap, historyKeymap, history } from "@codemirror/commands";
+
+// src/utils.ts
+function extractElementData(node, text) {
+  const openTag = node.firstChild;
+  let tagName = null;
+  const attributes = {};
+  if (openTag && openTag.name === "OpenTag" && openTag.firstChild) {
+    let sibling = openTag.firstChild.nextSibling;
+    while (true) {
+      if (!sibling) {
+        break;
+      }
+      if (sibling.name === "TagName") {
+        const { from, to } = sibling;
+        tagName = text.slice(from, to);
+      } else if (sibling.name === "Attribute") {
+        const nameNode = sibling.firstChild;
+        const isNode = nameNode == null ? void 0 : nameNode.nextSibling;
+        const valueNode = isNode == null ? void 0 : isNode.nextSibling;
+        if ((nameNode == null ? void 0 : nameNode.name) === "AttributeName" && (isNode == null ? void 0 : isNode.name) === "Is" && ((valueNode == null ? void 0 : valueNode.name) === "AttributeValue" || (valueNode == null ? void 0 : valueNode.name) === "UnquotedAttributeValue")) {
+          const name = text.slice(nameNode.from, nameNode.to);
+          const value = text.slice(valueNode.from, valueNode.to);
+          if (valueNode.name === "AttributeValue") {
+            attributes[name] = decodeURIComponent(value.slice(1, -1));
+          } else {
+            try {
+              attributes[name] = JSON.parse(decodeURIComponent(value));
+            } catch (e) {
+            }
+          }
+        } else if ((nameNode == null ? void 0 : nameNode.name) === "AttributeName" && !isNode && !valueNode) {
+          const name = text.slice(nameNode.from, nameNode.to);
+          attributes[name] = true;
+        }
+      }
+      sibling = sibling.nextSibling;
+    }
+  }
+  if (tagName) {
+    return {
+      tagName,
+      attributes
+    };
+  }
+}
+
+// src/language.ts
+import { parser } from "@lezer/html";
+import { LRLanguage } from "@codemirror/language";
+var htmlParser = parser.configure({
+  dialect: "noMatch"
+});
+function parse(text) {
+  return htmlParser.parse(text);
+}
+var htmlLanguage = LRLanguage.define({
+  parser: htmlParser
+});
+
+// src/schema.ts
+var schemaUtils = {
+  toJSON(text) {
+    const tree = parse(text);
+    const tags = [];
+    tree.iterate({
+      enter(node) {
+        if (node.name === "Element" && node.matchContext(["Document"])) {
+          const data = extractElementData(node.node, text);
+          if (data) {
+            tags.push({
+              from: node.from,
+              to: node.to,
+              ...data
+            });
+          }
+        }
+      }
+    });
+    let pos = 0;
+    const elements = [];
+    for (const tag of tags) {
+      const { from, to, tagName, attributes } = tag;
+      if (from < pos) {
+        continue;
+      }
+      if (from > pos) {
+        elements.push({
+          type: "text",
+          value: text.slice(pos, from)
+        });
+      }
+      elements.push({
+        type: "element",
+        tagName,
+        attributes
+      });
+      pos = to;
+    }
+    if (pos < text.length) {
+      elements.push({
+        type: "text",
+        value: text.slice(pos)
+      });
+    }
+    return elements;
+  },
+  fromJSON(elements) {
+    return elements.map((el) => {
+      if (el.type === "element") {
+        return toElementString(el);
+      } else if (el.type === "text") {
+        return el.value;
+      }
+      return "";
+    }).join("");
+  }
+};
+function toElementString(element) {
+  const attrsString = attributesToString(element.attributes);
+  return `<${element.tagName}${attrsString ? ` ${attrsString}` : ""}></${element.tagName}>`;
+}
+var INTERNAL_ID = "cmid";
+function uniqueId() {
+  return `e${Math.random()}`;
+}
+function attributesToString(attributes) {
+  const array = [];
+  let hasId = false;
+  Object.keys(attributes).forEach((key) => {
+    if (key === INTERNAL_ID) {
+      hasId = true;
+    }
+    const value = attributes[key];
+    if (value === true) {
+      array.push(key);
+    } else {
+      array.push(`${key}=${JSON.stringify(encodeURIComponent(value))}`);
+    }
+  });
+  if (!hasId) {
+    array.unshift(`${INTERNAL_ID}="${uniqueId()}"`);
+  }
+  return array.join(" ");
+}
+
+// src/plugins.ts
+import { api, extension, option } from "@coze-editor/core";
+import { EditorView as EditorView2 } from "@codemirror/view";
+import { EditorSelection, StateEffect, StateField as StateField2 } from "@codemirror/state";
+
+// src/extension.ts
+import { createPortal, flushSync } from "react-dom";
+import { createElement } from "react";
+import { createRoot } from "react-dom/client";
+import { FacetCombineStrategy } from "@coze-editor/utils";
+import { connector } from "@coze-editor/react";
+import {
+  Decoration,
+  EditorView,
+  WidgetType
+} from "@codemirror/view";
+import {
+  Facet,
+  RangeSetBuilder,
+  StateField
+} from "@codemirror/state";
+import { syntaxTree } from "@codemirror/language";
+
+// src/context.tsx
+import React, { createContext, useContext } from "react";
+var Context = createContext("");
+function ElementProvider({
+  internalId,
+  children
+}) {
+  return /* @__PURE__ */ React.createElement(Context.Provider, { value: internalId }, children);
+}
+function useElementId() {
+  const id = useContext(Context);
+  return id;
+}
+
+// src/extension.ts
+var ElementWidget = class extends WidgetType {
+  constructor(definition, id, props) {
+    super();
+    this.definition = definition;
+    this.id = id;
+    this.props = props;
+    const element = document.createElement("span");
+    this.element = element;
+    this.root = createRoot(element);
+  }
+  $$type = "element";
+  root;
+  element;
+  view = null;
+  get elementId() {
+    return `element-${this.id}`;
+  }
+  toDOM(view) {
+    this.view = view;
+    const c = view.state.facet(connector);
+    queueMicrotask(() => {
+      flushSync(() => {
+        const jsxElement = createElement(ElementProvider, {
+          internalId: this.id,
+          children: createElement(this.definition.render, this.props)
+        });
+        c.connect(this.elementId, createPortal(jsxElement, this.element));
+      });
+    });
+    return this.element;
+  }
+  eq(other) {
+    return this.id === other.id && this.props && other.props && JSON.stringify(this.props) === JSON.stringify(other.props);
+  }
+  destroy() {
+    if (this.view) {
+      const c = this.view.state.facet(connector);
+      c.disconnect(this.elementId);
+    }
+  }
+  ignoreEvent(event) {
+    return false;
+  }
+};
+var elementsFacet = Facet.define({
+  combine: FacetCombineStrategy.Last
+});
+var field = StateField.define({
+  create(state) {
+    return build(state);
+  },
+  update(value, tr) {
+    if (tr.docChanged) {
+      return build(tr.state);
+    }
+    return value;
+  },
+  provide(f) {
+    return [
+      EditorView.decorations.of((view) => view.state.field(f)),
+      EditorView.atomicRanges.of((view) => view.state.field(f))
+    ];
+  }
+});
+function build(state) {
+  const tree = syntaxTree(state);
+  const builder = new RangeSetBuilder();
+  tree.iterate({
+    enter(node) {
+      const data = extract(node.node, state);
+      if (data) {
+        const allElements = state.facet(elementsFacet);
+        const definition = allElements[data.tagName];
+        builder.add(
+          node.from,
+          node.to,
+          Decoration.replace({
+            widget: new ElementWidget(definition, data.internalId, data.props)
+          })
+        );
+      }
+      if (node.matchContext(["Document"])) {
+        return false;
+      }
+      return true;
+    }
+  });
+  const decorations = builder.finish();
+  return decorations;
+}
+function extract(node, state) {
+  if (node.name === "Element") {
+    const elementData = extractElementData(node.node, state.doc.toString());
+    if (elementData) {
+      const { tagName, attributes } = elementData;
+      const { [INTERNAL_ID]: internalId, ...props } = attributes ?? {};
+      return {
+        tagName,
+        internalId,
+        props
+      };
+    }
+  }
+}
+function chatExtension() {
+  return [
+    field
+    // selectionEnlarger.of(state => {
+    //   const decorations = state.field(field);
+    //   const cursor = decorations.iter();
+    //   const array = [];
+    //   while (cursor.value) {
+    //     const widget = cursor.value.spec?.widget;
+    //     const { from, to } = cursor;
+    //     if (isElementWidget(widget)) {
+    //       array.push({
+    //         source: { from, to },
+    //         target: { from, to },
+    //       });
+    //     }
+    //     cursor.next();
+    //   }
+    //   return array;
+    // }),
+  ];
+}
+
+// src/plugins.ts
+var focusedEffect = StateEffect.define();
+var focusedField = StateField2.define({
+  create() {
+    return false;
+  },
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(focusedEffect)) {
+        return true;
+      }
+    }
+    return value;
+  }
+});
+function insertElement({ view }) {
+  return (element) => {
+    let selection = view.state.selection.main;
+    const hasFocused = view.state.field(focusedField, false);
+    if (hasFocused === false) {
+      selection = EditorSelection.cursor(view.state.doc.length);
+    }
+    const insert = toElementString(element);
+    view.dispatch({
+      changes: {
+        from: selection.from,
+        to: selection.to,
+        insert
+      },
+      selection: EditorSelection.cursor(selection.from + insert.length)
+    });
+  };
+}
+var plugins = [
+  extension([
+    focusedField,
+    EditorView2.domEventObservers({
+      click(e, view) {
+        view.dispatch({
+          effects: focusedEffect.of(null)
+        });
+      }
+    }),
+    chatExtension()
+  ]),
+  api("insertElement", insertElement),
+  option(
+    "elements",
+    (elements) => elementsFacet.of(elements)
+  )
+];
+var plugins_default = plugins;
+
+// src/hooks.tsx
+import { useLayoutEffect, useRef, useState } from "react";
+import {
+  useEditor,
+  useInjector
+} from "@coze-editor/react";
+import { ViewPlugin } from "@codemirror/view";
+import { EditorSelection as EditorSelection2 } from "@codemirror/state";
+function useCurrentElement() {
+  const editor = useEditor();
+  const elementId = useElementId();
+  const injector = useInjector();
+  const [isSelected, setIsSelected] = useState(false);
+  const elementIdRef = useRef(elementId);
+  elementIdRef.current = elementId;
+  function select() {
+    var _a;
+    if (!editor) {
+      return;
+    }
+    const view = editor.$view;
+    const decorations = view.state.field(field);
+    const cursor = decorations.iter();
+    while (cursor.value) {
+      const { spec } = cursor.value;
+      if (((_a = spec == null ? void 0 : spec.widget) == null ? void 0 : _a.id) === elementId) {
+        view.dispatch({
+          selection: EditorSelection2.range(cursor.from, cursor.to)
+        });
+        break;
+      }
+      cursor.next();
+    }
+  }
+  function remove() {
+    if (!editor) {
+      return;
+    }
+    const view = editor.$view;
+    if (view.state.readOnly) {
+      return;
+    }
+    const range = findElement(view.state, elementId);
+    if (range) {
+      view.dispatch({
+        changes: {
+          from: range.from,
+          to: range.to,
+          insert: ""
+        },
+        selection: EditorSelection2.cursor(range.from)
+      });
+    }
+  }
+  useLayoutEffect(() => {
+    function selectionContainsCurrentElement(state) {
+      const range = findElement(state, elementId);
+      const { ranges } = state.selection;
+      if (!range) {
+        return false;
+      }
+      for (const r of ranges) {
+        if (r.from <= range.from && r.to >= range.to) {
+          return true;
+        }
+      }
+      return false;
+    }
+    const plugin = ViewPlugin.fromClass(
+      class {
+        constructor(view) {
+          const contains = selectionContainsCurrentElement(view.state);
+          setIsSelected(contains);
+        }
+        update(update) {
+          if (update.selectionSet) {
+            const contains = selectionContainsCurrentElement(update.state);
+            setIsSelected(contains);
+          }
+        }
+      }
+    );
+    return injector.inject([plugin]);
+  }, [injector]);
+  return {
+    isSelected,
+    select,
+    remove
+  };
+}
+function findElement(state, elementId) {
+  var _a;
+  const decorations = state.field(field);
+  const cursor = decorations.iter();
+  while (cursor.value) {
+    const { spec } = cursor.value;
+    if (((_a = spec == null ? void 0 : spec.widget) == null ? void 0 : _a.id) === elementId) {
+      return {
+        from: cursor.from,
+        to: cursor.to
+      };
+    }
+    cursor.next();
+  }
+}
+
+// src/index.ts
+var preset = [
+  ...universalPreset,
+  extension2([
+    EditorView3.theme({
+      "&.cm-focused": {
+        outline: "none"
+      }
+    }),
+    htmlLanguage,
+    history(),
+    keymap.of([...defaultKeymap, ...historyKeymap])
+  ]),
+  ...plugins_default
+];
+var index_default = preset;
+export {
+  index_default as default,
+  schemaUtils,
+  useCurrentElement
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts","../../src/utils.ts","../../src/language.ts","../../src/schema.ts","../../src/plugins.ts","../../src/extension.ts","../../src/context.tsx","../../src/hooks.tsx"],"sourcesContent":["import universalPreset from '@coze-editor/preset-universal';\nimport { extension, type InferEditorAPIFromPlugins } from '@coze-editor/core';\nimport { EditorView, keymap } from '@codemirror/view';\nimport { defaultKeymap, historyKeymap, history } from '@codemirror/commands';\n\nimport {\n  type EditorNode,\n  type EditorElement,\n  type EditorText,\n  schemaUtils,\n} from './schema';\nimport plugins from './plugins';\nimport { htmlLanguage } from './language';\nimport { useCurrentElement } from './hooks';\n\nconst preset = [\n  ...universalPreset,\n  extension([\n    EditorView.theme({\n      '&.cm-focused': {\n        outline: 'none',\n      },\n    }),\n    htmlLanguage,\n    history(),\n    keymap.of([...defaultKeymap, ...historyKeymap]),\n  ]),\n  ...plugins,\n];\n\ntype EditorAPI = InferEditorAPIFromPlugins<typeof preset>;\n\nexport default preset;\n\nexport { schemaUtils, useCurrentElement };\n\nexport type { EditorAPI, EditorNode, EditorElement, EditorText };\n","/* eslint-disable complexity */\n\nimport { type SyntaxNode } from '@lezer/common';\n\nfunction extractElementData(node: SyntaxNode, text: string) {\n  const openTag = node.firstChild;\n\n  let tagName: string | null = null;\n  const attributes: Record<string, any> = {};\n\n  if (openTag && openTag.name === 'OpenTag' && openTag.firstChild) {\n    let sibling = openTag.firstChild.nextSibling;\n    while (true) {\n      if (!sibling) {\n        break;\n      }\n\n      if (sibling.name === 'TagName') {\n        const { from, to } = sibling;\n        tagName = text.slice(from, to);\n      } else if (sibling.name === 'Attribute') {\n        const nameNode = sibling.firstChild;\n        const isNode = nameNode?.nextSibling;\n        const valueNode = isNode?.nextSibling;\n        if (\n          nameNode?.name === 'AttributeName' &&\n          isNode?.name === 'Is' &&\n          (valueNode?.name === 'AttributeValue' ||\n            valueNode?.name === 'UnquotedAttributeValue')\n        ) {\n          const name = text.slice(nameNode.from, nameNode.to);\n          const value = text.slice(valueNode.from, valueNode.to);\n\n          if (valueNode.name === 'AttributeValue') {\n            attributes[name] = decodeURIComponent(value.slice(1, -1));\n          } else {\n            try {\n              attributes[name] = JSON.parse(decodeURIComponent(value));\n            } catch (e) {\n              /* empty */\n            }\n          }\n        } else if (\n          nameNode?.name === 'AttributeName' &&\n          !isNode &&\n          !valueNode\n        ) {\n          const name = text.slice(nameNode.from, nameNode.to);\n          attributes[name] = true;\n        }\n      }\n\n      sibling = sibling.nextSibling;\n    }\n  }\n\n  if (tagName) {\n    return {\n      tagName,\n      attributes,\n    };\n  }\n}\n\nexport { extractElementData };\n","import { parser } from '@lezer/html';\nimport { LRLanguage } from '@codemirror/language';\n\nconst htmlParser = parser.configure({\n  dialect: 'noMatch',\n});\n\nfunction parse(text: string) {\n  return htmlParser.parse(text);\n}\n\nconst htmlLanguage = LRLanguage.define({\n  parser: htmlParser,\n});\n\nexport { parse, htmlLanguage };\n","import { extractElementData } from './utils';\nimport { parse } from './language';\n\ninterface EditorElement<Attrs = Record<string, any>> {\n  type: 'element';\n  tagName: string;\n  attributes: Attrs;\n}\n\ninterface EditorText {\n  type: 'text';\n  value: string;\n}\n\ntype EditorNode = EditorElement | EditorText;\n\nconst schemaUtils = {\n  toJSON(text: string): EditorNode[] {\n    const tree = parse(text);\n    const tags: {\n      from: number;\n      to: number;\n      tagName: string;\n      attributes: Record<string, any>;\n    }[] = [];\n    tree.iterate({\n      enter(node) {\n        if (node.name === 'Element' && node.matchContext(['Document'])) {\n          const data = extractElementData(node.node, text);\n          if (data) {\n            tags.push({\n              from: node.from,\n              to: node.to,\n              ...data,\n            });\n          }\n        }\n      },\n    });\n\n    let pos = 0;\n    const elements: EditorNode[] = [];\n    for (const tag of tags) {\n      const { from, to, tagName, attributes } = tag;\n\n      // overlap, skip this element\n      if (from < pos) {\n        continue;\n      }\n\n      if (from > pos) {\n        elements.push({\n          type: 'text',\n          value: text.slice(pos, from),\n        });\n      }\n\n      elements.push({\n        type: 'element',\n        tagName,\n        attributes,\n      });\n\n      pos = to;\n    }\n\n    if (pos < text.length) {\n      elements.push({\n        type: 'text',\n        value: text.slice(pos),\n      });\n    }\n\n    return elements;\n  },\n  fromJSON(elements: EditorNode[]): string {\n    return elements\n      .map(el => {\n        if (el.type === 'element') {\n          return toElementString(el);\n        } else if (el.type === 'text') {\n          return el.value;\n        }\n        return '';\n      })\n      .join('');\n  },\n};\n\nfunction toElementString(element: Omit<EditorElement, 'type'>) {\n  const attrsString = attributesToString(element.attributes);\n  return `<${element.tagName}${attrsString ? ` ${attrsString}` : ''}></${element.tagName}>`;\n}\n\nconst INTERNAL_ID = 'cmid';\n\nfunction uniqueId() {\n  return `e${Math.random()}`;\n}\n\nfunction attributesToString(attributes: EditorElement['attributes']) {\n  const array: string[] = [];\n  let hasId = false;\n\n  Object.keys(attributes).forEach(key => {\n    if (key === INTERNAL_ID) {\n      hasId = true;\n    }\n    const value = attributes[key];\n    if (value === true) {\n      array.push(key);\n    } else {\n      array.push(`${key}=${JSON.stringify(encodeURIComponent(value))}`);\n    }\n  });\n\n  if (!hasId) {\n    array.unshift(`${INTERNAL_ID}=\"${uniqueId()}\"`);\n  }\n\n  return array.join(' ');\n}\n\nexport { schemaUtils, toElementString, INTERNAL_ID };\nexport type { EditorNode, EditorElement, EditorText };\n","import { api, extension, option } from '@coze-editor/core';\nimport { EditorView } from '@codemirror/view';\nimport { EditorSelection, StateEffect, StateField } from '@codemirror/state';\n\nimport { type EditorElement, toElementString } from './schema';\nimport {\n  chatExtension,\n  type ElementsDefinition,\n  elementsFacet,\n} from './extension';\n\nconst focusedEffect = StateEffect.define();\n\nconst focusedField = StateField.define<boolean>({\n  create() {\n    return false;\n  },\n  update(value, tr) {\n    for (const effect of tr.effects) {\n      if (effect.is(focusedEffect)) {\n        return true;\n      }\n    }\n\n    return value;\n  },\n});\n\nfunction insertElement({ view }: { view: EditorView }) {\n  return (element: Omit<EditorElement, 'type'>) => {\n    let selection = view.state.selection.main;\n\n    const hasFocused = view.state.field(focusedField, false);\n    if (hasFocused === false) {\n      selection = EditorSelection.cursor(view.state.doc.length);\n    }\n\n    const insert = toElementString(element);\n    view.dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert,\n      },\n      selection: EditorSelection.cursor(selection.from + insert.length),\n    });\n  };\n}\n\nconst plugins = [\n  extension([\n    focusedField,\n    EditorView.domEventObservers({\n      click(e, view) {\n        view.dispatch({\n          effects: focusedEffect.of(null),\n        });\n      },\n    }),\n    chatExtension(),\n  ]),\n  api('insertElement', insertElement),\n  option('elements', (elements: ElementsDefinition) =>\n    elementsFacet.of(elements),\n  ),\n];\n\nexport default plugins;\n","import { createPortal, flushSync } from 'react-dom';\nimport { createElement, type ReactNode } from 'react';\n\nimport { createRoot, type Root } from 'react-dom/client';\nimport { type SyntaxNode } from '@lezer/common';\nimport { FacetCombineStrategy } from '@coze-editor/utils';\nimport { connector } from '@coze-editor/react';\nimport {\n  Decoration,\n  type DecorationSet,\n  EditorView,\n  WidgetType,\n} from '@codemirror/view';\nimport {\n  type EditorState,\n  Facet,\n  RangeSetBuilder,\n  StateField,\n} from '@codemirror/state';\nimport { syntaxTree } from '@codemirror/language';\n\nimport { extractElementData } from './utils';\nimport { INTERNAL_ID } from './schema';\nimport { ElementProvider } from './context';\n\ninterface ElementDefinition {\n  render: (props: any) => ReactNode;\n}\n\ninterface ElementsDefinition {\n  [key: string]: ElementDefinition;\n}\n\nclass ElementWidget extends WidgetType {\n  public $$type = 'element';\n  private root: Root;\n  private element: HTMLElement;\n  private view: EditorView | null = null;\n  constructor(\n    public definition: ElementDefinition,\n    public id: string,\n    public props: any,\n  ) {\n    super();\n\n    const element = document.createElement('span');\n    this.element = element;\n    this.root = createRoot(element);\n  }\n\n  get elementId() {\n    return `element-${this.id}`;\n  }\n\n  toDOM(view: EditorView) {\n    this.view = view;\n\n    const c = view.state.facet(connector);\n    queueMicrotask(() => {\n      flushSync(() => {\n        const jsxElement = createElement(ElementProvider, {\n          internalId: this.id,\n          children: createElement(this.definition.render, this.props),\n        });\n        c.connect(this.elementId, createPortal(jsxElement, this.element));\n      });\n    });\n    return this.element;\n  }\n\n  eq(other: ElementWidget) {\n    return (\n      this.id === other.id &&\n      this.props &&\n      other.props &&\n      JSON.stringify(this.props) === JSON.stringify(other.props)\n    );\n  }\n\n  destroy(): void {\n    if (this.view) {\n      const c = this.view.state.facet(connector);\n      c.disconnect(this.elementId);\n    }\n  }\n\n  ignoreEvent(event: Event): boolean {\n    return false;\n  }\n}\n\n// function isElementWidget(widget: WidgetType | null) {\n//   return (widget as any)?.$$type === 'element';\n// }\n\nconst elementsFacet = Facet.define<ElementsDefinition, ElementsDefinition>({\n  combine: FacetCombineStrategy.Last,\n});\n\nconst field = StateField.define({\n  create(state) {\n    return build(state);\n  },\n  update(value, tr) {\n    if (tr.docChanged) {\n      return build(tr.state);\n    }\n    return value;\n  },\n  provide(f) {\n    return [\n      EditorView.decorations.of(view => view.state.field(f)),\n      EditorView.atomicRanges.of(view => view.state.field(f)),\n    ];\n  },\n});\n\nfunction build(state: EditorState): DecorationSet {\n  const tree = syntaxTree(state);\n  const builder = new RangeSetBuilder<Decoration>();\n  tree.iterate({\n    enter(node) {\n      const data = extract(node.node, state);\n      if (data) {\n        const allElements = state.facet(elementsFacet);\n        const definition = allElements[data.tagName];\n        builder.add(\n          node.from,\n          node.to,\n          Decoration.replace({\n            widget: new ElementWidget(definition, data.internalId, data.props),\n          }),\n        );\n      }\n\n      if (node.matchContext(['Document'])) {\n        return false;\n      }\n\n      return true;\n    },\n  });\n\n  const decorations = builder.finish();\n\n  return decorations;\n}\n\nfunction extract(node: SyntaxNode, state: EditorState) {\n  if (node.name === 'Element') {\n    const elementData = extractElementData(node.node, state.doc.toString());\n\n    if (elementData) {\n      const { tagName, attributes } = elementData;\n      const { [INTERNAL_ID]: internalId, ...props } = attributes ?? {};\n\n      return {\n        tagName,\n        internalId,\n        props,\n      };\n    }\n  }\n}\n\nfunction chatExtension() {\n  return [\n    field,\n    // selectionEnlarger.of(state => {\n    //   const decorations = state.field(field);\n    //   const cursor = decorations.iter();\n    //   const array = [];\n\n    //   while (cursor.value) {\n    //     const widget = cursor.value.spec?.widget;\n    //     const { from, to } = cursor;\n    //     if (isElementWidget(widget)) {\n    //       array.push({\n    //         source: { from, to },\n    //         target: { from, to },\n    //       });\n    //     }\n\n    //     cursor.next();\n    //   }\n\n    //   return array;\n    // }),\n  ];\n}\n\nexport { field, chatExtension, elementsFacet };\n\nexport type { ElementsDefinition };\n","import React, { createContext, type ReactNode, useContext } from 'react';\n\nconst Context = createContext('');\n\nfunction ElementProvider({\n  internalId,\n  children,\n}: {\n  internalId: string;\n  children: ReactNode;\n}) {\n  return <Context.Provider value={internalId}>{children}</Context.Provider>;\n}\n\nfunction useElementId() {\n  const id = useContext(Context);\n  return id;\n}\n\nexport { ElementProvider, useElementId };\n","import { useLayoutEffect, useRef, useState } from 'react';\n\nimport {\n  type BuiltinEditorAPI,\n  useEditor,\n  useInjector,\n} from '@coze-editor/react';\nimport { type EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';\nimport { EditorSelection, type EditorState } from '@codemirror/state';\n\nimport { field } from './extension';\nimport { useElementId } from './context';\n\nfunction useCurrentElement() {\n  const editor = useEditor<BuiltinEditorAPI | null>();\n  const elementId = useElementId();\n  const injector = useInjector();\n  const [isSelected, setIsSelected] = useState(false);\n  const elementIdRef = useRef(elementId);\n\n  elementIdRef.current = elementId;\n\n  function select() {\n    if (!editor) {\n      return;\n    }\n\n    const view = editor.$view;\n\n    const decorations = view.state.field(field);\n\n    const cursor = decorations.iter();\n    while (cursor.value) {\n      const { spec } = cursor.value;\n      if (spec?.widget?.id === elementId) {\n        view.dispatch({\n          selection: EditorSelection.range(cursor.from, cursor.to),\n        });\n        break;\n      }\n      cursor.next();\n    }\n  }\n\n  function remove() {\n    if (!editor) {\n      return;\n    }\n\n    const view = editor.$view;\n\n    if (view.state.readOnly) {\n      return;\n    }\n\n    const range = findElement(view.state, elementId);\n    if (range) {\n      view.dispatch({\n        changes: {\n          from: range.from,\n          to: range.to,\n          insert: '',\n        },\n        selection: EditorSelection.cursor(range.from),\n      });\n    }\n  }\n\n  useLayoutEffect(() => {\n    function selectionContainsCurrentElement(state: EditorState) {\n      const range = findElement(state, elementId);\n      const { ranges } = state.selection;\n      if (!range) {\n        return false;\n      }\n\n      for (const r of ranges) {\n        if (r.from <= range.from && r.to >= range.to) {\n          return true;\n        }\n      }\n\n      return false;\n    }\n\n    const plugin = ViewPlugin.fromClass(\n      class {\n        constructor(view: EditorView) {\n          const contains = selectionContainsCurrentElement(view.state);\n          setIsSelected(contains);\n        }\n\n        update(update: ViewUpdate) {\n          if (update.selectionSet) {\n            const contains = selectionContainsCurrentElement(update.state);\n            setIsSelected(contains);\n          }\n        }\n      },\n    );\n\n    return injector.inject([plugin]);\n  }, [injector]);\n\n  return {\n    isSelected,\n    select,\n    remove,\n  };\n}\n\nfunction findElement(state: EditorState, elementId: string) {\n  const decorations = state.field(field);\n\n  const cursor = decorations.iter();\n  while (cursor.value) {\n    const { spec } = cursor.value;\n    if (spec?.widget?.id === elementId) {\n      return {\n        from: cursor.from,\n        to: cursor.to,\n      };\n    }\n    cursor.next();\n  }\n}\n\nexport { useCurrentElement };\n"],"mappings":"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","names":["extension","EditorView","EditorView","StateField","StateField","EditorView","EditorSelection","EditorSelection","extension","EditorView"]}

package/dist/index.d.mts

@@ -0,0 +1,60 @@
+import { ReactNode } from 'react';
+import * as _codemirror_view from '@codemirror/view';
+import * as _codemirror_state from '@codemirror/state';
+import * as _coze_editor_core from '@coze-editor/core';
+import { InferEditorAPIFromPlugins } from '@coze-editor/core';
+
+interface ElementDefinition {
+    render: (props: any) => ReactNode;
+}
+interface ElementsDefinition {
+    [key: string]: ElementDefinition;
+}
+
+interface EditorElement<Attrs = Record<string, any>> {
+    type: 'element';
+    tagName: string;
+    attributes: Attrs;
+}
+interface EditorText {
+    type: 'text';
+    value: string;
+}
+type EditorNode = EditorElement | EditorText;
+declare const schemaUtils: {
+    toJSON(text: string): EditorNode[];
+    fromJSON(elements: EditorNode[]): string;
+};
+
+declare function useCurrentElement(): {
+    isSelected: boolean;
+    select: () => void;
+    remove: () => void;
+};
+
+declare const preset: (_coze_editor_core.ExtensionPluginSpec | _coze_editor_core.OptionPluginSpec<"fontSize", number> | _coze_editor_core.OptionPluginSpec<"placeholder", string | HTMLElement> | _coze_editor_core.OptionPluginSpec<"readOnly", boolean> | _coze_editor_core.OptionPluginSpec<"editable", boolean> | _coze_editor_core.OptionPluginSpec<"lineWrapping", boolean> | _coze_editor_core.OptionPluginSpec<"height", string | number> | _coze_editor_core.OptionPluginSpec<"minHeight", string | number> | _coze_editor_core.OptionPluginSpec<"maxHeight", string | number> | _coze_editor_core.APIPluginSpec<"getValue", [], string> | _coze_editor_core.APIPluginSpec<"setValue", [value: string], void> | _coze_editor_core.APIPluginSpec<"replaceText", [options: {
+    from: number;
+    to: number;
+    text: string;
+    cursorOffset?: number;
+    scrollIntoView?: boolean;
+    userEvent?: string;
+}], void> | _coze_editor_core.APIPluginSpec<"getCursorPosition", [], number> | _coze_editor_core.APIPluginSpec<"setCursorPosition", [pos: number], void> | _coze_editor_core.APIPluginSpec<"focus", [], void> | _coze_editor_core.APIPluginSpec<"blur", [], void> | _coze_editor_core.APIPluginSpec<"disableKeybindings", [keys: string[]], void> | _coze_editor_core.APIPluginSpec<"updateASTDecorations", [], void> | _coze_editor_core.APIPluginSpec<"undo", [], void> | _coze_editor_core.APIPluginSpec<"redo", [], void> | _coze_editor_core.APIPluginSpec<"transformTextInSelection", [transformer: (text: string) => string | undefined], void> | _coze_editor_core.APIPluginSpec<"getSelection", [], {
+    from: number;
+    to: number;
+    anchor: number;
+    head: number;
+}> | _coze_editor_core.APIPluginSpec<"getLineInfoAtPosition", [pos: number], _codemirror_state.Line> | _coze_editor_core.EventPluginSpec<"selectionChange", {
+    selection: {
+        from: number;
+        to: number;
+        head: number;
+        anchor: number;
+    };
+    update: _codemirror_view.ViewUpdate;
+}> | _coze_editor_core.EventPluginSpec<"change", {
+    value: string;
+}> | _coze_editor_core.EventPluginSpec<"focus", symbol> | _coze_editor_core.EventPluginSpec<"blur", symbol> | _coze_editor_core.DOMEventHandlerPluginSpec<"mousedown"> | _coze_editor_core.DOMEventHandlerPluginSpec<"mouseup"> | _coze_editor_core.APIPluginSpec<"insertElement", [element: Omit<EditorElement<Record<string, any>>, "type">], void> | _coze_editor_core.OptionPluginSpec<"elements", ElementsDefinition>)[];
+type EditorAPI = InferEditorAPIFromPlugins<typeof preset>;
+
+export { type EditorAPI, type EditorElement, type EditorNode, type EditorText, preset as default, schemaUtils, useCurrentElement };

package/dist/index.d.ts

@@ -0,0 +1,60 @@
+import { ReactNode } from 'react';
+import * as _codemirror_view from '@codemirror/view';
+import * as _codemirror_state from '@codemirror/state';
+import * as _coze_editor_core from '@coze-editor/core';
+import { InferEditorAPIFromPlugins } from '@coze-editor/core';
+
+interface ElementDefinition {
+    render: (props: any) => ReactNode;
+}
+interface ElementsDefinition {
+    [key: string]: ElementDefinition;
+}
+
+interface EditorElement<Attrs = Record<string, any>> {
+    type: 'element';
+    tagName: string;
+    attributes: Attrs;
+}
+interface EditorText {
+    type: 'text';
+    value: string;
+}
+type EditorNode = EditorElement | EditorText;
+declare const schemaUtils: {
+    toJSON(text: string): EditorNode[];
+    fromJSON(elements: EditorNode[]): string;
+};
+
+declare function useCurrentElement(): {
+    isSelected: boolean;
+    select: () => void;
+    remove: () => void;
+};
+
+declare const preset: (_coze_editor_core.ExtensionPluginSpec | _coze_editor_core.OptionPluginSpec<"fontSize", number> | _coze_editor_core.OptionPluginSpec<"placeholder", string | HTMLElement> | _coze_editor_core.OptionPluginSpec<"readOnly", boolean> | _coze_editor_core.OptionPluginSpec<"editable", boolean> | _coze_editor_core.OptionPluginSpec<"lineWrapping", boolean> | _coze_editor_core.OptionPluginSpec<"height", string | number> | _coze_editor_core.OptionPluginSpec<"minHeight", string | number> | _coze_editor_core.OptionPluginSpec<"maxHeight", string | number> | _coze_editor_core.APIPluginSpec<"getValue", [], string> | _coze_editor_core.APIPluginSpec<"setValue", [value: string], void> | _coze_editor_core.APIPluginSpec<"replaceText", [options: {
+    from: number;
+    to: number;
+    text: string;
+    cursorOffset?: number;
+    scrollIntoView?: boolean;
+    userEvent?: string;
+}], void> | _coze_editor_core.APIPluginSpec<"getCursorPosition", [], number> | _coze_editor_core.APIPluginSpec<"setCursorPosition", [pos: number], void> | _coze_editor_core.APIPluginSpec<"focus", [], void> | _coze_editor_core.APIPluginSpec<"blur", [], void> | _coze_editor_core.APIPluginSpec<"disableKeybindings", [keys: string[]], void> | _coze_editor_core.APIPluginSpec<"updateASTDecorations", [], void> | _coze_editor_core.APIPluginSpec<"undo", [], void> | _coze_editor_core.APIPluginSpec<"redo", [], void> | _coze_editor_core.APIPluginSpec<"transformTextInSelection", [transformer: (text: string) => string | undefined], void> | _coze_editor_core.APIPluginSpec<"getSelection", [], {
+    from: number;
+    to: number;
+    anchor: number;
+    head: number;
+}> | _coze_editor_core.APIPluginSpec<"getLineInfoAtPosition", [pos: number], _codemirror_state.Line> | _coze_editor_core.EventPluginSpec<"selectionChange", {
+    selection: {
+        from: number;
+        to: number;
+        head: number;
+        anchor: number;
+    };
+    update: _codemirror_view.ViewUpdate;
+}> | _coze_editor_core.EventPluginSpec<"change", {
+    value: string;
+}> | _coze_editor_core.EventPluginSpec<"focus", symbol> | _coze_editor_core.EventPluginSpec<"blur", symbol> | _coze_editor_core.DOMEventHandlerPluginSpec<"mousedown"> | _coze_editor_core.DOMEventHandlerPluginSpec<"mouseup"> | _coze_editor_core.APIPluginSpec<"insertElement", [element: Omit<EditorElement<Record<string, any>>, "type">], void> | _coze_editor_core.OptionPluginSpec<"elements", ElementsDefinition>)[];
+type EditorAPI = InferEditorAPIFromPlugins<typeof preset>;
+
+export { type EditorAPI, type EditorElement, type EditorNode, type EditorText, preset as default, schemaUtils, useCurrentElement };

package/dist/index.js

@@ -0,0 +1,520 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default,
+  schemaUtils: () => schemaUtils,
+  useCurrentElement: () => useCurrentElement
+});
+module.exports = __toCommonJS(index_exports);
+var import_preset_universal = __toESM(require("@coze-editor/preset-universal"));
+var import_core2 = require("@coze-editor/core");
+var import_view4 = require("@codemirror/view");
+var import_commands = require("@codemirror/commands");
+
+// src/utils.ts
+function extractElementData(node, text) {
+  const openTag = node.firstChild;
+  let tagName = null;
+  const attributes = {};
+  if (openTag && openTag.name === "OpenTag" && openTag.firstChild) {
+    let sibling = openTag.firstChild.nextSibling;
+    while (true) {
+      if (!sibling) {
+        break;
+      }
+      if (sibling.name === "TagName") {
+        const { from, to } = sibling;
+        tagName = text.slice(from, to);
+      } else if (sibling.name === "Attribute") {
+        const nameNode = sibling.firstChild;
+        const isNode = nameNode == null ? void 0 : nameNode.nextSibling;
+        const valueNode = isNode == null ? void 0 : isNode.nextSibling;
+        if ((nameNode == null ? void 0 : nameNode.name) === "AttributeName" && (isNode == null ? void 0 : isNode.name) === "Is" && ((valueNode == null ? void 0 : valueNode.name) === "AttributeValue" || (valueNode == null ? void 0 : valueNode.name) === "UnquotedAttributeValue")) {
+          const name = text.slice(nameNode.from, nameNode.to);
+          const value = text.slice(valueNode.from, valueNode.to);
+          if (valueNode.name === "AttributeValue") {
+            attributes[name] = decodeURIComponent(value.slice(1, -1));
+          } else {
+            try {
+              attributes[name] = JSON.parse(decodeURIComponent(value));
+            } catch (e) {
+            }
+          }
+        } else if ((nameNode == null ? void 0 : nameNode.name) === "AttributeName" && !isNode && !valueNode) {
+          const name = text.slice(nameNode.from, nameNode.to);
+          attributes[name] = true;
+        }
+      }
+      sibling = sibling.nextSibling;
+    }
+  }
+  if (tagName) {
+    return {
+      tagName,
+      attributes
+    };
+  }
+}
+
+// src/language.ts
+var import_html = require("@lezer/html");
+var import_language = require("@codemirror/language");
+var htmlParser = import_html.parser.configure({
+  dialect: "noMatch"
+});
+function parse(text) {
+  return htmlParser.parse(text);
+}
+var htmlLanguage = import_language.LRLanguage.define({
+  parser: htmlParser
+});
+
+// src/schema.ts
+var schemaUtils = {
+  toJSON(text) {
+    const tree = parse(text);
+    const tags = [];
+    tree.iterate({
+      enter(node) {
+        if (node.name === "Element" && node.matchContext(["Document"])) {
+          const data = extractElementData(node.node, text);
+          if (data) {
+            tags.push({
+              from: node.from,
+              to: node.to,
+              ...data
+            });
+          }
+        }
+      }
+    });
+    let pos = 0;
+    const elements = [];
+    for (const tag of tags) {
+      const { from, to, tagName, attributes } = tag;
+      if (from < pos) {
+        continue;
+      }
+      if (from > pos) {
+        elements.push({
+          type: "text",
+          value: text.slice(pos, from)
+        });
+      }
+      elements.push({
+        type: "element",
+        tagName,
+        attributes
+      });
+      pos = to;
+    }
+    if (pos < text.length) {
+      elements.push({
+        type: "text",
+        value: text.slice(pos)
+      });
+    }
+    return elements;
+  },
+  fromJSON(elements) {
+    return elements.map((el) => {
+      if (el.type === "element") {
+        return toElementString(el);
+      } else if (el.type === "text") {
+        return el.value;
+      }
+      return "";
+    }).join("");
+  }
+};
+function toElementString(element) {
+  const attrsString = attributesToString(element.attributes);
+  return `<${element.tagName}${attrsString ? ` ${attrsString}` : ""}></${element.tagName}>`;
+}
+var INTERNAL_ID = "cmid";
+function uniqueId() {
+  return `e${Math.random()}`;
+}
+function attributesToString(attributes) {
+  const array = [];
+  let hasId = false;
+  Object.keys(attributes).forEach((key) => {
+    if (key === INTERNAL_ID) {
+      hasId = true;
+    }
+    const value = attributes[key];
+    if (value === true) {
+      array.push(key);
+    } else {
+      array.push(`${key}=${JSON.stringify(encodeURIComponent(value))}`);
+    }
+  });
+  if (!hasId) {
+    array.unshift(`${INTERNAL_ID}="${uniqueId()}"`);
+  }
+  return array.join(" ");
+}
+
+// src/plugins.ts
+var import_core = require("@coze-editor/core");
+var import_view2 = require("@codemirror/view");
+var import_state2 = require("@codemirror/state");
+
+// src/extension.ts
+var import_react_dom = require("react-dom");
+var import_react2 = require("react");
+var import_client = require("react-dom/client");
+var import_utils2 = require("@coze-editor/utils");
+var import_react3 = require("@coze-editor/react");
+var import_view = require("@codemirror/view");
+var import_state = require("@codemirror/state");
+var import_language3 = require("@codemirror/language");
+
+// src/context.tsx
+var import_react = __toESM(require("react"));
+var Context = (0, import_react.createContext)("");
+function ElementProvider({
+  internalId,
+  children
+}) {
+  return /* @__PURE__ */ import_react.default.createElement(Context.Provider, { value: internalId }, children);
+}
+function useElementId() {
+  const id = (0, import_react.useContext)(Context);
+  return id;
+}
+
+// src/extension.ts
+var ElementWidget = class extends import_view.WidgetType {
+  constructor(definition, id, props) {
+    super();
+    this.definition = definition;
+    this.id = id;
+    this.props = props;
+    const element = document.createElement("span");
+    this.element = element;
+    this.root = (0, import_client.createRoot)(element);
+  }
+  $$type = "element";
+  root;
+  element;
+  view = null;
+  get elementId() {
+    return `element-${this.id}`;
+  }
+  toDOM(view) {
+    this.view = view;
+    const c = view.state.facet(import_react3.connector);
+    queueMicrotask(() => {
+      (0, import_react_dom.flushSync)(() => {
+        const jsxElement = (0, import_react2.createElement)(ElementProvider, {
+          internalId: this.id,
+          children: (0, import_react2.createElement)(this.definition.render, this.props)
+        });
+        c.connect(this.elementId, (0, import_react_dom.createPortal)(jsxElement, this.element));
+      });
+    });
+    return this.element;
+  }
+  eq(other) {
+    return this.id === other.id && this.props && other.props && JSON.stringify(this.props) === JSON.stringify(other.props);
+  }
+  destroy() {
+    if (this.view) {
+      const c = this.view.state.facet(import_react3.connector);
+      c.disconnect(this.elementId);
+    }
+  }
+  ignoreEvent(event) {
+    return false;
+  }
+};
+var elementsFacet = import_state.Facet.define({
+  combine: import_utils2.FacetCombineStrategy.Last
+});
+var field = import_state.StateField.define({
+  create(state) {
+    return build(state);
+  },
+  update(value, tr) {
+    if (tr.docChanged) {
+      return build(tr.state);
+    }
+    return value;
+  },
+  provide(f) {
+    return [
+      import_view.EditorView.decorations.of((view) => view.state.field(f)),
+      import_view.EditorView.atomicRanges.of((view) => view.state.field(f))
+    ];
+  }
+});
+function build(state) {
+  const tree = (0, import_language3.syntaxTree)(state);
+  const builder = new import_state.RangeSetBuilder();
+  tree.iterate({
+    enter(node) {
+      const data = extract(node.node, state);
+      if (data) {
+        const allElements = state.facet(elementsFacet);
+        const definition = allElements[data.tagName];
+        builder.add(
+          node.from,
+          node.to,
+          import_view.Decoration.replace({
+            widget: new ElementWidget(definition, data.internalId, data.props)
+          })
+        );
+      }
+      if (node.matchContext(["Document"])) {
+        return false;
+      }
+      return true;
+    }
+  });
+  const decorations = builder.finish();
+  return decorations;
+}
+function extract(node, state) {
+  if (node.name === "Element") {
+    const elementData = extractElementData(node.node, state.doc.toString());
+    if (elementData) {
+      const { tagName, attributes } = elementData;
+      const { [INTERNAL_ID]: internalId, ...props } = attributes ?? {};
+      return {
+        tagName,
+        internalId,
+        props
+      };
+    }
+  }
+}
+function chatExtension() {
+  return [
+    field
+    // selectionEnlarger.of(state => {
+    //   const decorations = state.field(field);
+    //   const cursor = decorations.iter();
+    //   const array = [];
+    //   while (cursor.value) {
+    //     const widget = cursor.value.spec?.widget;
+    //     const { from, to } = cursor;
+    //     if (isElementWidget(widget)) {
+    //       array.push({
+    //         source: { from, to },
+    //         target: { from, to },
+    //       });
+    //     }
+    //     cursor.next();
+    //   }
+    //   return array;
+    // }),
+  ];
+}
+
+// src/plugins.ts
+var focusedEffect = import_state2.StateEffect.define();
+var focusedField = import_state2.StateField.define({
+  create() {
+    return false;
+  },
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(focusedEffect)) {
+        return true;
+      }
+    }
+    return value;
+  }
+});
+function insertElement({ view }) {
+  return (element) => {
+    let selection = view.state.selection.main;
+    const hasFocused = view.state.field(focusedField, false);
+    if (hasFocused === false) {
+      selection = import_state2.EditorSelection.cursor(view.state.doc.length);
+    }
+    const insert = toElementString(element);
+    view.dispatch({
+      changes: {
+        from: selection.from,
+        to: selection.to,
+        insert
+      },
+      selection: import_state2.EditorSelection.cursor(selection.from + insert.length)
+    });
+  };
+}
+var plugins = [
+  (0, import_core.extension)([
+    focusedField,
+    import_view2.EditorView.domEventObservers({
+      click(e, view) {
+        view.dispatch({
+          effects: focusedEffect.of(null)
+        });
+      }
+    }),
+    chatExtension()
+  ]),
+  (0, import_core.api)("insertElement", insertElement),
+  (0, import_core.option)(
+    "elements",
+    (elements) => elementsFacet.of(elements)
+  )
+];
+var plugins_default = plugins;
+
+// src/hooks.tsx
+var import_react4 = require("react");
+var import_react5 = require("@coze-editor/react");
+var import_view3 = require("@codemirror/view");
+var import_state3 = require("@codemirror/state");
+function useCurrentElement() {
+  const editor = (0, import_react5.useEditor)();
+  const elementId = useElementId();
+  const injector = (0, import_react5.useInjector)();
+  const [isSelected, setIsSelected] = (0, import_react4.useState)(false);
+  const elementIdRef = (0, import_react4.useRef)(elementId);
+  elementIdRef.current = elementId;
+  function select() {
+    var _a;
+    if (!editor) {
+      return;
+    }
+    const view = editor.$view;
+    const decorations = view.state.field(field);
+    const cursor = decorations.iter();
+    while (cursor.value) {
+      const { spec } = cursor.value;
+      if (((_a = spec == null ? void 0 : spec.widget) == null ? void 0 : _a.id) === elementId) {
+        view.dispatch({
+          selection: import_state3.EditorSelection.range(cursor.from, cursor.to)
+        });
+        break;
+      }
+      cursor.next();
+    }
+  }
+  function remove() {
+    if (!editor) {
+      return;
+    }
+    const view = editor.$view;
+    if (view.state.readOnly) {
+      return;
+    }
+    const range = findElement(view.state, elementId);
+    if (range) {
+      view.dispatch({
+        changes: {
+          from: range.from,
+          to: range.to,
+          insert: ""
+        },
+        selection: import_state3.EditorSelection.cursor(range.from)
+      });
+    }
+  }
+  (0, import_react4.useLayoutEffect)(() => {
+    function selectionContainsCurrentElement(state) {
+      const range = findElement(state, elementId);
+      const { ranges } = state.selection;
+      if (!range) {
+        return false;
+      }
+      for (const r of ranges) {
+        if (r.from <= range.from && r.to >= range.to) {
+          return true;
+        }
+      }
+      return false;
+    }
+    const plugin = import_view3.ViewPlugin.fromClass(
+      class {
+        constructor(view) {
+          const contains = selectionContainsCurrentElement(view.state);
+          setIsSelected(contains);
+        }
+        update(update) {
+          if (update.selectionSet) {
+            const contains = selectionContainsCurrentElement(update.state);
+            setIsSelected(contains);
+          }
+        }
+      }
+    );
+    return injector.inject([plugin]);
+  }, [injector]);
+  return {
+    isSelected,
+    select,
+    remove
+  };
+}
+function findElement(state, elementId) {
+  var _a;
+  const decorations = state.field(field);
+  const cursor = decorations.iter();
+  while (cursor.value) {
+    const { spec } = cursor.value;
+    if (((_a = spec == null ? void 0 : spec.widget) == null ? void 0 : _a.id) === elementId) {
+      return {
+        from: cursor.from,
+        to: cursor.to
+      };
+    }
+    cursor.next();
+  }
+}
+
+// src/index.ts
+var preset = [
+  ...import_preset_universal.default,
+  (0, import_core2.extension)([
+    import_view4.EditorView.theme({
+      "&.cm-focused": {
+        outline: "none"
+      }
+    }),
+    htmlLanguage,
+    (0, import_commands.history)(),
+    import_view4.keymap.of([...import_commands.defaultKeymap, ...import_commands.historyKeymap])
+  ]),
+  ...plugins_default
+];
+var index_default = preset;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  schemaUtils,
+  useCurrentElement
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/language.ts","../src/schema.ts","../src/plugins.ts","../src/extension.ts","../src/context.tsx","../src/hooks.tsx"],"sourcesContent":["import universalPreset from '@coze-editor/preset-universal';\nimport { extension, type InferEditorAPIFromPlugins } from '@coze-editor/core';\nimport { EditorView, keymap } from '@codemirror/view';\nimport { defaultKeymap, historyKeymap, history } from '@codemirror/commands';\n\nimport {\n  type EditorNode,\n  type EditorElement,\n  type EditorText,\n  schemaUtils,\n} from './schema';\nimport plugins from './plugins';\nimport { htmlLanguage } from './language';\nimport { useCurrentElement } from './hooks';\n\nconst preset = [\n  ...universalPreset,\n  extension([\n    EditorView.theme({\n      '&.cm-focused': {\n        outline: 'none',\n      },\n    }),\n    htmlLanguage,\n    history(),\n    keymap.of([...defaultKeymap, ...historyKeymap]),\n  ]),\n  ...plugins,\n];\n\ntype EditorAPI = InferEditorAPIFromPlugins<typeof preset>;\n\nexport default preset;\n\nexport { schemaUtils, useCurrentElement };\n\nexport type { EditorAPI, EditorNode, EditorElement, EditorText };\n","/* eslint-disable complexity */\n\nimport { type SyntaxNode } from '@lezer/common';\n\nfunction extractElementData(node: SyntaxNode, text: string) {\n  const openTag = node.firstChild;\n\n  let tagName: string | null = null;\n  const attributes: Record<string, any> = {};\n\n  if (openTag && openTag.name === 'OpenTag' && openTag.firstChild) {\n    let sibling = openTag.firstChild.nextSibling;\n    while (true) {\n      if (!sibling) {\n        break;\n      }\n\n      if (sibling.name === 'TagName') {\n        const { from, to } = sibling;\n        tagName = text.slice(from, to);\n      } else if (sibling.name === 'Attribute') {\n        const nameNode = sibling.firstChild;\n        const isNode = nameNode?.nextSibling;\n        const valueNode = isNode?.nextSibling;\n        if (\n          nameNode?.name === 'AttributeName' &&\n          isNode?.name === 'Is' &&\n          (valueNode?.name === 'AttributeValue' ||\n            valueNode?.name === 'UnquotedAttributeValue')\n        ) {\n          const name = text.slice(nameNode.from, nameNode.to);\n          const value = text.slice(valueNode.from, valueNode.to);\n\n          if (valueNode.name === 'AttributeValue') {\n            attributes[name] = decodeURIComponent(value.slice(1, -1));\n          } else {\n            try {\n              attributes[name] = JSON.parse(decodeURIComponent(value));\n            } catch (e) {\n              /* empty */\n            }\n          }\n        } else if (\n          nameNode?.name === 'AttributeName' &&\n          !isNode &&\n          !valueNode\n        ) {\n          const name = text.slice(nameNode.from, nameNode.to);\n          attributes[name] = true;\n        }\n      }\n\n      sibling = sibling.nextSibling;\n    }\n  }\n\n  if (tagName) {\n    return {\n      tagName,\n      attributes,\n    };\n  }\n}\n\nexport { extractElementData };\n","import { parser } from '@lezer/html';\nimport { LRLanguage } from '@codemirror/language';\n\nconst htmlParser = parser.configure({\n  dialect: 'noMatch',\n});\n\nfunction parse(text: string) {\n  return htmlParser.parse(text);\n}\n\nconst htmlLanguage = LRLanguage.define({\n  parser: htmlParser,\n});\n\nexport { parse, htmlLanguage };\n","import { extractElementData } from './utils';\nimport { parse } from './language';\n\ninterface EditorElement<Attrs = Record<string, any>> {\n  type: 'element';\n  tagName: string;\n  attributes: Attrs;\n}\n\ninterface EditorText {\n  type: 'text';\n  value: string;\n}\n\ntype EditorNode = EditorElement | EditorText;\n\nconst schemaUtils = {\n  toJSON(text: string): EditorNode[] {\n    const tree = parse(text);\n    const tags: {\n      from: number;\n      to: number;\n      tagName: string;\n      attributes: Record<string, any>;\n    }[] = [];\n    tree.iterate({\n      enter(node) {\n        if (node.name === 'Element' && node.matchContext(['Document'])) {\n          const data = extractElementData(node.node, text);\n          if (data) {\n            tags.push({\n              from: node.from,\n              to: node.to,\n              ...data,\n            });\n          }\n        }\n      },\n    });\n\n    let pos = 0;\n    const elements: EditorNode[] = [];\n    for (const tag of tags) {\n      const { from, to, tagName, attributes } = tag;\n\n      // overlap, skip this element\n      if (from < pos) {\n        continue;\n      }\n\n      if (from > pos) {\n        elements.push({\n          type: 'text',\n          value: text.slice(pos, from),\n        });\n      }\n\n      elements.push({\n        type: 'element',\n        tagName,\n        attributes,\n      });\n\n      pos = to;\n    }\n\n    if (pos < text.length) {\n      elements.push({\n        type: 'text',\n        value: text.slice(pos),\n      });\n    }\n\n    return elements;\n  },\n  fromJSON(elements: EditorNode[]): string {\n    return elements\n      .map(el => {\n        if (el.type === 'element') {\n          return toElementString(el);\n        } else if (el.type === 'text') {\n          return el.value;\n        }\n        return '';\n      })\n      .join('');\n  },\n};\n\nfunction toElementString(element: Omit<EditorElement, 'type'>) {\n  const attrsString = attributesToString(element.attributes);\n  return `<${element.tagName}${attrsString ? ` ${attrsString}` : ''}></${element.tagName}>`;\n}\n\nconst INTERNAL_ID = 'cmid';\n\nfunction uniqueId() {\n  return `e${Math.random()}`;\n}\n\nfunction attributesToString(attributes: EditorElement['attributes']) {\n  const array: string[] = [];\n  let hasId = false;\n\n  Object.keys(attributes).forEach(key => {\n    if (key === INTERNAL_ID) {\n      hasId = true;\n    }\n    const value = attributes[key];\n    if (value === true) {\n      array.push(key);\n    } else {\n      array.push(`${key}=${JSON.stringify(encodeURIComponent(value))}`);\n    }\n  });\n\n  if (!hasId) {\n    array.unshift(`${INTERNAL_ID}=\"${uniqueId()}\"`);\n  }\n\n  return array.join(' ');\n}\n\nexport { schemaUtils, toElementString, INTERNAL_ID };\nexport type { EditorNode, EditorElement, EditorText };\n","import { api, extension, option } from '@coze-editor/core';\nimport { EditorView } from '@codemirror/view';\nimport { EditorSelection, StateEffect, StateField } from '@codemirror/state';\n\nimport { type EditorElement, toElementString } from './schema';\nimport {\n  chatExtension,\n  type ElementsDefinition,\n  elementsFacet,\n} from './extension';\n\nconst focusedEffect = StateEffect.define();\n\nconst focusedField = StateField.define<boolean>({\n  create() {\n    return false;\n  },\n  update(value, tr) {\n    for (const effect of tr.effects) {\n      if (effect.is(focusedEffect)) {\n        return true;\n      }\n    }\n\n    return value;\n  },\n});\n\nfunction insertElement({ view }: { view: EditorView }) {\n  return (element: Omit<EditorElement, 'type'>) => {\n    let selection = view.state.selection.main;\n\n    const hasFocused = view.state.field(focusedField, false);\n    if (hasFocused === false) {\n      selection = EditorSelection.cursor(view.state.doc.length);\n    }\n\n    const insert = toElementString(element);\n    view.dispatch({\n      changes: {\n        from: selection.from,\n        to: selection.to,\n        insert,\n      },\n      selection: EditorSelection.cursor(selection.from + insert.length),\n    });\n  };\n}\n\nconst plugins = [\n  extension([\n    focusedField,\n    EditorView.domEventObservers({\n      click(e, view) {\n        view.dispatch({\n          effects: focusedEffect.of(null),\n        });\n      },\n    }),\n    chatExtension(),\n  ]),\n  api('insertElement', insertElement),\n  option('elements', (elements: ElementsDefinition) =>\n    elementsFacet.of(elements),\n  ),\n];\n\nexport default plugins;\n","import { createPortal, flushSync } from 'react-dom';\nimport { createElement, type ReactNode } from 'react';\n\nimport { createRoot, type Root } from 'react-dom/client';\nimport { type SyntaxNode } from '@lezer/common';\nimport { FacetCombineStrategy } from '@coze-editor/utils';\nimport { connector } from '@coze-editor/react';\nimport {\n  Decoration,\n  type DecorationSet,\n  EditorView,\n  WidgetType,\n} from '@codemirror/view';\nimport {\n  type EditorState,\n  Facet,\n  RangeSetBuilder,\n  StateField,\n} from '@codemirror/state';\nimport { syntaxTree } from '@codemirror/language';\n\nimport { extractElementData } from './utils';\nimport { INTERNAL_ID } from './schema';\nimport { ElementProvider } from './context';\n\ninterface ElementDefinition {\n  render: (props: any) => ReactNode;\n}\n\ninterface ElementsDefinition {\n  [key: string]: ElementDefinition;\n}\n\nclass ElementWidget extends WidgetType {\n  public $$type = 'element';\n  private root: Root;\n  private element: HTMLElement;\n  private view: EditorView | null = null;\n  constructor(\n    public definition: ElementDefinition,\n    public id: string,\n    public props: any,\n  ) {\n    super();\n\n    const element = document.createElement('span');\n    this.element = element;\n    this.root = createRoot(element);\n  }\n\n  get elementId() {\n    return `element-${this.id}`;\n  }\n\n  toDOM(view: EditorView) {\n    this.view = view;\n\n    const c = view.state.facet(connector);\n    queueMicrotask(() => {\n      flushSync(() => {\n        const jsxElement = createElement(ElementProvider, {\n          internalId: this.id,\n          children: createElement(this.definition.render, this.props),\n        });\n        c.connect(this.elementId, createPortal(jsxElement, this.element));\n      });\n    });\n    return this.element;\n  }\n\n  eq(other: ElementWidget) {\n    return (\n      this.id === other.id &&\n      this.props &&\n      other.props &&\n      JSON.stringify(this.props) === JSON.stringify(other.props)\n    );\n  }\n\n  destroy(): void {\n    if (this.view) {\n      const c = this.view.state.facet(connector);\n      c.disconnect(this.elementId);\n    }\n  }\n\n  ignoreEvent(event: Event): boolean {\n    return false;\n  }\n}\n\n// function isElementWidget(widget: WidgetType | null) {\n//   return (widget as any)?.$$type === 'element';\n// }\n\nconst elementsFacet = Facet.define<ElementsDefinition, ElementsDefinition>({\n  combine: FacetCombineStrategy.Last,\n});\n\nconst field = StateField.define({\n  create(state) {\n    return build(state);\n  },\n  update(value, tr) {\n    if (tr.docChanged) {\n      return build(tr.state);\n    }\n    return value;\n  },\n  provide(f) {\n    return [\n      EditorView.decorations.of(view => view.state.field(f)),\n      EditorView.atomicRanges.of(view => view.state.field(f)),\n    ];\n  },\n});\n\nfunction build(state: EditorState): DecorationSet {\n  const tree = syntaxTree(state);\n  const builder = new RangeSetBuilder<Decoration>();\n  tree.iterate({\n    enter(node) {\n      const data = extract(node.node, state);\n      if (data) {\n        const allElements = state.facet(elementsFacet);\n        const definition = allElements[data.tagName];\n        builder.add(\n          node.from,\n          node.to,\n          Decoration.replace({\n            widget: new ElementWidget(definition, data.internalId, data.props),\n          }),\n        );\n      }\n\n      if (node.matchContext(['Document'])) {\n        return false;\n      }\n\n      return true;\n    },\n  });\n\n  const decorations = builder.finish();\n\n  return decorations;\n}\n\nfunction extract(node: SyntaxNode, state: EditorState) {\n  if (node.name === 'Element') {\n    const elementData = extractElementData(node.node, state.doc.toString());\n\n    if (elementData) {\n      const { tagName, attributes } = elementData;\n      const { [INTERNAL_ID]: internalId, ...props } = attributes ?? {};\n\n      return {\n        tagName,\n        internalId,\n        props,\n      };\n    }\n  }\n}\n\nfunction chatExtension() {\n  return [\n    field,\n    // selectionEnlarger.of(state => {\n    //   const decorations = state.field(field);\n    //   const cursor = decorations.iter();\n    //   const array = [];\n\n    //   while (cursor.value) {\n    //     const widget = cursor.value.spec?.widget;\n    //     const { from, to } = cursor;\n    //     if (isElementWidget(widget)) {\n    //       array.push({\n    //         source: { from, to },\n    //         target: { from, to },\n    //       });\n    //     }\n\n    //     cursor.next();\n    //   }\n\n    //   return array;\n    // }),\n  ];\n}\n\nexport { field, chatExtension, elementsFacet };\n\nexport type { ElementsDefinition };\n","import React, { createContext, type ReactNode, useContext } from 'react';\n\nconst Context = createContext('');\n\nfunction ElementProvider({\n  internalId,\n  children,\n}: {\n  internalId: string;\n  children: ReactNode;\n}) {\n  return <Context.Provider value={internalId}>{children}</Context.Provider>;\n}\n\nfunction useElementId() {\n  const id = useContext(Context);\n  return id;\n}\n\nexport { ElementProvider, useElementId };\n","import { useLayoutEffect, useRef, useState } from 'react';\n\nimport {\n  type BuiltinEditorAPI,\n  useEditor,\n  useInjector,\n} from '@coze-editor/react';\nimport { type EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';\nimport { EditorSelection, type EditorState } from '@codemirror/state';\n\nimport { field } from './extension';\nimport { useElementId } from './context';\n\nfunction useCurrentElement() {\n  const editor = useEditor<BuiltinEditorAPI | null>();\n  const elementId = useElementId();\n  const injector = useInjector();\n  const [isSelected, setIsSelected] = useState(false);\n  const elementIdRef = useRef(elementId);\n\n  elementIdRef.current = elementId;\n\n  function select() {\n    if (!editor) {\n      return;\n    }\n\n    const view = editor.$view;\n\n    const decorations = view.state.field(field);\n\n    const cursor = decorations.iter();\n    while (cursor.value) {\n      const { spec } = cursor.value;\n      if (spec?.widget?.id === elementId) {\n        view.dispatch({\n          selection: EditorSelection.range(cursor.from, cursor.to),\n        });\n        break;\n      }\n      cursor.next();\n    }\n  }\n\n  function remove() {\n    if (!editor) {\n      return;\n    }\n\n    const view = editor.$view;\n\n    if (view.state.readOnly) {\n      return;\n    }\n\n    const range = findElement(view.state, elementId);\n    if (range) {\n      view.dispatch({\n        changes: {\n          from: range.from,\n          to: range.to,\n          insert: '',\n        },\n        selection: EditorSelection.cursor(range.from),\n      });\n    }\n  }\n\n  useLayoutEffect(() => {\n    function selectionContainsCurrentElement(state: EditorState) {\n      const range = findElement(state, elementId);\n      const { ranges } = state.selection;\n      if (!range) {\n        return false;\n      }\n\n      for (const r of ranges) {\n        if (r.from <= range.from && r.to >= range.to) {\n          return true;\n        }\n      }\n\n      return false;\n    }\n\n    const plugin = ViewPlugin.fromClass(\n      class {\n        constructor(view: EditorView) {\n          const contains = selectionContainsCurrentElement(view.state);\n          setIsSelected(contains);\n        }\n\n        update(update: ViewUpdate) {\n          if (update.selectionSet) {\n            const contains = selectionContainsCurrentElement(update.state);\n            setIsSelected(contains);\n          }\n        }\n      },\n    );\n\n    return injector.inject([plugin]);\n  }, [injector]);\n\n  return {\n    isSelected,\n    select,\n    remove,\n  };\n}\n\nfunction findElement(state: EditorState, elementId: string) {\n  const decorations = state.field(field);\n\n  const cursor = decorations.iter();\n  while (cursor.value) {\n    const { spec } = cursor.value;\n    if (spec?.widget?.id === elementId) {\n      return {\n        from: cursor.from,\n        to: cursor.to,\n      };\n    }\n    cursor.next();\n  }\n}\n\nexport { useCurrentElement };\n"],"mappings":"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","names":["import_core","import_view","import_view","import_state","import_react","import_utils","import_language","React","import_react","import_view","import_state","universalPreset"]}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@coze-editor/preset-chat",
+  "version": "0.1.0-alpha.687604",
+  "description": "preset-chat",
+  "license": "MIT",
+  "author": "fengzilong",
+  "maintainers": [],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.less",
+    "**/*.sass",
+    "**/*.scss"
+  ],
+  "main": "./dist/esm/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint && tsc --noEmit"
+  },
+  "dependencies": {
+    "@codemirror/language": "^6.10.1",
+    "@coze-editor/core": "0.1.0-alpha.687604",
+    "@coze-editor/core-plugins": "0.1.0-alpha.687604",
+    "@coze-editor/extensions": "0.1.0-alpha.687604",
+    "@coze-editor/preset-universal": "0.1.0-alpha.687604",
+    "@coze-editor/utils": "0.1.0-alpha.687604",
+    "@lezer/common": "^1.2.2",
+    "@lezer/html": "^1.3.10"
+  },
+  "devDependencies": {
+    "@codemirror/commands": "^6.3.3",
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.26.1",
+    "@coze-arch/ts-config": "workspace:*",
+    "@coze-editor/eslint-config": "workspace:*",
+    "@coze-editor/react": "workspace:*",
+    "@types/node": "^22",
+    "@types/react": "18.2.37",
+    "@types/react-dom": "18.2.15",
+    "eslint": "9.14.0",
+    "tsup": "^8.0.1",
+    "typescript": "^5.8.2"
+  },
+  "peerDependencies": {
+    "@codemirror/commands": "^6.3.3",
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.26.1",
+    "@coze-editor/react": "0.1.0-alpha.687604",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "test:main": "./src/index.ts"
+}