@flowgram.ai/form-materials 0.4.9 → 0.4.10

package/bin/project.ts

@@ -1,95 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import path from 'path';
-import fs from 'fs';
-import { execSync } from 'child_process';
-
-// Added type definitions
-interface PackageJson {
-  dependencies: { [key: string]: string };
-  devDependencies?: { [key: string]: string };
-  peerDependencies?: { [key: string]: string };
-  [key: string]: any;
-}
-
-export interface ProjectInfo {
-  projectPath: string;
-  packageJsonPath: string;
-  packageJson: PackageJson;
-  flowgramVersion: string;
-}
-
-export function getProjectInfo(): ProjectInfo {
-  // get nearest package.json
-  let projectPath: string = process.cwd();
-
-  while (projectPath !== '/' && !fs.existsSync(path.join(projectPath, 'package.json'))) {
-    projectPath = path.join(projectPath, '..');
-  }
-
-  if (projectPath === '/') {
-    throw new Error('Please run this command in a valid project');
-  }
-
-  const packageJsonPath: string = path.join(projectPath, 'package.json');
-  const packageJson: PackageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
-
-  // fixed layout or free layout
-  const flowgramVersion: string | undefined =
-    packageJson.dependencies['@flowgram.ai/fixed-layout-editor'] ||
-    packageJson.dependencies['@flowgram.ai/free-layout-editor'] ||
-    packageJson.dependencies['@flowgram.ai/editor'];
-
-  if (!flowgramVersion) {
-    throw new Error(
-      'Please install @flowgram.ai/fixed-layout-editor or @flowgram.ai/free-layout-editor'
-    );
-  }
-
-  return {
-    projectPath,
-    packageJsonPath,
-    packageJson,
-    flowgramVersion, // TypeScript will ensure this is string due to the check above
-  };
-}
-
-export function findRushJson(startPath: string): string | null {
-  let currentPath: string = startPath;
-  while (currentPath !== '/' && !fs.existsSync(path.join(currentPath, 'rush.json'))) {
-    currentPath = path.join(currentPath, '..');
-  }
-  if (fs.existsSync(path.join(currentPath, 'rush.json'))) {
-    return path.join(currentPath, 'rush.json');
-  }
-  return null;
-}
-
-export function installDependencies(packages: string[], projectInfo: ProjectInfo): void {
-  if (fs.existsSync(path.join(projectInfo.projectPath, 'yarn.lock'))) {
-    console.log(`yarn add ${packages.join(' ')}`);
-    execSync(`yarn add ${packages.join(' ')}`, { stdio: 'inherit' });
-    return;
-  }
-
-  if (fs.existsSync(path.join(projectInfo.projectPath, 'pnpm-lock.yaml'))) {
-    console.log(`pnpm add ${packages.join(' ')}`);
-    execSync(`pnpm add ${packages.join(' ')}`, { stdio: 'inherit' });
-    return;
-  }
-
-  //  rush monorepo
-  if (findRushJson(projectInfo.projectPath)) {
-    console.log(`rush add ${packages.map((pkg) => `--package ${pkg}`).join(' ')}`);
-    execSync(`rush add ${packages.map((pkg) => `--package ${pkg}`).join(' ')}`, {
-      stdio: 'inherit',
-    });
-    return;
-  }
-
-  console.log(`npm install ${packages.join(' ')}`);
-  execSync(`npm install ${packages.join(' ')}`, { stdio: 'inherit' });
-}

package/bin/utils/import.ts

