@flowgram.ai/form-materials 0.4.8 → 0.4.10

package/dist/esm/editor-4X7K477H.js

@@ -1,282 +0,0 @@
-import {
-  CodeEditor,
-  useVariableTree
-} from "./chunk-IHOHRV5V.js";
-import {
-  polyfillCreateRoot
-} from "./chunk-DEZUEMUM.js";
-
-// src/components/json-editor-with-variables/editor.tsx
-import React3 from "react";
-import { I18n } from "@flowgram.ai/editor";
-import { transformerCreator } from "@coze-editor/editor/preset-code";
-
-// src/components/json-editor-with-variables/extensions/variable-tree.tsx
-import React, { useEffect, useState } from "react";
-import { Popover, Tree } from "@douyinfe/semi-ui";
-import {
-  Mention,
-  getCurrentMentionReplaceRange,
-  useEditor,
-  PositionMirror
-} from "@coze-editor/editor/react";
-function VariableTree() {
-  const [posKey, setPosKey] = useState("");
-  const [visible, setVisible] = useState(false);
-  const [position, setPosition] = useState(-1);
-  const editor = useEditor();
-  function insert(variablePath) {
-    const range = getCurrentMentionReplaceRange(editor.$view.state);
-    if (!range) {
-      return;
-    }
-    editor.replaceText({
-      ...range,
-      text: "{{" + variablePath + "}}"
-    });
-    setVisible(false);
-  }
-  function handleOpenChange(e) {
-    setPosition(e.state.selection.main.head);
-    setVisible(e.value);
-  }
-  useEffect(() => {
-    if (!editor) {
-      return;
-    }
-  }, [editor, visible]);
-  const treeData = useVariableTree({});
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Mention, { triggerCharacters: ["@"], onOpenChange: handleOpenChange }), /* @__PURE__ */ React.createElement(
-    Popover,
-    {
-      visible,
-      trigger: "custom",
-      position: "topLeft",
-      rePosKey: posKey,
-      content: /* @__PURE__ */ React.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ React.createElement(
-        Tree,
-        {
-          treeData,
-          onSelect: (v) => {
-            insert(v);
-          }
-        }
-      ))
-    },
-    /* @__PURE__ */ React.createElement(
-      PositionMirror,
-      {
-        position,
-        onChange: () => setPosKey(String(Math.random()))
-      }
-    )
-  ));
-}
-
-// src/components/json-editor-with-variables/extensions/variable-tag.tsx
-import React2, { useLayoutEffect } from "react";
-import { isEqual, last } from "lodash-es";
-import {
-  Disposable,
-  DisposableCollection,
-  useCurrentScope
-} from "@flowgram.ai/editor";
-import { Popover as Popover2 } from "@douyinfe/semi-ui";
-import { IconIssueStroked } from "@douyinfe/semi-icons";
-import { useInjector } from "@coze-editor/editor/react";
-import {
-  Decoration,
-  EditorView,
-  MatchDecorator,
-  ViewPlugin,
-  WidgetType
-} from "@codemirror/view";
-
-// src/components/json-editor-with-variables/styles.tsx
-import styled from "styled-components";
-import { Tag } from "@douyinfe/semi-ui";
-var UIRootTitle = styled.div`
-  margin-right: 4px;
-  min-width: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--semi-color-text-2);
-`;
-var UIVarName = styled.div`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-var UITag = styled(Tag)`
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  max-width: 300px;
-
-  & .semi-tag-content-center {
-    justify-content: flex-start;
-  }
-
-  &.semi-tag {
-    margin: 0 5px;
-  }
-`;
-var UIPopoverContent = styled.div`
-  padding: 10px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-`;
-
-// src/components/json-editor-with-variables/extensions/variable-tag.tsx
-var VariableTagWidget = class extends WidgetType {
-  constructor({ keyPath, scope }) {
-    super();
-    this.toDispose = new DisposableCollection();
-    this.renderIcon = (icon) => {
-      if (typeof icon === "string") {
-        return /* @__PURE__ */ React2.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
-      }
-      return icon;
-    };
-    this.keyPath = keyPath;
-    this.scope = scope;
-  }
-  renderVariable(v) {
-    if (!v) {
-      this.root.render(
-        /* @__PURE__ */ React2.createElement(UITag, { prefixIcon: /* @__PURE__ */ React2.createElement(IconIssueStroked, null), color: "amber" }, "Unknown")
-      );
-      return;
-    }
-    const rootField = last(v.parentFields);
-    const rootTitle = /* @__PURE__ */ React2.createElement(UIRootTitle, null, rootField?.meta.title ? `${rootField.meta.title} -` : "");
-    const rootIcon = this.renderIcon(rootField?.meta.icon);
-    this.root.render(
-      /* @__PURE__ */ React2.createElement(
-        Popover2,
-        {
-          content: /* @__PURE__ */ React2.createElement(UIPopoverContent, null, rootIcon, rootTitle, /* @__PURE__ */ React2.createElement(UIVarName, null, v?.keyPath.slice(1).join(".")))
-        },
-        /* @__PURE__ */ React2.createElement(UITag, { prefixIcon: rootIcon }, rootTitle, /* @__PURE__ */ React2.createElement(UIVarName, null, v?.key))
-      )
-    );
-  }
-  toDOM(view) {
-    const dom = document.createElement("span");
-    this.root = polyfillCreateRoot(dom);
-    this.toDispose.push(
-      Disposable.create(() => {
-        this.root.unmount();
-      })
-    );
-    this.toDispose.push(
-      this.scope.available.trackByKeyPath(
-        this.keyPath,
-        (v) => {
-          this.renderVariable(v);
-        },
-        { triggerOnInit: false }
-      )
-    );
-    this.renderVariable(this.scope.available.getByKeyPath(this.keyPath));
-    return dom;
-  }
-  eq(other) {
-    return isEqual(this.keyPath, other.keyPath);
-  }
-  ignoreEvent() {
-    return false;
-  }
-  destroy(dom) {
-    this.toDispose.dispose();
-  }
-};
-function VariableTagInject() {
-  const injector = useInjector();
-  const scope = useCurrentScope();
-  useLayoutEffect(() => {
-    const atMatcher = new MatchDecorator({
-      regexp: /\{\{([^\}\{]+)\}\}/g,
-      decoration: (match) => Decoration.replace({
-        widget: new VariableTagWidget({
-          keyPath: match[1]?.split(".") ?? [],
-          scope
-        })
-      })
-    });
-    return injector.inject([
-      ViewPlugin.fromClass(
-        class {
-          constructor(view) {
-            this.view = view;
-            this.decorations = atMatcher.createDeco(view);
-          }
-          update() {
-            this.decorations = atMatcher.createDeco(this.view);
-          }
-        },
-        {
-          decorations: (p) => p.decorations,
-          provide(p) {
-            return EditorView.atomicRanges.of(
-              (view) => view.plugin(p)?.decorations ?? Decoration.none
-            );
-          }
-        }
-      )
-    ]);
-  }, [injector]);
-  return null;
-}
-
-// src/components/json-editor-with-variables/editor.tsx
-function findAllMatches(inputString, regex) {
-  const globalRegex = new RegExp(
-    regex,
-    regex.flags.includes("g") ? regex.flags : regex.flags + "g"
-  );
-  let match;
-  const matches = [];
-  while ((match = globalRegex.exec(inputString)) !== null) {
-    if (match.index === globalRegex.lastIndex) {
-      globalRegex.lastIndex++;
-    }
-    matches.push({
-      match: match[0],
-      range: [match.index, match.index + match[0].length]
-    });
-  }
-  return matches;
-}
-var transformer = transformerCreator((text) => {
-  const originalSource = text.toString();
-  const matches = findAllMatches(originalSource, /\{\{([^\}]*)\}\}/g);
-  if (matches.length > 0) {
-    matches.forEach(({ range }) => {
-      text.replaceRange(range[0], range[1], "null");
-    });
-  }
-  return text;
-});
-function JsonEditorWithVariables(props) {
-  return /* @__PURE__ */ React3.createElement(
-    CodeEditor,
-    {
-      languageId: "json",
-      activeLinePlaceholder: I18n.t("Press '@' to Select variable"),
-      ...props,
-      options: {
-        transformer,
-        ...props.options || {}
-      }
-    },
-    /* @__PURE__ */ React3.createElement(VariableTree, null),
-    /* @__PURE__ */ React3.createElement(VariableTagInject, null)
-  );
-}
-export {
-  JsonEditorWithVariables
-};
-//# sourceMappingURL=editor-4X7K477H.js.map

package/dist/esm/editor-4X7K477H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/json-editor-with-variables/editor.tsx","../../src/components/json-editor-with-variables/extensions/variable-tree.tsx","../../src/components/json-editor-with-variables/extensions/variable-tag.tsx","../../src/components/json-editor-with-variables/styles.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { transformerCreator } from '@coze-editor/editor/preset-code';\nimport { Text } from '@coze-editor/editor/language-json';\n\nimport { CodeEditor, type CodeEditorPropsType } from '@/components/code-editor';\n\nimport { VariableTree } from './extensions/variable-tree';\nimport { VariableTagInject } from './extensions/variable-tag';\n\ntype Match = { match: string; range: [number, number] };\nfunction findAllMatches(inputString: string, regex: RegExp): Match[] {\n  const globalRegex = new RegExp(\n    regex,\n    regex.flags.includes('g') ? regex.flags : regex.flags + 'g'\n  );\n  let match;\n  const matches: Match[] = [];\n\n  while ((match = globalRegex.exec(inputString)) !== null) {\n    if (match.index === globalRegex.lastIndex) {\n      globalRegex.lastIndex++;\n    }\n    matches.push({\n      match: match[0],\n      range: [match.index, match.index + match[0].length],\n    });\n  }\n\n  return matches;\n}\n\nconst transformer = transformerCreator((text: Text) => {\n  const originalSource = text.toString();\n  const matches = findAllMatches(originalSource, /\\{\\{([^\\}]*)\\}\\}/g);\n\n  if (matches.length > 0) {\n    matches.forEach(({ range }) => {\n      text.replaceRange(range[0], range[1], 'null');\n    });\n  }\n\n  return text;\n});\n\nexport interface JsonEditorWithVariablesProps extends Omit<CodeEditorPropsType, 'languageId'> {}\n\nexport function JsonEditorWithVariables(props: JsonEditorWithVariablesProps) {\n  return (\n    <CodeEditor\n      languageId=\"json\"\n      activeLinePlaceholder={I18n.t(\"Press '@' to Select variable\")}\n      {...props}\n      options={{\n        transformer,\n        ...(props.options || {}),\n      }}\n    >\n      <VariableTree />\n      <VariableTagInject />\n    </CodeEditor>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useEffect, useState } from 'react';\n\nimport { Popover, Tree } from '@douyinfe/semi-ui';\nimport {\n  Mention,\n  MentionOpenChangeEvent,\n  getCurrentMentionReplaceRange,\n  useEditor,\n  PositionMirror,\n} from '@coze-editor/editor/react';\nimport { EditorAPI } from '@coze-editor/editor/preset-prompt';\n\nimport { useVariableTree } from '@/components/variable-selector';\n\nexport function VariableTree() {\n  const [posKey, setPosKey] = useState('');\n  const [visible, setVisible] = useState(false);\n  const [position, setPosition] = useState(-1);\n  const editor = useEditor<EditorAPI>();\n\n  function insert(variablePath: string) {\n    const range = getCurrentMentionReplaceRange(editor.$view.state);\n\n    if (!range) {\n      return;\n    }\n\n    editor.replaceText({\n      ...range,\n      text: '{{' + variablePath + '}}',\n    });\n\n    setVisible(false);\n  }\n\n  function handleOpenChange(e: MentionOpenChangeEvent) {\n    setPosition(e.state.selection.main.head);\n    setVisible(e.value);\n  }\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n  }, [editor, visible]);\n\n  const treeData = useVariableTree({});\n\n  return (\n    <>\n      <Mention triggerCharacters={['@']} onOpenChange={handleOpenChange} />\n\n      <Popover\n        visible={visible}\n        trigger=\"custom\"\n        position=\"topLeft\"\n        rePosKey={posKey}\n        content={\n          <div style={{ width: 300 }}>\n            <Tree\n              treeData={treeData}\n              onSelect={(v) => {\n                insert(v);\n              }}\n            />\n          </div>\n        }\n      >\n        {/* PositionMirror allows the Popover to appear at the specified cursor position */}\n        <PositionMirror\n          position={position}\n          // When Doc scroll, update position\n          onChange={() => setPosKey(String(Math.random()))}\n        />\n      </Popover>\n    </>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useLayoutEffect } from 'react';\n\nimport { isEqual, last } from 'lodash-es';\nimport {\n  BaseVariableField,\n  Disposable,\n  DisposableCollection,\n  Scope,\n  useCurrentScope,\n} from '@flowgram.ai/editor';\nimport { Popover } from '@douyinfe/semi-ui';\nimport { IconIssueStroked } from '@douyinfe/semi-icons';\nimport { useInjector } from '@coze-editor/editor/react';\nimport {\n  Decoration,\n  DecorationSet,\n  EditorView,\n  MatchDecorator,\n  ViewPlugin,\n  WidgetType,\n} from '@codemirror/view';\n\nimport { IPolyfillRoot, polyfillCreateRoot } from '@/shared';\n\nimport { UIPopoverContent, UIRootTitle, UITag, UIVarName } from '../styles';\n\nclass VariableTagWidget extends WidgetType {\n  keyPath?: string[];\n\n  toDispose = new DisposableCollection();\n\n  scope: Scope;\n\n  root: IPolyfillRoot;\n\n  constructor({ keyPath, scope }: { keyPath?: string[]; scope: Scope }) {\n    super();\n\n    this.keyPath = keyPath;\n    this.scope = scope;\n  }\n\n  renderIcon = (icon: string | JSX.Element) => {\n    if (typeof icon === 'string') {\n      return <img style={{ marginRight: 8 }} width={12} height={12} src={icon} />;\n    }\n\n    return icon;\n  };\n\n  renderVariable(v?: BaseVariableField) {\n    if (!v) {\n      this.root.render(\n        <UITag prefixIcon={<IconIssueStroked />} color=\"amber\">\n          Unknown\n        </UITag>\n      );\n      return;\n    }\n\n    const rootField = last(v.parentFields);\n\n    const rootTitle = (\n      <UIRootTitle>{rootField?.meta.title ? `${rootField.meta.title} -` : ''}</UIRootTitle>\n    );\n    const rootIcon = this.renderIcon(rootField?.meta.icon);\n\n    this.root.render(\n      <Popover\n        content={\n          <UIPopoverContent>\n            {rootIcon}\n            {rootTitle}\n            <UIVarName>{v?.keyPath.slice(1).join('.')}</UIVarName>\n          </UIPopoverContent>\n        }\n      >\n        <UITag prefixIcon={rootIcon}>\n          {rootTitle}\n          <UIVarName>{v?.key}</UIVarName>\n        </UITag>\n      </Popover>\n    );\n  }\n\n  toDOM(view: EditorView): HTMLElement {\n    const dom = document.createElement('span');\n\n    this.root = polyfillCreateRoot(dom);\n\n    this.toDispose.push(\n      Disposable.create(() => {\n        this.root.unmount();\n      })\n    );\n\n    this.toDispose.push(\n      this.scope.available.trackByKeyPath(\n        this.keyPath,\n        (v) => {\n          this.renderVariable(v);\n        },\n        { triggerOnInit: false }\n      )\n    );\n\n    this.renderVariable(this.scope.available.getByKeyPath(this.keyPath));\n\n    return dom;\n  }\n\n  eq(other: VariableTagWidget) {\n    return isEqual(this.keyPath, other.keyPath);\n  }\n\n  ignoreEvent(): boolean {\n    return false;\n  }\n\n  destroy(dom: HTMLElement): void {\n    this.toDispose.dispose();\n  }\n}\n\nexport function VariableTagInject() {\n  const injector = useInjector();\n\n  const scope = useCurrentScope();\n\n  // 基于 {{var}} 的正则进行匹配，匹配后进行自定义渲染\n  useLayoutEffect(() => {\n    const atMatcher = new MatchDecorator({\n      regexp: /\\{\\{([^\\}\\{]+)\\}\\}/g,\n      decoration: (match) =>\n        Decoration.replace({\n          widget: new VariableTagWidget({\n            keyPath: match[1]?.split('.') ?? [],\n            scope,\n          }),\n        }),\n    });\n\n    return injector.inject([\n      ViewPlugin.fromClass(\n        class {\n          decorations: DecorationSet;\n\n          constructor(private view: EditorView) {\n            this.decorations = atMatcher.createDeco(view);\n          }\n\n          update() {\n            this.decorations = atMatcher.createDeco(this.view);\n          }\n        },\n        {\n          decorations: (p) => p.decorations,\n          provide(p) {\n            return EditorView.atomicRanges.of(\n              (view) => view.plugin(p)?.decorations ?? Decoration.none\n            );\n          },\n        }\n      ),\n    ]);\n  }, [injector]);\n\n  return null;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport styled from 'styled-components';\nimport { Tag } from '@douyinfe/semi-ui';\n\nexport const UIRootTitle = styled.div`\n  margin-right: 4px;\n  min-width: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--semi-color-text-2);\n`;\n\nexport const UIVarName = styled.div`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport const UITag = styled(Tag)`\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  max-width: 300px;\n\n  & .semi-tag-content-center {\n    justify-content: flex-start;\n  }\n\n  &.semi-tag {\n    margin: 0 5px;\n  }\n`;\n\nexport const UIPopoverContent = styled.div`\n  padding: 10px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n`;\n"],"mappings":"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","names":["React","React","Popover","React","Popover","React"]}

