@flowgram.ai/form-materials 0.4.4 → 0.4.6

package/dist/esm/chunk-QIJ4QVB2.js

@@ -0,0 +1,271 @@
+// src/shared/format-legacy-refs/index.ts
+import { isObject } from "lodash";
+function formatLegacyRefOnSubmit(value) {
+  if (isObject(value)) {
+    if (isLegacyFlowRefValueSchema(value)) {
+      return formatLegacyRefToNewRef(value);
+    }
+    return Object.fromEntries(
+      Object.entries(value).map(([key, value2]) => [
+        key,
+        formatLegacyRefOnSubmit(value2)
+      ])
+    );
+  }
+  if (Array.isArray(value)) {
+    return value.map(formatLegacyRefOnSubmit);
+  }
+  return value;
+}
+function formatLegacyRefOnInit(value) {
+  if (isObject(value)) {
+    if (isNewFlowRefValueSchema(value)) {
+      return formatNewRefToLegacyRef(value);
+    }
+    return Object.fromEntries(
+      Object.entries(value).map(([key, value2]) => [
+        key,
+        formatLegacyRefOnInit(value2)
+      ])
+    );
+  }
+  if (Array.isArray(value)) {
+    return value.map(formatLegacyRefOnInit);
+  }
+  return value;
+}
+function isLegacyFlowRefValueSchema(value) {
+  return isObject(value) && Object.keys(value).length === 2 && value.type === "ref" && typeof value.content === "string";
+}
+function isNewFlowRefValueSchema(value) {
+  return isObject(value) && Object.keys(value).length === 2 && value.type === "ref" && Array.isArray(value.content);
+}
+function formatLegacyRefToNewRef(value) {
+  const keyPath = value.content.split(".");
+  if (keyPath[1] === "outputs") {
+    return {
+      type: "ref",
+      content: [`${keyPath[0]}.${keyPath[1]}`, ...keyPath.length > 2 ? keyPath.slice(2) : []]
+    };
+  }
+  return {
+    type: "ref",
+    content: keyPath
+  };
+}
+function formatNewRefToLegacyRef(value) {
+  return {
+    type: "ref",
+    content: value.content.join(".")
+  };
+}
+
+// src/shared/inject-material/index.tsx
+import React from "react";
+import {
+  FlowRendererComponentType,
+  FlowRendererRegistry,
+  usePlaygroundContainer
+} from "@flowgram.ai/editor";
+function createInjectMaterial(Component, params) {
+  const InjectComponent = (props) => {
+    const container = usePlaygroundContainer();
+    if (!container?.isBound(FlowRendererRegistry)) {
+      return React.createElement(Component, { ...props });
+    }
+    const rendererRegistry = container.get(FlowRendererRegistry);
+    const renderKey = params?.renderKey || Component.renderKey || Component.name || "";
+    const renderer = rendererRegistry.tryToGetRendererComponent(renderKey);
+    if (renderer?.type !== FlowRendererComponentType.REACT) {
+      return React.createElement(Component, { ...props });
+    }
+    return React.createElement(renderer.renderer, {
+      ...props
+    });
+  };
+  return InjectComponent;
+}
+
+// src/shared/flow-value/utils.ts
+import { isArray, isObject as isObject2, isPlainObject, uniq } from "lodash";
+import { JsonSchemaUtils } from "@flowgram.ai/json-schema";
+
+// src/shared/flow-value/schema.ts
+import z from "zod";
+var extraSchema = z.object({
+  index: z.number().optional()
+}).optional();
+var constantSchema = z.object({
+  type: z.literal("constant"),
+  content: z.any().optional(),
+  schema: z.any().optional(),
+  extra: extraSchema
+});
+var refSchema = z.object({
+  type: z.literal("ref"),
+  content: z.array(z.string()).optional(),
+  extra: extraSchema
+});
+var expressionSchema = z.object({
+  type: z.literal("expression"),
+  content: z.string().optional(),
+  extra: extraSchema
+});
+var templateSchema = z.object({
+  type: z.literal("template"),
+  content: z.string().optional(),
+  extra: extraSchema
+});
+
+// src/shared/flow-value/utils.ts
+var FlowValueUtils;
+((FlowValueUtils2) => {
+  function isConstant(value) {
+    return constantSchema.safeParse(value).success;
+  }
+  FlowValueUtils2.isConstant = isConstant;
+  function isRef(value) {
+    return refSchema.safeParse(value).success;
+  }
+  FlowValueUtils2.isRef = isRef;
+  function isExpression(value) {
+    return expressionSchema.safeParse(value).success;
+  }
+  FlowValueUtils2.isExpression = isExpression;
+  function isTemplate(value) {
+    return templateSchema.safeParse(value).success;
+  }
+  FlowValueUtils2.isTemplate = isTemplate;
+  function isConstantOrRef(value) {
+    return isConstant(value) || isRef(value);
+  }
+  FlowValueUtils2.isConstantOrRef = isConstantOrRef;
+  function isFlowValue(value) {
+    return isConstant(value) || isRef(value) || isExpression(value) || isTemplate(value);
+  }
+  FlowValueUtils2.isFlowValue = isFlowValue;
+  function* traverse(value, options) {
+    const { includeTypes = ["ref", "template"], path = "" } = options;
+    if (isPlainObject(value)) {
+      if (isRef(value) && includeTypes.includes("ref")) {
+        yield { value, path };
+        return;
+      }
+      if (isTemplate(value) && includeTypes.includes("template")) {
+        yield { value, path };
+        return;
+      }
+      if (isExpression(value) && includeTypes.includes("expression")) {
+        yield { value, path };
+        return;
+      }
+      if (isConstant(value) && includeTypes.includes("constant")) {
+        yield { value, path };
+        return;
+      }
+      for (const [_key, _value] of Object.entries(value)) {
+        yield* traverse(_value, { ...options, path: `${path}.${_key}` });
+      }
+      return;
+    }
+    if (isArray(value)) {
+      for (const [_idx, _value] of value.entries()) {
+        yield* traverse(_value, { ...options, path: `${path}[${_idx}]` });
+      }
+      return;
+    }
+    return;
+  }
+  FlowValueUtils2.traverse = traverse;
+  function getTemplateKeyPaths(value) {
+    const keyPathReg = /\{\{([^\}\{]+)\}\}/g;
+    return uniq(value.content?.match(keyPathReg) || []).map(
+      (_keyPath) => _keyPath.slice(2, -2).split(".")
+    );
+  }
+  FlowValueUtils2.getTemplateKeyPaths = getTemplateKeyPaths;
+  function inferConstantJsonSchema(value) {
+    if (value?.schema) {
+      return value.schema;
+    }
+    if (typeof value.content === "string") {
+      return {
+        type: "string"
+      };
+    }
+    if (typeof value.content === "number") {
+      return {
+        type: "number"
+      };
+    }
+    if (typeof value.content === "boolean") {
+      return {
+        type: "boolean"
+      };
+    }
+    if (isObject2(value.content)) {
+      return {
+        type: "object"
+      };
+    }
+    return void 0;
+  }
+  FlowValueUtils2.inferConstantJsonSchema = inferConstantJsonSchema;
+  function inferJsonSchema(values, scope) {
+    if (isPlainObject(values)) {
+      if (isConstant(values)) {
+        return inferConstantJsonSchema(values);
+      }
+      if (isRef(values)) {
+        const variable = scope.available.getByKeyPath(values?.content);
+        const schema = variable?.type ? JsonSchemaUtils.astToSchema(variable?.type) : void 0;
+        return schema;
+      }
+      if (isTemplate(values)) {
+        return { type: "string" };
+      }
+      return {
+        type: "object",
+        properties: Object.keys(values).reduce((acc, key) => {
+          const schema = inferJsonSchema(values[key], scope);
+          if (schema) {
+            acc[key] = schema;
+          }
+          return acc;
+        }, {})
+      };
+    }
+  }
+  FlowValueUtils2.inferJsonSchema = inferJsonSchema;
+})(FlowValueUtils || (FlowValueUtils = {}));
+
+// src/shared/polyfill-create-root/index.tsx
+import * as ReactDOM from "react-dom";
+var unstableCreateRoot = (dom) => ({
+  render(children) {
+    ReactDOM.render(children, dom);
+  },
+  unmount() {
+    ReactDOM.unmountComponentAtNode(dom);
+  }
+});
+function polyfillCreateRoot(dom) {
+  return unstableCreateRoot(dom);
+}
+function unstableSetCreateRoot(createRoot) {
+  unstableCreateRoot = createRoot;
+}
+
+export {
+  formatLegacyRefOnSubmit,
+  formatLegacyRefOnInit,
+  isLegacyFlowRefValueSchema,
+  isNewFlowRefValueSchema,
+  formatLegacyRefToNewRef,
+  formatNewRefToLegacyRef,
+  createInjectMaterial,
+  FlowValueUtils,
+  polyfillCreateRoot,
+  unstableSetCreateRoot
+};
+//# sourceMappingURL=chunk-QIJ4QVB2.js.map