@@ -1,127 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-/**
- * Cases
- * import { A, B } from 'module';
- * import A from 'module';
- * import * as C from 'module';
- * import D, { type E, F } from 'module';
- * import A, { B as B1 } from 'module';
- */
-interface ImportDeclaration {
-  // origin statement
-  statement: string;
-
-  // import { A, B } from 'module';
-  namedImports?: {
-    local?: string;
-    imported: string;
-    typeOnly?: boolean;
-  }[];
-
-  // import A from 'module';
-  defaultImport?: string;
-
-  // import * as C from 'module';
-  namespaceImport?: string;
-
-  source: string;
-}
-
-export function assembleImport(declaration: ImportDeclaration): string {
-  const { namedImports, defaultImport, namespaceImport, source } = declaration;
-  const importClauses = [];
-  if (namedImports) {
-    importClauses.push(
-      `{ ${namedImports
-        .map(
-          ({ local, imported, typeOnly }) =>
-            `${typeOnly ? 'type ' : ''}${imported}${local ? ` as ${local}` : ''}`
-        )
-        .join(', ')} }`
-    );
-  }
-  if (defaultImport) {
-    importClauses.push(defaultImport);
-  }
-  if (namespaceImport) {
-    importClauses.push(`* as ${namespaceImport}`);
-  }
-  return `import ${importClauses.join(', ')} from '${source}'`;
-}
-
-export function replaceImport(
-  fileContent: string,
-  origin: ImportDeclaration,
-  replaceTo: ImportDeclaration[]
-): string {
-  const replaceImportStatements = replaceTo.map(assembleImport);
-  // replace origin statement
-  return fileContent.replace(origin.statement, replaceImportStatements.join('\n'));
-}
-
-export function* traverseFileImports(fileContent: string): Generator<ImportDeclaration> {
-  // 匹配所有 import 语句的正则表达式
-  const importRegex =
-    /import\s+([^{}*,]*?)?(?:\s*\*\s*as\s+([a-zA-Z_$][a-zA-Z0-9_$]*)\s*,?)?(?:\s*\{([^}]*)\}\s*,?)?(?:\s*([a-zA-Z_$][a-zA-Z0-9_$]*)\s*,?)?\s*from\s*['"`]([^'"`]+)['"`]/g;
-
-  let match;
-  while ((match = importRegex.exec(fileContent)) !== null) {
-    const [fullMatch, defaultPart, namespacePart, namedPart, defaultPart2, source] = match;
-
-    const declaration: ImportDeclaration = {
-      statement: fullMatch,
-      source: source,
-    };
-
-    // 处理默认导入
-    const defaultImport = defaultPart?.trim() || defaultPart2?.trim();
-    if (defaultImport && !namespacePart && !namedPart) {
-      declaration.defaultImport = defaultImport;
-    } else if (defaultImport && (namespacePart || namedPart)) {
-      declaration.defaultImport = defaultImport;
-    }
-
-    // 处理命名空间导入 (* as)
-    if (namespacePart) {
-      declaration.namespaceImport = namespacePart.trim();
-    }
-
-    // 处理命名导入
-    if (namedPart) {
-      const namedImports = [];
-      const namedItems = namedPart
-        .split(',')
-        .map((item) => item.trim())
-        .filter(Boolean);
-
-      for (const item of namedItems) {
-        const typeOnly = item.startsWith('type ');
-        const cleanItem = typeOnly ? item.slice(5).trim() : item;
-
-        if (cleanItem.includes(' as ')) {
-          const [imported, local] = cleanItem.split(' as ').map((s) => s.trim());
-          namedImports.push({
-            imported,
-            local,
-            typeOnly,
-          });
-        } else {
-          namedImports.push({
-            imported: cleanItem,
-            typeOnly,
-          });
-        }
-      }
-
-      if (namedImports.length > 0) {
-        declaration.namedImports = namedImports;
-      }
-    }
-
-    yield declaration;
-  }
-}

package/bin/utils/traverse-file.ts

@@ -1,60 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import path from 'path';
-import fs from 'fs';
-
-class File {
-  content: string;
-
-  isUtf8: boolean;
-
-  relativePath: string;
-
-  path: string;
-
-  suffix: string;
-
-  constructor(filePath: string, public root: string = '/') {
-    this.path = filePath;
-    this.relativePath = path.relative(this.root, this.path);
-    this.suffix = path.extname(this.path);
-
-    // Check if exists
-    if (!fs.existsSync(this.path)) {
-      throw Error(`File ${path} Not Exists`);
-    }
-
-    // If no utf-8, skip
-    try {
-      this.content = fs.readFileSync(this.path, 'utf-8');
-      this.isUtf8 = true;
-    } catch (e) {
-      this.isUtf8 = false;
-      return;
-    }
-  }
-
-  replace(updater: (content: string) => string) {
-    if (!this.isUtf8) {
-      console.warn('Not UTF-8 file skipped: ', this.path);
-      return;
-    }
-    this.content = updater(this.content);
-    fs.writeFileSync(this.path, this.content, 'utf-8');
-  }
-}
-
-export function* traverseRecursiveFiles(folder: string): Generator<File> {
-  const files = fs.readdirSync(folder);
-  for (const file of files) {
-    const filePath = path.join(folder, file);
-    if (fs.statSync(filePath).isDirectory()) {
-      yield* traverseRecursiveFiles(filePath);
-    } else {
-      yield new File(filePath);
-    }
-  }
-}

package/dist/esm/chunk-727SU246.js

@@ -1,13 +0,0 @@
-import {
-  lazySuspense
-} from "./chunk-DEZUEMUM.js";
-
-// src/components/prompt-editor/index.tsx
-var PromptEditor = lazySuspense(
-  () => import("./editor-6UMULJYB.js").then((module) => ({ default: module.PromptEditor }))
-);
-
-export {
-  PromptEditor
-};
-//# sourceMappingURL=chunk-727SU246.js.map

package/dist/esm/chunk-727SU246.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/prompt-editor/index.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { lazySuspense } from '@/shared';\n\nexport const PromptEditor = lazySuspense(() =>\n  import('./editor').then((module) => ({ default: module.PromptEditor }))\n);\n\nexport type { PromptEditorPropsType } from './editor';\n"],"mappings":";;;;;AAOO,IAAM,eAAe;AAAA,EAAa,MACvC,OAAO,sBAAU,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,OAAO,aAAa,EAAE;AACxE;","names":[]}

package/dist/esm/chunk-DEZUEMUM.js

@@ -1,284 +0,0 @@
-// src/shared/format-legacy-refs/index.ts
-import { isObject } from "lodash-es";
-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-es";
-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;
-}
-
-// src/shared/lazy-suspense/index.tsx
-import React2, { lazy, Suspense } from "react";
-import { Skeleton } from "@douyinfe/semi-ui";
-function withSuspense(Component, fallback) {
-  const WithSuspenseComponent = (props) => /* @__PURE__ */ React2.createElement(Suspense, { fallback: fallback || /* @__PURE__ */ React2.createElement(Skeleton.Paragraph, { style: { width: "100%" }, rows: 1 }) }, /* @__PURE__ */ React2.createElement(Component, { ...props }));
-  return WithSuspenseComponent;
-}
-function lazySuspense(params, fallback) {
-  return withSuspense(lazy(params), fallback);
-}
-
-export {
-  formatLegacyRefOnSubmit,
-  formatLegacyRefOnInit,
-  isLegacyFlowRefValueSchema,
-  isNewFlowRefValueSchema,
-  formatLegacyRefToNewRef,
-  formatNewRefToLegacyRef,
-  createInjectMaterial,
-  FlowValueUtils,
-  polyfillCreateRoot,
-  unstableSetCreateRoot,
-  withSuspense,
-  lazySuspense
-};
-//# sourceMappingURL=chunk-DEZUEMUM.js.map

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

@@ -1 +0,0 @@
-{"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","../../src/shared/lazy-suspense/index.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { isObject } from 'lodash-es';\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-es';\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","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { ComponentType, lazy, Suspense } from 'react';\n\nimport { Skeleton } from '@douyinfe/semi-ui';\n\nexport function withSuspense<T extends ComponentType<any>>(\n  Component: T,\n  fallback?: React.ReactNode\n): T {\n  const WithSuspenseComponent: T = ((props: any) => (\n    <Suspense fallback={fallback || <Skeleton.Paragraph style={{ width: '100%' }} rows={1} />}>\n      <Component {...props} />\n    </Suspense>\n  )) as any;\n\n  return WithSuspenseComponent;\n}\n\nexport function lazySuspense<T extends ComponentType<any>>(\n  params: Parameters<typeof lazy<T>>[0],\n  fallback?: React.ReactNode\n) {\n  return withSuspense(lazy(params), fallback);\n}\n"],"mappings":";AAKA,SAAS,gBAAgB;AAyClB,SAAS,wBAAwB,OAAiB;AACvD,MAAI,SAAS,KAAK,GAAG;AACnB,QAAI,2BAA2B,KAAK,GAAG;AACrC,aAAO,wBAAwB,KAAK;AAAA,IACtC;AAEA,WAAO,OAAO;AAAA,MACZ,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAKA,MAAK,MAAqB;AAAA,QACzD;AAAA,QACA,wBAAwBA,MAAK;AAAA,MAC/B,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM,IAAI,uBAAuB;AAAA,EAC1C;AAEA,SAAO;AACT;AAgCO,SAAS,sBAAsB,OAAiB;AACrD,MAAI,SAAS,KAAK,GAAG;AACnB,QAAI,wBAAwB,KAAK,GAAG;AAClC,aAAO,wBAAwB,KAAK;AAAA,IACtC;AAEA,WAAO,OAAO;AAAA,MACZ,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAKA,MAAK,MAAqB;AAAA,QACzD;AAAA,QACA,sBAAsBA,MAAK;AAAA,MAC7B,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM,IAAI,qBAAqB;AAAA,EACxC;AAEA,SAAO;AACT;AAEO,SAAS,2BAA2B,OAA+C;AACxF,SACE,SAAS,KAAK,KACd,OAAO,KAAK,KAAK,EAAE,WAAW,KAC7B,MAAc,SAAS,SACxB,OAAQ,MAAc,YAAY;AAEtC;AAEO,SAAS,wBAAwB,OAA4C;AAClF,SACE,SAAS,KAAK,KACd,OAAO,KAAK,KAAK,EAAE,WAAW,KAC7B,MAAc,SAAS,SACxB,MAAM,QAAS,MAAc,OAAO;AAExC;AAEO,SAAS,wBAAwB,OAAiC;AACvE,QAAM,UAAU,MAAM,QAAQ,MAAM,GAAG;AAEvC,MAAI,QAAQ,CAAC,MAAM,WAAW;AAC5B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,IAAI,GAAI,QAAQ,SAAS,IAAI,QAAQ,MAAM,CAAC,IAAI,CAAC,CAAE;AAAA,IAC1F;AAAA,EACF;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAEO,SAAS,wBAAwB,OAA8B;AACpE,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,EACjC;AACF;;;ACxJA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsCA,SAAS,qBACd,WACA,QAGiB;AACjB,QAAM,kBAAmC,CAAC,UAAU;AAClD,UAAM,YAAY,uBAAuB;AAGzC,QAAI,CAAC,WAAW,QAAQ,oBAAoB,GAAG;AAE7C,aAAO,MAAM,cAAc,WAAmC,EAAE,GAAG,MAAM,CAAC;AAAA,IAC5E;AAGA,UAAM,mBAAmB,UAAU,IAAI,oBAAoB;AAG3D,UAAM,YAAY,QAAQ,aAAa,UAAU,aAAa,UAAU,QAAQ;AAGhF,UAAM,WAAW,iBAAiB,0BAA0B,SAAS;AAGrE,QAAI,UAAU,SAAS,0BAA0B,OAAO;AAEtD,aAAO,MAAM,cAAc,WAAmC,EAAE,GAAG,MAAM,CAAC;AAAA,IAC5E;AAGA,WAAO,MAAM,cAAc,SAAS,UAAU;AAAA,MAC5C,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AAEA,SAAO;AACT;;;ACjFA,SAAS,SAAS,YAAAC,WAAU,eAAe,YAAY;AACvD,SAAsB,uBAAuB;;;ACD7C,OAAO,OAAO;AAGP,IAAM,cAAc,EACxB,OAAO;AAAA,EACN,OAAO,EAAE,OAAO,EAAE,SAAS;AAC7B,CAAC,EACA,SAAS;AAEL,IAAM,iBAAiB,EAAE,OAAO;AAAA,EACrC,MAAM,EAAE,QAAQ,UAAU;AAAA,EAC1B,SAAS,EAAE,IAAI,EAAE,SAAS;AAAA,EAC1B,QAAQ,EAAE,IAAI,EAAE,SAAS;AAAA,EACzB,OAAO;AACT,CAAC;AAEM,IAAM,YAAY,EAAE,OAAO;AAAA,EAChC,MAAM,EAAE,QAAQ,KAAK;AAAA,EACrB,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,SAAS;AAAA,EACtC,OAAO;AACT,CAAC;AAEM,IAAM,mBAAmB,EAAE,OAAO;AAAA,EACvC,MAAM,EAAE,QAAQ,YAAY;AAAA,EAC5B,SAAS,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,OAAO;AACT,CAAC;AAEM,IAAM,iBAAiB,EAAE,OAAO;AAAA,EACrC,MAAM,EAAE,QAAQ,UAAU;AAAA,EAC1B,SAAS,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,OAAO;AACT,CAAC;;;ADhBM,IAAU;AAAA,CAAV,CAAUC,oBAAV;AAIE,WAAS,WAAW,OAAyC;AAClE,WAAO,eAAe,UAAU,KAAK,EAAE;AAAA,EACzC;AAFO,EAAAA,gBAAS;AAOT,WAAS,MAAM,OAAoC;AACxD,WAAO,UAAU,UAAU,KAAK,EAAE;AAAA,EACpC;AAFO,EAAAA,gBAAS;AAOT,WAAS,aAAa,OAA2C;AACtE,WAAO,iBAAiB,UAAU,KAAK,EAAE;AAAA,EAC3C;AAFO,EAAAA,gBAAS;AAOT,WAAS,WAAW,OAAyC;AAClE,WAAO,eAAe,UAAU,KAAK,EAAE;AAAA,EACzC;AAFO,EAAAA,gBAAS;AAOT,WAAS,gBAAgB,OAA4C;AAC1E,WAAO,WAAW,KAAK,KAAK,MAAM,KAAK;AAAA,EACzC;AAFO,EAAAA,gBAAS;AAOT,WAAS,YAAY,OAAiC;AAC3D,WAAO,WAAW,KAAK,KAAK,MAAM,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK;AAAA,EACrF;AAFO,EAAAA,gBAAS;AAUT,YAAU,SACf,OACA,SAIgD;AAChD,UAAM,EAAE,eAAe,CAAC,OAAO,UAAU,GAAG,OAAO,GAAG,IAAI;AAE1D,QAAI,cAAc,KAAK,GAAG;AACxB,UAAI,MAAM,KAAK,KAAK,aAAa,SAAS,KAAK,GAAG;AAChD,cAAM,EAAE,OAAO,KAAK;AACpB;AAAA,MACF;AAEA,UAAI,WAAW,KAAK,KAAK,aAAa,SAAS,UAAU,GAAG;AAC1D,cAAM,EAAE,OAAO,KAAK;AACpB;AAAA,MACF;AAEA,UAAI,aAAa,KAAK,KAAK,aAAa,SAAS,YAAY,GAAG;AAC9D,cAAM,EAAE,OAAO,KAAK;AACpB;AAAA,MACF;AAEA,UAAI,WAAW,KAAK,KAAK,aAAa,SAAS,UAAU,GAAG;AAC1D,cAAM,EAAE,OAAO,KAAK;AACpB;AAAA,MACF;AAEA,iBAAW,CAAC,MAAM,MAAM,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClD,eAAO,SAAS,QAAQ,EAAE,GAAG,SAAS,MAAM,GAAG,IAAI,IAAI,IAAI,GAAG,CAAC;AAAA,MACjE;AACA;AAAA,IACF;AAEA,QAAI,QAAQ,KAAK,GAAG;AAClB,iBAAW,CAAC,MAAM,MAAM,KAAK,MAAM,QAAQ,GAAG;AAC5C,eAAO,SAAS,QAAQ,EAAE,GAAG,SAAS,MAAM,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC;AAAA,MAClE;AACA;AAAA,IACF;AAEA;AAAA,EACF;AA5CO,EAAAA,gBAAU;AAmDV,WAAS,oBAAoB,OAA2B;AAE7D,UAAM,aAAa;AACnB,WAAO,KAAK,MAAM,SAAS,MAAM,UAAU,KAAK,CAAC,CAAC,EAAE;AAAA,MAAI,CAAC,aACvD,SAAS,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG;AAAA,IACjC;AAAA,EACF;AANO,EAAAA,gBAAS;AAaT,WAAS,wBAAwB,OAAoD;AAC1F,QAAI,OAAO,QAAQ;AACjB,aAAO,MAAM;AAAA,IACf;AAEA,QAAI,OAAO,MAAM,YAAY,UAAU;AACrC,aAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAEA,QAAI,OAAO,MAAM,YAAY,UAAU;AACrC,aAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAEA,QAAI,OAAO,MAAM,YAAY,WAAW;AACtC,aAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAEA,QAAIC,UAAS,MAAM,OAAO,GAAG;AAC3B,aAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AACA,WAAO;AAAA,EACT;AA7BO,EAAAD,gBAAS;AAqCT,WAAS,gBAAgB,QAAa,OAAuC;AAClF,QAAI,cAAc,MAAM,GAAG;AACzB,UAAI,WAAW,MAAM,GAAG;AACtB,eAAO,wBAAwB,MAAM;AAAA,MACvC;AAEA,UAAI,MAAM,MAAM,GAAG;AACjB,cAAM,WAAW,MAAM,UAAU,aAAa,QAAQ,OAAO;AAC7D,cAAM,SAAS,UAAU,OAAO,gBAAgB,YAAY,UAAU,IAAI,IAAI;AAE9E,eAAO;AAAA,MACT;AAEA,UAAI,WAAW,MAAM,GAAG;AACtB,eAAO,EAAE,MAAM,SAAS;AAAA,MAC1B;AAEA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,YAAY,OAAO,KAAK,MAAM,EAAE,OAAO,CAAC,KAAK,QAAQ;AACnD,gBAAM,SAAS,gBAAiB,OAAe,GAAG,GAAG,KAAK;AAC1D,cAAI,QAAQ;AACV,gBAAI,GAAG,IAAI;AAAA,UACb;AACA,iBAAO;AAAA,QACT,GAAG,CAAC,CAAgC;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AA5BO,EAAAA,gBAAS;AAAA,GAtJD;;;AEhBjB,YAAY,cAAc;AAY1B,IAAI,qBAAqB,CAAC,SAAqC;AAAA,EAC7D,OAAO,UAAuB;AAC5B,IAAS,gBAAO,UAAU,GAAG;AAAA,EAC/B;AAAA,EACA,UAAU;AACR,IAAS,gCAAuB,GAAG;AAAA,EACrC;AACF;AAEO,SAAS,mBAAmB,KAAiC;AAClE,SAAO,mBAAmB,GAAG;AAC/B;AAEO,SAAS,sBAAsB,YAAiD;AACrF,uBAAqB;AACvB;;;AC3BA,OAAOE,UAAwB,MAAM,gBAAgB;AAErD,SAAS,gBAAgB;AAElB,SAAS,aACd,WACA,UACG;AACH,QAAM,wBAA4B,CAAC,UACjC,gBAAAA,OAAA,cAAC,YAAS,UAAU,YAAY,gBAAAA,OAAA,cAAC,SAAS,WAAT,EAAmB,OAAO,EAAE,OAAO,OAAO,GAAG,MAAM,GAAG,KACrF,gBAAAA,OAAA,cAAC,aAAW,GAAG,OAAO,CACxB;AAGF,SAAO;AACT;AAEO,SAAS,aACd,QACA,UACA;AACA,SAAO,aAAa,KAAK,MAAM,GAAG,QAAQ;AAC5C;","names":["value","isObject","FlowValueUtils","isObject","React"]}