package/dist/esm/editor-6UMULJYB.js

@@ -1,180 +0,0 @@
-// src/components/prompt-editor/editor.tsx
-import React, { useEffect, useRef } from "react";
-import {
-  Renderer,
-  EditorProvider,
-  ActiveLinePlaceholder
-} from "@coze-editor/editor/react";
-import preset from "@coze-editor/editor/preset-prompt";
-
-// src/components/prompt-editor/styles.tsx
-import styled, { css } from "styled-components";
-var UIContainer = styled.div`
-  background-color: var(--semi-color-fill-0);
-  padding-left: 10px;
-  padding-right: 6px;
-
-  ${({ $hasError }) => $hasError && css`
-      border: 1px solid var(--semi-color-danger-6);
-    `}
-`;
-
-// src/components/prompt-editor/extensions/markdown.tsx
-import { useLayoutEffect } from "react";
-import { useInjector } from "@coze-editor/editor/react";
-import { astDecorator } from "@coze-editor/editor";
-import { EditorView } from "@codemirror/view";
-function MarkdownHighlight() {
-  const injector = useInjector();
-  useLayoutEffect(
-    () => injector.inject([
-      astDecorator.whole.of((cursor) => {
-        if (cursor.name.startsWith("ATXHeading")) {
-          return {
-            type: "className",
-            className: "heading"
-          };
-        }
-        if (cursor.name === "Emphasis") {
-          return {
-            type: "className",
-            className: "emphasis"
-          };
-        }
-        if (cursor.name === "StrongEmphasis") {
-          return {
-            type: "className",
-            className: "strong-emphasis"
-          };
-        }
-        if (cursor.name === "ListMark" || cursor.name === "QuoteMark") {
-          return {
-            type: "className",
-            className: "mark"
-          };
-        }
-      }),
-      EditorView.theme({
-        ".heading": {
-          color: "#00818C",
-          fontWeight: "bold"
-        },
-        ".emphasis": {
-          fontStyle: "italic"
-        },
-        ".strong-emphasis": {
-          fontWeight: "bold"
-        },
-        ".mark": {
-          color: "#4E40E5"
-        }
-      })
-    ]),
-    [injector]
-  );
-  return null;
-}
-var markdown_default = MarkdownHighlight;
-
-// src/components/prompt-editor/extensions/language-support.tsx
-import { useLayoutEffect as useLayoutEffect2 } from "react";
-import { useInjector as useInjector2 } from "@coze-editor/editor/react";
-import { languageSupport } from "@coze-editor/editor/preset-prompt";
-function LanguageSupport() {
-  const injector = useInjector2();
-  useLayoutEffect2(() => injector.inject([languageSupport]), [injector]);
-  return null;
-}
-var language_support_default = LanguageSupport;
-
-// src/components/prompt-editor/extensions/jinja.tsx
-import { useLayoutEffect as useLayoutEffect3 } from "react";
-import { useInjector as useInjector3 } from "@coze-editor/editor/react";
-import { astDecorator as astDecorator2 } from "@coze-editor/editor";
-import { EditorView as EditorView2 } from "@codemirror/view";
-function JinjaHighlight() {
-  const injector = useInjector3();
-  useLayoutEffect3(
-    () => injector.inject([
-      astDecorator2.whole.of((cursor) => {
-        if (cursor.name === "JinjaStatementStart" || cursor.name === "JinjaStatementEnd") {
-          return {
-            type: "className",
-            className: "jinja-statement-bracket"
-          };
-        }
-        if (cursor.name === "JinjaComment") {
-          return {
-            type: "className",
-            className: "jinja-comment"
-          };
-        }
-        if (cursor.name === "JinjaExpression") {
-          return {
-            type: "className",
-            className: "jinja-expression"
-          };
-        }
-      }),
-      EditorView2.theme({
-        ".jinja-statement-bracket": {
-          color: "#D1009D"
-        },
-        ".jinja-comment": {
-          color: "#0607094D"
-        },
-        ".jinja-expression": {
-          color: "#4E40E5"
-        }
-      })
-    ]),
-    [injector]
-  );
-  return null;
-}
-var jinja_default = JinjaHighlight;
-
-// src/components/prompt-editor/editor.tsx
-function PromptEditor(props) {
-  const {
-    value,
-    onChange,
-    readonly,
-    placeholder,
-    activeLinePlaceholder,
-    style,
-    hasError,
-    children,
-    disableMarkdownHighlight,
-    options
-  } = props || {};
-  const editorRef = useRef(null);
-  useEffect(() => {
-    if (editorRef.current?.getValue() !== value?.content) {
-      editorRef.current?.setValue(String(value?.content || ""));
-    }
-  }, [value]);
-  return /* @__PURE__ */ React.createElement(UIContainer, { $hasError: hasError, style }, /* @__PURE__ */ React.createElement(EditorProvider, null, /* @__PURE__ */ React.createElement(
-    Renderer,
-    {
-      didMount: (editor) => {
-        editorRef.current = editor;
-      },
-      plugins: preset,
-      defaultValue: String(value?.content),
-      options: {
-        readOnly: readonly,
-        editable: !readonly,
-        placeholder,
-        ...options
-      },
-      onChange: (e) => {
-        onChange({ type: "template", content: e.value });
-      }
-    }
-  ), activeLinePlaceholder && /* @__PURE__ */ React.createElement(ActiveLinePlaceholder, null, activeLinePlaceholder), !disableMarkdownHighlight && /* @__PURE__ */ React.createElement(markdown_default, null), /* @__PURE__ */ React.createElement(language_support_default, null), /* @__PURE__ */ React.createElement(jinja_default, null), children));
-}
-export {
-  PromptEditor
-};
-//# sourceMappingURL=editor-6UMULJYB.js.map