package/dist/esm/chunk-QIJ4QVB2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/format-legacy-refs/index.ts","../../src/shared/inject-material/index.tsx","../../src/shared/flow-value/utils.ts","../../src/shared/flow-value/schema.ts","../../src/shared/polyfill-create-root/index.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { isObject } from 'lodash';\n\ninterface LegacyFlowRefValueSchema {\n  type: 'ref';\n  content: string;\n}\n\ninterface NewFlowRefValueSchema {\n  type: 'ref';\n  content: string[];\n}\n\n/**\n * In flowgram 0.2.0, for introducing Loop variable functionality,\n * the FlowRefValueSchema type definition is updated:\n *\n * interface LegacyFlowRefValueSchema {\n *  type: 'ref';\n *  content: string;\n * }\n *\n * interface NewFlowRefValueSchema {\n *  type: 'ref';\n *  content: string[];\n * }\n *\n *\n * For making sure backend json will not be changed, we provide format legacy ref utils for updating the formData\n *\n * How to use:\n *\n * 1. Call formatLegacyRefOnSubmit on the formData before submitting\n * 2. Call formatLegacyRefOnInit on the formData after submitting\n *\n * Example:\n * import { formatLegacyRefOnSubmit, formatLegacyRefOnInit } from '@flowgram.ai/form-materials';\n * formMeta: {\n *  formatOnSubmit: (data) => formatLegacyRefOnSubmit(data),\n *  formatOnInit: (data) => formatLegacyRefOnInit(data),\n * }\n */\nexport function formatLegacyRefOnSubmit(value: any): any {\n  if (isObject(value)) {\n    if (isLegacyFlowRefValueSchema(value)) {\n      return formatLegacyRefToNewRef(value);\n    }\n\n    return Object.fromEntries(\n      Object.entries(value).map(([key, value]: [string, any]) => [\n        key,\n        formatLegacyRefOnSubmit(value),\n      ])\n    );\n  }\n\n  if (Array.isArray(value)) {\n    return value.map(formatLegacyRefOnSubmit);\n  }\n\n  return value;\n}\n\n/**\n * In flowgram 0.2.0, for introducing Loop variable functionality,\n * the FlowRefValueSchema type definition is updated:\n *\n * interface LegacyFlowRefValueSchema {\n *  type: 'ref';\n *  content: string;\n * }\n *\n * interface NewFlowRefValueSchema {\n *  type: 'ref';\n *  content: string[];\n * }\n *\n *\n * For making sure backend json will not be changed, we provide format legacy ref utils for updating the formData\n *\n * How to use:\n *\n * 1. Call formatLegacyRefOnSubmit on the formData before submitting\n * 2. Call formatLegacyRefOnInit on the formData after submitting\n *\n * Example:\n * import { formatLegacyRefOnSubmit, formatLegacyRefOnInit } from '@flowgram.ai/form-materials';\n *\n * formMeta: {\n *  formatOnSubmit: (data) => formatLegacyRefOnSubmit(data),\n *  formatOnInit: (data) => formatLegacyRefOnInit(data),\n * }\n */\nexport function formatLegacyRefOnInit(value: any): any {\n  if (isObject(value)) {\n    if (isNewFlowRefValueSchema(value)) {\n      return formatNewRefToLegacyRef(value);\n    }\n\n    return Object.fromEntries(\n      Object.entries(value).map(([key, value]: [string, any]) => [\n        key,\n        formatLegacyRefOnInit(value),\n      ])\n    );\n  }\n\n  if (Array.isArray(value)) {\n    return value.map(formatLegacyRefOnInit);\n  }\n\n  return value;\n}\n\nexport function isLegacyFlowRefValueSchema(value: any): value is LegacyFlowRefValueSchema {\n  return (\n    isObject(value) &&\n    Object.keys(value).length === 2 &&\n    (value as any).type === 'ref' &&\n    typeof (value as any).content === 'string'\n  );\n}\n\nexport function isNewFlowRefValueSchema(value: any): value is NewFlowRefValueSchema {\n  return (\n    isObject(value) &&\n    Object.keys(value).length === 2 &&\n    (value as any).type === 'ref' &&\n    Array.isArray((value as any).content)\n  );\n}\n\nexport function formatLegacyRefToNewRef(value: LegacyFlowRefValueSchema) {\n  const keyPath = value.content.split('.');\n\n  if (keyPath[1] === 'outputs') {\n    return {\n      type: 'ref',\n      content: [`${keyPath[0]}.${keyPath[1]}`, ...(keyPath.length > 2 ? keyPath.slice(2) : [])],\n    };\n  }\n\n  return {\n    type: 'ref',\n    content: keyPath,\n  };\n}\n\nexport function formatNewRefToLegacyRef(value: NewFlowRefValueSchema) {\n  return {\n    type: 'ref',\n    content: value.content.join('.'),\n  };\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React from 'react';\n\nimport {\n  FlowRendererComponentType,\n  FlowRendererRegistry,\n  usePlaygroundContainer,\n} from '@flowgram.ai/editor';\n\n/**\n * Creates a material component wrapper with dependency injection support\n *\n * This Higher-Order Component (HOC) implements a dynamic component replacement mechanism\n * for material components. It automatically checks if a custom renderer is registered\n * in the editor context, using the injected component if available, otherwise\n * falling back to the default component.\n *\n * @example\n * ```tsx\n * // 1.Create an injectable material component\n * const InjectVariableSelector = createInjectMaterial(VariableSelector)\n *\n * // 2. Register custom components in editor\n * // Configure in use-editor-props.tsx:\n * const editorProps = {\n *   materials: {\n *     components: {\n *       [VariableSelector.renderKey]: YourCustomVariableSelector\n *     }\n *   }\n * }\n * ```\n *\n * @description\n * Data flow explanation:\n * - Register components to FlowRendererRegistry in use-editor-props\n * - InjectMaterial reads renderers from FlowRendererRegistry\n * - If registered renderer exists and type is REACT, use injected component\n * - If not exists or type mismatch, fallback to default component\n *\n * @param Component - Default React component\n * @param params - Optional parameters\n * @param params.renderKey - Custom render key name, highest priority\n * @returns Wrapper component with dependency injection support\n */\nexport function createInjectMaterial<Props>(\n  Component: React.FC<Props> & { renderKey?: string },\n  params?: {\n    renderKey?: string;\n  }\n): React.FC<Props> {\n  const InjectComponent: React.FC<Props> = (props) => {\n    const container = usePlaygroundContainer();\n\n    // Check if renderer registry is bound in container\n    if (!container?.isBound(FlowRendererRegistry)) {\n      // If no registry, use default component directly\n      return React.createElement(Component as (props?: any) => any, { ...props });\n    }\n\n    // Get renderer registry instance\n    const rendererRegistry = container.get(FlowRendererRegistry);\n\n    // Determine render key: prioritize param specified, then component renderKey, finally component name\n    const renderKey = params?.renderKey || Component.renderKey || Component.name || '';\n\n    // Get corresponding renderer from registry\n    const renderer = rendererRegistry.tryToGetRendererComponent(renderKey);\n\n    // Check if renderer exists and type is React component\n    if (renderer?.type !== FlowRendererComponentType.REACT) {\n      // If no suitable renderer found, fallback to default component\n      return React.createElement(Component as (props?: any) => any, { ...props });\n    }\n\n    // Render using injected React component\n    return React.createElement(renderer.renderer, {\n      ...props,\n    });\n  };\n\n  return InjectComponent;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { isArray, isObject, isPlainObject, uniq } from 'lodash';\nimport { IJsonSchema, JsonSchemaUtils } from '@flowgram.ai/json-schema';\nimport { Scope } from '@flowgram.ai/editor';\n\nimport {\n  IFlowConstantValue,\n  IFlowRefValue,\n  IFlowExpressionValue,\n  IFlowTemplateValue,\n  IFlowValue,\n  IFlowConstantRefValue,\n  FlowValueType,\n} from '@/typings';\n\nimport { constantSchema, refSchema, expressionSchema, templateSchema } from './schema';\n\nexport namespace FlowValueUtils {\n  /**\n   * Check if the value is a constant type\n   */\n  export function isConstant(value: any): value is IFlowConstantValue {\n    return constantSchema.safeParse(value).success;\n  }\n\n  /**\n   * Check if the value is a reference type\n   */\n  export function isRef(value: any): value is IFlowRefValue {\n    return refSchema.safeParse(value).success;\n  }\n\n  /**\n   * Check if the value is an expression type\n   */\n  export function isExpression(value: any): value is IFlowExpressionValue {\n    return expressionSchema.safeParse(value).success;\n  }\n\n  /**\n   * Check if the value is a template type\n   */\n  export function isTemplate(value: any): value is IFlowTemplateValue {\n    return templateSchema.safeParse(value).success;\n  }\n\n  /**\n   * Check if the value is either a constant or reference type\n   */\n  export function isConstantOrRef(value: any): value is IFlowConstantRefValue {\n    return isConstant(value) || isRef(value);\n  }\n\n  /**\n   * Check if the value is a valid flow value type\n   */\n  export function isFlowValue(value: any): value is IFlowValue {\n    return isConstant(value) || isRef(value) || isExpression(value) || isTemplate(value);\n  }\n\n  /**\n   * Traverse all flow values in the given value\n   * @param value The value to traverse\n   * @param options The options to traverse\n   * @returns A generator of flow values\n   */\n  export function* traverse(\n    value: any,\n    options: {\n      includeTypes?: FlowValueType[];\n      path?: string;\n    }\n  ): Generator<{ value: IFlowValue; path: string }> {\n    const { includeTypes = ['ref', 'template'], path = '' } = options;\n\n    if (isPlainObject(value)) {\n      if (isRef(value) && includeTypes.includes('ref')) {\n        yield { value, path };\n        return;\n      }\n\n      if (isTemplate(value) && includeTypes.includes('template')) {\n        yield { value, path };\n        return;\n      }\n\n      if (isExpression(value) && includeTypes.includes('expression')) {\n        yield { value, path };\n        return;\n      }\n\n      if (isConstant(value) && includeTypes.includes('constant')) {\n        yield { value, path };\n        return;\n      }\n\n      for (const [_key, _value] of Object.entries(value)) {\n        yield* traverse(_value, { ...options, path: `${path}.${_key}` });\n      }\n      return;\n    }\n\n    if (isArray(value)) {\n      for (const [_idx, _value] of value.entries()) {\n        yield* traverse(_value, { ...options, path: `${path}[${_idx}]` });\n      }\n      return;\n    }\n\n    return;\n  }\n\n  /**\n   * Get all key paths in the template value\n   * @param value The template value\n   * @returns A list of key paths\n   */\n  export function getTemplateKeyPaths(value: IFlowTemplateValue) {\n    // find all keyPath wrapped in {{}}\n    const keyPathReg = /\\{\\{([^\\}\\{]+)\\}\\}/g;\n    return uniq(value.content?.match(keyPathReg) || []).map((_keyPath) =>\n      _keyPath.slice(2, -2).split('.')\n    );\n  }\n\n  /**\n   * Infer the schema of the constant value\n   * @param value\n   * @returns\n   */\n  export function inferConstantJsonSchema(value: IFlowConstantValue): IJsonSchema | undefined {\n    if (value?.schema) {\n      return value.schema;\n    }\n\n    if (typeof value.content === 'string') {\n      return {\n        type: 'string',\n      };\n    }\n\n    if (typeof value.content === 'number') {\n      return {\n        type: 'number',\n      };\n    }\n\n    if (typeof value.content === 'boolean') {\n      return {\n        type: 'boolean',\n      };\n    }\n\n    if (isObject(value.content)) {\n      return {\n        type: 'object',\n      };\n    }\n    return undefined;\n  }\n\n  /**\n   * Infer the schema of the flow value\n   * @param values The flow value or object contains flow value\n   * @param scope\n   * @returns\n   */\n  export function inferJsonSchema(values: any, scope: Scope): IJsonSchema | undefined {\n    if (isPlainObject(values)) {\n      if (isConstant(values)) {\n        return inferConstantJsonSchema(values);\n      }\n\n      if (isRef(values)) {\n        const variable = scope.available.getByKeyPath(values?.content);\n        const schema = variable?.type ? JsonSchemaUtils.astToSchema(variable?.type) : undefined;\n\n        return schema;\n      }\n\n      if (isTemplate(values)) {\n        return { type: 'string' };\n      }\n\n      return {\n        type: 'object',\n        properties: Object.keys(values).reduce((acc, key) => {\n          const schema = inferJsonSchema((values as any)[key], scope);\n          if (schema) {\n            acc[key] = schema;\n          }\n          return acc;\n        }, {} as Record<string, IJsonSchema>),\n      };\n    }\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport z from 'zod';\n\n// Shared extra schema for flow value types\nexport const extraSchema = z\n  .object({\n    index: z.number().optional(),\n  })\n  .optional();\n\nexport const constantSchema = z.object({\n  type: z.literal('constant'),\n  content: z.any().optional(),\n  schema: z.any().optional(),\n  extra: extraSchema,\n});\n\nexport const refSchema = z.object({\n  type: z.literal('ref'),\n  content: z.array(z.string()).optional(),\n  extra: extraSchema,\n});\n\nexport const expressionSchema = z.object({\n  type: z.literal('expression'),\n  content: z.string().optional(),\n  extra: extraSchema,\n});\n\nexport const templateSchema = z.object({\n  type: z.literal('template'),\n  content: z.string().optional(),\n  extra: extraSchema,\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport * as ReactDOM from 'react-dom';\n\nexport interface IPolyfillRoot {\n  render(children: React.ReactNode): void;\n  unmount(): void;\n}\n\n/**\n * React 18 polyfill\n * @param dom\n * @returns\n */\nlet unstableCreateRoot = (dom: HTMLElement): IPolyfillRoot => ({\n  render(children: JSX.Element) {\n    ReactDOM.render(children, dom);\n  },\n  unmount() {\n    ReactDOM.unmountComponentAtNode(dom);\n  },\n});\n\nexport function polyfillCreateRoot(dom: HTMLElement): IPolyfillRoot {\n  return unstableCreateRoot(dom);\n}\n\nexport function unstableSetCreateRoot(createRoot: (dom: HTMLElement) => IPolyfillRoot) {\n  unstableCreateRoot = createRoot;\n}\n"],"mappings":"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","names":["value","isObject","FlowValueUtils","isObject"]}

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

@@ -0,0 +1,180 @@
+// 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

@@ -0,0 +1 @@
+{"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"]}