@coze-editor/preset-chat 0.1.0-alpha.09ffeb

package/dist/index.js

@@ -0,0 +1,629 @@
+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, {
+  CUSTOM_CLIPBOARD_MIMETYPE: () => CUSTOM_CLIPBOARD_MIMETYPE,
+  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 fullValue = text.slice(valueNode.from, valueNode.to);
+          let value = fullValue;
+          if (valueNode.name === "AttributeValue") {
+            value = fullValue.slice(1, -1);
+          }
+          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
+function isElementRegistered(tagName, validTagNames) {
+  if (!Array.isArray(validTagNames)) {
+    return false;
+  }
+  if (validTagNames.includes(tagName)) {
+    return true;
+  }
+  return false;
+}
+var schemaUtils = {
+  toJSON(text, options) {
+    if (text === "") {
+      return [];
+    }
+    const tree = parse(text);
+    const tags = [];
+    tree.iterate({
+      enter(node) {
+        if (node.name === "Element") {
+          const data = extractElementData(node.node, text);
+          if (data && isElementRegistered(data.tagName, options == null ? void 0 : options.validTagNames)) {
+            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 if (typeof value !== "undefined") {
+      array.push(`${key}="${encodeURIComponent(JSON.stringify(value))}"`);
+    }
+  });
+  if (!hasId) {
+    array.unshift(
+      `${INTERNAL_ID}="${encodeURIComponent(JSON.stringify(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 allElements = state.facet(elementsFacet);
+  if (!allElements) {
+    return import_view.Decoration.none;
+  }
+  const tree = (0, import_language3.ensureSyntaxTree)(state, state.doc.length) ?? (0, import_language3.syntaxTree)(state);
+  const builder = new import_state.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,
+            import_view.Decoration.replace({
+              widget: new ElementWidget(
+                definition,
+                data.internalId,
+                data.props
+              )
+            })
+          );
+        }
+      }
+      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 = import_view.EditorView.domEventHandlers({
+  paste(event, view) {
+    var _a, _b;
+    try {
+      const definitions = view.state.facet(elementsFacet);
+      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, {
+        validTagNames: definitions ? Object.keys(definitions) : void 0
+      });
+      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: import_state.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, {
+        validTagNames: definitions ? Object.keys(definitions) : void 0
+      });
+      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 = 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 = {
+  CUSTOM_CLIPBOARD_MIMETYPE,
+  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';\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 fullValue = text.slice(valueNode.from, valueNode.to);\n\n          let value = fullValue;\n          if (valueNode.name === 'AttributeValue') {\n            value = fullValue.slice(1, -1);\n          }\n\n          try {\n            attributes[name] = JSON.parse(decodeURIComponent(value));\n          } catch (e) {\n            /* empty */\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\nfunction isElementRegistered(\n  tagName: string,\n  validTagNames: string[] | undefined,\n) {\n  if (!Array.isArray(validTagNames)) {\n    return false;\n  }\n\n  if (validTagNames.includes(tagName)) {\n    return true;\n  }\n\n  return false;\n}\n\nconst schemaUtils = {\n  toJSON(text: string, options?: { validTagNames?: string[] }): EditorNode[] {\n    if (text === '') {\n      return [];\n    }\n\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') {\n          const data = extractElementData(node.node, text);\n          if (\n            data &&\n            isElementRegistered(data.tagName, options?.validTagNames)\n          ) {\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 if (typeof value !== 'undefined') {\n      array.push(`${key}=\"${encodeURIComponent(JSON.stringify(value))}\"`);\n    }\n  });\n\n  if (!hasId) {\n    array.unshift(\n      `${INTERNAL_ID}=\"${encodeURIComponent(JSON.stringify(uniqueId()))}\"`,\n    );\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 { ensureSyntaxTree, 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 = ensureSyntaxTree(state, state.doc.length) ?? 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 definitions = view.state.facet(elementsFacet);\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        validTagNames: definitions ? Object.keys(definitions) : undefined,\n      });\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        validTagNames: definitions ? Object.keys(definitions) : undefined,\n      });\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":["import_core","import_view","import_view","import_state","import_react","import_utils","import_language","React","import_react","import_view","import_state","universalPreset"]}