package/dist/esm/editor-6UMULJYB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/prompt-editor/editor.tsx","../../src/components/prompt-editor/styles.tsx","../../src/components/prompt-editor/extensions/markdown.tsx","../../src/components/prompt-editor/extensions/language-support.tsx","../../src/components/prompt-editor/extensions/jinja.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useEffect, useRef } from 'react';\n\nimport {\n  Renderer,\n  EditorProvider,\n  ActiveLinePlaceholder,\n  InferValues,\n} from '@coze-editor/editor/react';\nimport preset, { EditorAPI } from '@coze-editor/editor/preset-prompt';\n\nimport { PropsType } from './types';\nimport { UIContainer } from './styles';\nimport MarkdownHighlight from './extensions/markdown';\nimport LanguageSupport from './extensions/language-support';\nimport JinjaHighlight from './extensions/jinja';\n\ntype Preset = typeof preset;\ntype Options = Partial<InferValues<Preset[number]>>;\n\nexport interface PromptEditorPropsType extends PropsType {\n  options?: Options;\n}\n\nexport function PromptEditor(props: PromptEditorPropsType) {\n  const {\n    value,\n    onChange,\n    readonly,\n    placeholder,\n    activeLinePlaceholder,\n    style,\n    hasError,\n    children,\n    disableMarkdownHighlight,\n    options,\n  } = props || {};\n\n  const editorRef = useRef<EditorAPI | null>(null);\n\n  useEffect(() => {\n    // listen to value change\n    if (editorRef.current?.getValue() !== value?.content) {\n      editorRef.current?.setValue(String(value?.content || ''));\n    }\n  }, [value]);\n\n  return (\n    <UIContainer $hasError={hasError} style={style}>\n      <EditorProvider>\n        <Renderer\n          didMount={(editor: EditorAPI) => {\n            editorRef.current = editor;\n          }}\n          plugins={preset}\n          defaultValue={String(value?.content)}\n          options={{\n            readOnly: readonly,\n            editable: !readonly,\n            placeholder,\n            ...options,\n          }}\n          onChange={(e) => {\n            onChange({ type: 'template', content: e.value });\n          }}\n        />\n        {activeLinePlaceholder && (\n          <ActiveLinePlaceholder>{activeLinePlaceholder}</ActiveLinePlaceholder>\n        )}\n        {!disableMarkdownHighlight && <MarkdownHighlight />}\n        <LanguageSupport />\n        <JinjaHighlight />\n        {children}\n      </EditorProvider>\n    </UIContainer>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport styled, { css } from 'styled-components';\n\nexport const UIContainer = styled.div<{ $hasError?: boolean }>`\n  background-color: var(--semi-color-fill-0);\n  padding-left: 10px;\n  padding-right: 6px;\n\n  ${({ $hasError }) =>\n    $hasError &&\n    css`\n      border: 1px solid var(--semi-color-danger-6);\n    `}\n`;\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { useLayoutEffect } from 'react';\n\nimport { useInjector } from '@coze-editor/editor/react';\nimport { astDecorator } from '@coze-editor/editor';\nimport { EditorView } from '@codemirror/view';\n\nfunction MarkdownHighlight() {\n  const injector = useInjector();\n\n  useLayoutEffect(\n    () =>\n      injector.inject([\n        astDecorator.whole.of((cursor) => {\n          // # heading\n          if (cursor.name.startsWith('ATXHeading')) {\n            return {\n              type: 'className',\n              className: 'heading',\n            };\n          }\n\n          // *italic*\n          if (cursor.name === 'Emphasis') {\n            return {\n              type: 'className',\n              className: 'emphasis',\n            };\n          }\n\n          // **bold**\n          if (cursor.name === 'StrongEmphasis') {\n            return {\n              type: 'className',\n              className: 'strong-emphasis',\n            };\n          }\n\n          // -\n          // 1.\n          // >\n          if (cursor.name === 'ListMark' || cursor.name === 'QuoteMark') {\n            return {\n              type: 'className',\n              className: 'mark',\n            };\n          }\n        }),\n        EditorView.theme({\n          '.heading': {\n            color: '#00818C',\n            fontWeight: 'bold',\n          },\n          '.emphasis': {\n            fontStyle: 'italic',\n          },\n          '.strong-emphasis': {\n            fontWeight: 'bold',\n          },\n          '.mark': {\n            color: '#4E40E5',\n          },\n        }),\n      ]),\n    [injector]\n  );\n\n  return null;\n}\n\nexport default MarkdownHighlight;\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { useLayoutEffect } from 'react';\n\nimport { useInjector } from '@coze-editor/editor/react';\nimport { languageSupport } from '@coze-editor/editor/preset-prompt';\n\nfunction LanguageSupport() {\n  const injector = useInjector();\n\n  useLayoutEffect(() => injector.inject([languageSupport]), [injector]);\n\n  return null;\n}\n\nexport default LanguageSupport;\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { useLayoutEffect } from 'react';\n\nimport { useInjector } from '@coze-editor/editor/react';\nimport { astDecorator } from '@coze-editor/editor';\nimport { EditorView } from '@codemirror/view';\n\nfunction JinjaHighlight() {\n  const injector = useInjector();\n\n  useLayoutEffect(\n    () =>\n      injector.inject([\n        astDecorator.whole.of((cursor) => {\n          if (cursor.name === 'JinjaStatementStart' || cursor.name === 'JinjaStatementEnd') {\n            return {\n              type: 'className',\n              className: 'jinja-statement-bracket',\n            };\n          }\n\n          if (cursor.name === 'JinjaComment') {\n            return {\n              type: 'className',\n              className: 'jinja-comment',\n            };\n          }\n\n          if (cursor.name === 'JinjaExpression') {\n            return {\n              type: 'className',\n              className: 'jinja-expression',\n            };\n          }\n        }),\n        EditorView.theme({\n          '.jinja-statement-bracket': {\n            color: '#D1009D',\n          },\n          '.jinja-comment': {\n            color: '#0607094D',\n          },\n          '.jinja-expression': {\n            color: '#4E40E5',\n          },\n        }),\n      ]),\n    [injector]\n  );\n\n  return null;\n}\n\nexport default JinjaHighlight;\n"],"mappings":"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","names":["useLayoutEffect","useInjector","useLayoutEffect","useInjector","astDecorator","EditorView"]}