@coze-editor/preset-chat 0.1.0-alpha.1e5e87

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,589 @@
+// 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,
+              raw: text.slice(node.from, node.to),
+              ...data
+            });
+          }
+        }
+      }
+    });
+    let pos = 0;
+    const elements = [];
+    for (const tag of tags) {
+      const { from, to, tagName, attributes, raw } = tag;
+      const { cmid, ...restAttributes } = attributes ?? {};
+      if (from < pos) {
+        continue;
+      }
+      if (from > pos) {
+        elements.push({
+          type: "text",
+          value: text.slice(pos, from)
+        });
+      }
+      elements.push({
+        type: "element",
+        tagName,
+        attributes: restAttributes,
+        raw
+      });
+      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 as EditorSelection2, 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 {
+  EditorSelection,
+  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 allElements = state.facet(elementsFacet);
+  if (!allElements) {
+    return Decoration.none;
+  }
+  const tree = syntaxTree(state);
+  const builder = new RangeSetBuilder();
+  tree.iterate({
+    enter(node) {
+      const data = extract(node.node, state);
+      if (data) {
+        const definition = allElements[data.tagName];
+        if (definition) {
+          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
+      };
+    }
+  }
+}
+var CUSTOM_CLIPBOARD_MIMETYPE = "application/x-with-elements";
+var copyPasteHandler = EditorView.domEventHandlers({
+  paste(event, view) {
+    var _a, _b;
+    try {
+      const xText = (_a = event.clipboardData) == null ? void 0 : _a.getData(CUSTOM_CLIPBOARD_MIMETYPE);
+      const plainText = (_b = event.clipboardData) == null ? void 0 : _b.getData("text/plain");
+      const text = xText ?? plainText ?? "";
+      const nodes = schemaUtils.toJSON(text);
+      const newText = schemaUtils.fromJSON(
+        nodes.map((node) => {
+          if (node.type === "text") {
+            return node;
+          }
+          if (node.type === "element") {
+            return {
+              ...node,
+              attributes: {
+                ...node.attributes ?? {},
+                cmid: `e${Math.random()}`
+              }
+            };
+          }
+        }).filter((v) => isEditorNode(v))
+      );
+      view.dispatch({
+        changes: {
+          from: view.state.selection.main.from,
+          to: view.state.selection.main.to,
+          insert: newText
+        },
+        selection: EditorSelection.cursor(
+          view.state.selection.main.from + newText.length
+        )
+      });
+      return true;
+    } catch (e) {
+      return false;
+    }
+  },
+  copy(event, view) {
+    var _a, _b;
+    const definitions = view.state.facet(elementsFacet);
+    if (!definitions) {
+      return false;
+    }
+    try {
+      const { from, to } = view.state.selection.main;
+      const slice = view.state.doc.sliceString(from, to);
+      const nodes = schemaUtils.toJSON(slice);
+      const plainText = nodes.map((node) => {
+        if (node.type === "text") {
+          return node.value;
+        }
+        if (node.type === "element") {
+          const definition = definitions[node.tagName];
+          const toString = definition == null ? void 0 : definition.toString;
+          if (!definition) {
+            return node.raw ?? "";
+          }
+          if (Object.prototype.hasOwnProperty.call(definition, "toString") && typeof toString === "function") {
+            return toString(node);
+          }
+          return `[${node.tagName}]`;
+        }
+        return "";
+      }).join("");
+      (_a = event.clipboardData) == null ? void 0 : _a.setData("text/plain", plainText);
+      (_b = event.clipboardData) == null ? void 0 : _b.setData(CUSTOM_CLIPBOARD_MIMETYPE, slice);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+});
+function isEditorNode(v) {
+  return Boolean(v);
+}
+function chatExtension() {
+  return [
+    field,
+    copyPasteHandler
+    // 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 = EditorSelection2.cursor(view.state.doc.length);
+    }
+    const insert = toElementString(element);
+    view.dispatch({
+      changes: {
+        from: selection.from,
+        to: selection.to,
+        insert
+      },
+      selection: EditorSelection2.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 EditorSelection3 } 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: EditorSelection3.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: EditorSelection3.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 {
+  CUSTOM_CLIPBOARD_MIMETYPE,
+  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';\nimport { CUSTOM_CLIPBOARD_MIMETYPE, type ElementDefinition } from './extension';\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, CUSTOM_CLIPBOARD_MIMETYPE };\n\nexport type {\n  EditorAPI,\n  ElementDefinition,\n  EditorNode,\n  EditorElement,\n  EditorText,\n};\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  raw?: string;\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      raw: string;\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              raw: text.slice(node.from, 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, raw } = tag;\n      const { cmid, ...restAttributes } = attributes ?? {};\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: restAttributes,\n        raw,\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  EditorSelection,\n  type EditorState,\n  Facet,\n  RangeSetBuilder,\n  StateField,\n} from '@codemirror/state';\nimport { syntaxTree } from '@codemirror/language';\n\nimport { extractElementData } from './utils';\nimport {\n  type EditorElement,\n  type EditorNode,\n  INTERNAL_ID,\n  schemaUtils,\n} from './schema';\nimport { ElementProvider } from './context';\n\ninterface ElementDefinition<Attrs = any> {\n  render: (props: Attrs) => ReactNode;\n  toString?: (element: EditorElement<Attrs>) => string;\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<\n  ElementsDefinition | undefined,\n  ElementsDefinition | undefined\n>({\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 allElements = state.facet(elementsFacet);\n\n  if (!allElements) {\n    return Decoration.none;\n  }\n\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 definition = allElements[data.tagName];\n        if (definition) {\n          builder.add(\n            node.from,\n            node.to,\n            Decoration.replace({\n              widget: new ElementWidget(\n                definition,\n                data.internalId,\n                data.props,\n              ),\n            }),\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\nconst CUSTOM_CLIPBOARD_MIMETYPE = 'application/x-with-elements';\n\nconst copyPasteHandler = EditorView.domEventHandlers({\n  paste(event, view) {\n    try {\n      const xText = event.clipboardData?.getData(CUSTOM_CLIPBOARD_MIMETYPE);\n      const plainText = event.clipboardData?.getData('text/plain');\n\n      const text = xText ?? plainText ?? '';\n\n      const nodes = schemaUtils.toJSON(text);\n      const newText = schemaUtils.fromJSON(\n        nodes\n          .map(node => {\n            if (node.type === 'text') {\n              return node;\n            }\n\n            if (node.type === 'element') {\n              return {\n                ...node,\n                attributes: {\n                  ...(node.attributes ?? {}),\n                  cmid: `e${Math.random()}`,\n                },\n              } satisfies EditorElement;\n            }\n          })\n          .filter(v => isEditorNode(v)),\n      );\n\n      view.dispatch({\n        changes: {\n          from: view.state.selection.main.from,\n          to: view.state.selection.main.to,\n          insert: newText,\n        },\n        selection: EditorSelection.cursor(\n          view.state.selection.main.from + newText.length,\n        ),\n      });\n      return true;\n    } catch (e) {\n      return false;\n    }\n  },\n  copy(event, view) {\n    const definitions = view.state.facet(elementsFacet);\n\n    if (!definitions) {\n      return false;\n    }\n\n    try {\n      const { from, to } = view.state.selection.main;\n      const slice = view.state.doc.sliceString(from, to);\n      const nodes = schemaUtils.toJSON(slice);\n\n      const plainText = nodes\n        .map(node => {\n          if (node.type === 'text') {\n            return node.value;\n          }\n\n          if (node.type === 'element') {\n            const definition = definitions[node.tagName];\n            const toString = definition?.toString;\n\n            if (!definition) {\n              return node.raw ?? '';\n            }\n\n            if (\n              Object.prototype.hasOwnProperty.call(definition, 'toString') &&\n              typeof toString === 'function'\n            ) {\n              return toString(node);\n            }\n\n            return `[${node.tagName}]`;\n          }\n\n          return '';\n        })\n        .join('');\n\n      event.clipboardData?.setData('text/plain', plainText);\n      event.clipboardData?.setData(CUSTOM_CLIPBOARD_MIMETYPE, slice);\n\n      return true;\n    } catch (e) {\n      return false;\n    }\n  },\n});\n\nfunction isEditorNode(v: unknown): v is EditorNode {\n  return Boolean(v);\n}\n\nfunction chatExtension() {\n  return [\n    field,\n    copyPasteHandler,\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, CUSTOM_CLIPBOARD_MIMETYPE };\n\nexport type { ElementsDefinition, ElementDefinition };\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","EditorSelection","StateField","StateField","EditorSelection","EditorView","EditorSelection","EditorSelection","extension","EditorView"]}