@flowgram.ai/form-materials 0.4.9 → 0.4.10

package/src/components/prompt-editor-with-inputs/extensions/inputs-tree.tsx

@@ -5,17 +5,17 @@
 
 import React, { useEffect, useState } from 'react';
 
-import { Popover } from '@douyinfe/semi-ui';
 import {
   Mention,
   MentionOpenChangeEvent,
   getCurrentMentionReplaceRange,
   useEditor,
   PositionMirror,
-} from '@coze-editor/editor/react';
-import { EditorAPI } from '@coze-editor/editor/preset-prompt';
+} from '@flowgram.ai/coze-editor/react';
+import { EditorAPI } from '@flowgram.ai/coze-editor/preset-prompt';
+import { Popover } from '@douyinfe/semi-ui';
 
-import { IFlowValue } from '@/typings';
+import { IFlowValue } from '@/shared';
 
 import { InputsPicker } from '../inputs-picker';
 

package/src/components/prompt-editor-with-variables/extensions/variable-tag.tsx

@@ -13,9 +13,9 @@ import {
   Scope,
   useCurrentScope,
 } from '@flowgram.ai/editor';
+import { useInjector } from '@flowgram.ai/coze-editor/react';
 import { Popover } from '@douyinfe/semi-ui';
 import { IconIssueStroked } from '@douyinfe/semi-icons';
-import { useInjector } from '@coze-editor/editor/react';
 import {
   Decoration,
   DecorationSet,

package/src/components/prompt-editor-with-variables/extensions/variable-tree.tsx

@@ -5,15 +5,15 @@
 
 import React, { useEffect, useState } from 'react';
 
-import { Popover, Tree } from '@douyinfe/semi-ui';
 import {
   Mention,
   MentionOpenChangeEvent,
   getCurrentMentionReplaceRange,
   useEditor,
   PositionMirror,
-} from '@coze-editor/editor/react';
-import { EditorAPI } from '@coze-editor/editor/preset-prompt';
+} from '@flowgram.ai/coze-editor/react';
+import { EditorAPI } from '@flowgram.ai/coze-editor/preset-prompt';
+import { Popover, Tree } from '@douyinfe/semi-ui';
 
 import { useVariableTree } from '@/components/variable-selector';
 

package/src/effects/auto-rename-ref/index.ts

@@ -10,7 +10,7 @@ import {
   VariableFieldKeyRenameService,
 } from '@flowgram.ai/editor';
 
-import { IFlowRefValue, IFlowTemplateValue } from '@/typings';
+import { IFlowRefValue, IFlowTemplateValue } from '@/shared';
 import { FlowValueUtils } from '@/shared';
 
 /**

package/src/effects/index.ts

@@ -3,10 +3,10 @@
  * SPDX-License-Identifier: MIT
  */
 
-export * from './provide-batch-input';
-export * from './auto-rename-ref';
-export * from './provide-json-schema-outputs';
-export * from './sync-variable-title';
-export * from './validate-when-variable-sync';
-export * from './listen-ref-value-change';
-export * from './listen-ref-schema-change';
+export { autoRenameRefEffect } from './auto-rename-ref';
+export { listenRefSchemaChange } from './listen-ref-schema-change';
+export { listenRefValueChange } from './listen-ref-value-change';
+export { provideBatchInputEffect } from './provide-batch-input';
+export { provideJsonSchemaOutputs } from './provide-json-schema-outputs';
+export { syncVariableTitle } from './sync-variable-title';
+export { validateWhenVariableSync } from './validate-when-variable-sync';

package/src/effects/listen-ref-schema-change/index.ts

@@ -13,7 +13,7 @@ import {
   getNodeScope,
 } from '@flowgram.ai/editor';
 
-import { IFlowRefValue } from '@/typings';
+import { IFlowRefValue } from '@/shared';
 
 /**
  * Example:

package/src/effects/listen-ref-value-change/index.ts

@@ -12,7 +12,7 @@ import {
   getNodeScope,
 } from '@flowgram.ai/editor';
 
-import { IFlowRefValue } from '@/typings';
+import { IFlowRefValue } from '@/shared';
 
 /**
  * Example:

package/src/effects/provide-batch-input/index.ts

@@ -11,7 +11,7 @@ import {
   getNodeForm,
 } from '@flowgram.ai/editor';
 
-import { IFlowRefValue } from '@/typings';
+import { IFlowRefValue } from '@/shared';
 
 export const provideBatchInputEffect: EffectOptions[] = createEffectFromVariableProvider({
   private: true,

package/src/form-plugins/batch-outputs-plugin/index.ts

@@ -17,7 +17,7 @@ import {
   FlowNodeScopeType,
 } from '@flowgram.ai/editor';
 
-import { IFlowRefValue } from '@/typings';
+import { IFlowRefValue } from '@/shared';
 
 export const provideBatchOutputsEffect: EffectOptions[] = createEffectFromVariableProvider({
   parse: (value: Record<string, IFlowRefValue>, ctx) => [

package/src/form-plugins/index.ts

@@ -3,6 +3,6 @@
  * SPDX-License-Identifier: MIT
  */
 
-export * from './batch-outputs-plugin';
-export * from './infer-inputs-plugin';
-export * from './infer-assign-plugin';
+export { createBatchOutputsFormPlugin, provideBatchOutputsEffect } from './batch-outputs-plugin';
+export { createInferAssignPlugin } from './infer-assign-plugin';
+export { createInferInputsPlugin } from './infer-inputs-plugin';

package/src/form-plugins/infer-assign-plugin/index.ts

@@ -14,7 +14,7 @@ import {
   getNodeScope,
 } from '@flowgram.ai/editor';
 
-import { IFlowRefValue, IFlowValue } from '@/typings';
+import { IFlowRefValue, IFlowValue } from '@/shared';
 
 type AssignValueType =
   | {

package/src/hooks/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export { useObjectList } from './use-object-list';

package/src/index.ts

@@ -3,11 +3,101 @@
  * SPDX-License-Identifier: MIT
  */
 
-export * from './components';
-export * from './effects';
-export * from './shared';
-export * from './typings';
-export * from './form-plugins';
-export * from './plugins';
-export * from './validate';
-export * from './hooks';
+export {
+  AssignRow,
+  AssignRows,
+  BatchOutputs,
+  BatchVariableSelector,
+  BlurInput,
+  CodeEditor,
+  CodeEditorMini,
+  ConditionRow,
+  ConstantInput,
+  DBConditionRow,
+  DisplayFlowValue,
+  DisplayInputsValueAllInTag,
+  DisplayInputsValues,
+  DisplayOutputs,
+  DisplaySchemaTag,
+  DisplaySchemaTree,
+  DynamicValueInput,
+  InjectDynamicValueInput,
+  InjectTypeSelector,
+  InjectVariableSelector,
+  InputsValues,
+  InputsValuesTree,
+  JsonEditorWithVariables,
+  JsonSchemaEditor,
+  PromptEditor,
+  PromptEditorWithInputs,
+  PromptEditorWithVariables,
+  TypeSelector,
+  VariableSelector,
+  VariableSelectorProvider,
+  getTypeSelectValue,
+  parseTypeSelectValue,
+  type AssignValueType,
+  type CodeEditorPropsType,
+  type ConditionRowValueType,
+  type ConstantInputStrategy,
+  type DBConditionOptionType,
+  type DBConditionRowValueType,
+  type JsonEditorWithVariablesProps,
+  type PromptEditorPropsType,
+  type PromptEditorWithInputsProps,
+  type PromptEditorWithVariablesProps,
+  type TypeSelectorProps,
+  type VariableSelectorProps,
+  useVariableTree,
+} from './components';
+export {
+  autoRenameRefEffect,
+  listenRefSchemaChange,
+  listenRefValueChange,
+  provideBatchInputEffect,
+  provideJsonSchemaOutputs,
+  syncVariableTitle,
+  validateWhenVariableSync,
+} from './effects';
+export {
+  createBatchOutputsFormPlugin,
+  createInferAssignPlugin,
+  createInferInputsPlugin,
+  provideBatchOutputsEffect,
+} from './form-plugins';
+export { useObjectList } from './hooks';
+export {
+  JsonSchemaTypePresetProvider,
+  JsonSchemaUtils,
+  createDisableDeclarationPlugin,
+  createTypePresetPlugin,
+  type ConstantRendererProps,
+  type IJsonSchema,
+  type JsonSchemaBasicType,
+  type JsonSchemaTypeRegistry,
+  useTypeManager,
+} from './plugins';
+export {
+  FlowValueUtils,
+  createInjectMaterial,
+  formatLegacyRefOnInit,
+  formatLegacyRefOnSubmit,
+  formatLegacyRefToNewRef,
+  formatNewRefToLegacyRef,
+  isLegacyFlowRefValueSchema,
+  isNewFlowRefValueSchema,
+  lazySuspense,
+  polyfillCreateRoot,
+  type FlowValueType,
+  type IFlowConstantRefValue,
+  type IFlowConstantValue,
+  type IFlowExpressionValue,
+  type IFlowRefValue,
+  type IFlowTemplateValue,
+  type IFlowValue,
+  type IFlowValueExtra,
+  type IPolyfillRoot,
+  unstableSetCreateRoot,
+  withSuspense,
+} from './shared';
+export { validateFlowValue } from './validate';

package/src/plugins/index.ts

@@ -3,5 +3,14 @@
  * SPDX-License-Identifier: MIT
  */
 
-export * from './json-schema-preset';
-export * from './disable-declaration-plugin';
+export { createDisableDeclarationPlugin } from './disable-declaration-plugin';
+export {
+  JsonSchemaTypePresetProvider,
+  JsonSchemaUtils,
+  createTypePresetPlugin,
+  type ConstantRendererProps,
+  type IJsonSchema,
+  type JsonSchemaBasicType,
+  type JsonSchemaTypeRegistry,
+  useTypeManager,
+} from './json-schema-preset';

package/src/plugins/json-schema-preset/index.tsx

@@ -33,9 +33,9 @@ export {
   createTypePresetPlugin,
   useTypeManager,
   JsonSchemaTypePresetProvider,
-  IJsonSchema,
   JsonSchemaUtils,
-  JsonSchemaTypeRegistry,
-  ConstantRendererProps,
-  JsonSchemaBasicType,
+  type IJsonSchema,
+  type JsonSchemaTypeRegistry,
+  type ConstantRendererProps,
+  type JsonSchemaBasicType,
 };

package/src/shared/flow-value/index.ts

@@ -3,4 +3,14 @@
  * SPDX-License-Identifier: MIT
  */
 
-export * from './utils';
+export { FlowValueUtils } from './utils';
+export {
+  type IFlowValueExtra,
+  type FlowValueType,
+  type IFlowValue,
+  type IFlowConstantValue,
+  type IFlowRefValue,
+  type IFlowExpressionValue,
+  type IFlowTemplateValue,
+  type IFlowConstantRefValue,
+} from './types';

package/src/shared/flow-value/utils.ts

@@ -15,8 +15,7 @@ import {
   IFlowValue,
   IFlowConstantRefValue,
   FlowValueType,
-} from '@/typings';
-
+} from './types';
 import { constantSchema, refSchema, expressionSchema, templateSchema } from './schema';
 
 export namespace FlowValueUtils {

package/src/shared/index.ts

@@ -3,8 +3,29 @@
  * SPDX-License-Identifier: MIT
  */
 
-export * from './format-legacy-refs';
-export * from './inject-material';
-export * from './flow-value';
-export * from './polyfill-create-root';
-export * from './lazy-suspense';
+export {
+  FlowValueUtils,
+  type FlowValueType,
+  type IFlowConstantRefValue,
+  type IFlowConstantValue,
+  type IFlowExpressionValue,
+  type IFlowRefValue,
+  type IFlowTemplateValue,
+  type IFlowValue,
+  type IFlowValueExtra,
+} from './flow-value';
+export {
+  formatLegacyRefOnInit,
+  formatLegacyRefOnSubmit,
+  formatLegacyRefToNewRef,
+  formatNewRefToLegacyRef,
+  isLegacyFlowRefValueSchema,
+  isNewFlowRefValueSchema,
+} from './format-legacy-refs';
+export { createInjectMaterial } from './inject-material';
+export { lazySuspense, withSuspense } from './lazy-suspense';
+export {
+  polyfillCreateRoot,
+  unstableSetCreateRoot,
+  type IPolyfillRoot,
+} from './polyfill-create-root';

package/src/validate/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export { validateFlowValue } from './validate-flow-value';

package/src/validate/validate-flow-value/index.tsx

@@ -6,7 +6,7 @@
 import { isNil } from 'lodash-es';
 import { FeedbackLevel, FlowNodeEntity, getNodeScope } from '@flowgram.ai/editor';
 
-import { IFlowValue } from '@/typings';
+import { IFlowValue } from '@/shared';
 import { FlowValueUtils } from '@/shared';
 
 interface Context {

package/bin/index.ts

@@ -1,80 +0,0 @@
-#!/usr/bin/env -S npx tsx@latest
-
-import inquirer from 'inquirer';
-import { Command } from 'commander';
-import chalk from 'chalk';
-
-import { getProjectInfo, installDependencies, ProjectInfo } from './project.js';
-import { copyMaterial, listAllMaterials, Material } from './materials.js';
-
-const program = new Command();
-
-program
-  .version('1.0.1')
-  .description('Add official materials to your project')
-  .argument('[materialName]', 'Optional material name to skip selection (format: type/name)')
-  .action(async (materialName?: string) => {
-    // materialName can be undefined
-    console.log(chalk.bgGreenBright('Welcome to @flowgram.ai/form-materials CLI!'));
-
-    const projectInfo: ProjectInfo = getProjectInfo();
-
-    console.log(chalk.bold('Project Info:'));
-    console.log(chalk.black(`  - Flowgram Version: ${projectInfo.flowgramVersion}`));
-    console.log(chalk.black(`  - Project Path: ${projectInfo.projectPath}`));
-
-    const materials: Material[] = listAllMaterials();
-
-    let material: Material | undefined; // material can be undefined
-
-    // Check if materialName is provided and exists in materials
-    if (materialName) {
-      const selectedMaterial = materials.find((m) => `${m.type}/${m.name}` === materialName);
-      if (selectedMaterial) {
-        material = selectedMaterial;
-        console.log(chalk.green(`Using material: ${materialName}`));
-      } else {
-        console.log(
-          chalk.yellow(`Material "${materialName}" not found. Please select from the list:`)
-        );
-      }
-    }
-
-    // If material not found or materialName not provided, prompt user to select
-    if (!material) {
-      // User select one component
-      const result = await inquirer.prompt<{
-        material: Material; // Specify type for prompt result
-      }>([
-        {
-          type: 'list',
-          name: 'material',
-          message: 'Select one material to add:',
-          choices: [
-            ...materials.map((_material) => ({
-              name: `${_material.type}/${_material.name}`,
-              value: _material,
-            })),
-          ],
-        },
-      ]);
-      material = result.material;
-    }
-    // Ensure material is defined before proceeding
-    if (!material) {
-      console.error(chalk.red('No material selected. Exiting.'));
-      process.exit(1);
-    }
-
-    // 4. Copy the materials to the project
-    console.log(chalk.bold('The following materials will be added to your project'));
-    console.log(material);
-    let { packagesToInstall } = copyMaterial(material, projectInfo);
-
-    // 4. Install the dependencies
-    console.log(chalk.bold('These npm dependencies will be added to your project'));
-    console.log(packagesToInstall);
-    installDependencies(packagesToInstall, projectInfo);
-  });
-
-program.parse(process.argv);

package/bin/materials.ts

@@ -1,134 +0,0 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import { fileURLToPath } from 'url';
-import path from 'path';
-import fs from 'fs';
-
-import { traverseRecursiveFiles } from './utils/traverse-file';
-import { replaceImport, traverseFileImports } from './utils/import';
-import { ProjectInfo } from './project'; // Import ProjectInfo
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Added type definitions
-export interface Material {
-  name: string;
-  type: string;
-  path: string;
-  [key: string]: any; // For other properties from config.json
-}
-
-const _types: string[] = [
-  'components',
-  'effects',
-  'plugins',
-  'shared',
-  'typings',
-  'validate',
-  'form-plugins',
-  'hooks',
-];
-
-export function listAllMaterials(): Material[] {
-  const _materials: Material[] = [];
-
-  for (const _type of _types) {
-    // 在 Node.js 中，import.meta.dirname 不可用，可使用 import.meta.url 结合 url 模块来获取目录路径
-
-    const materialsPath: string = path.join(__dirname, '..', 'src', _type);
-    _materials.push(
-      ...fs
-        .readdirSync(materialsPath)
-        .map((_path: string) => {
-          if (_path === 'index.ts') {
-            return null;
-          }
-
-          return {
-            name: _path, // Assuming the folder name is the material name
-            type: _type,
-            path: path.join(materialsPath, _path),
-          } as Material;
-        })
-        .filter((material): material is Material => material !== null)
-    );
-  }
-
-  return _materials;
-}
-
-export const getFormMaterialDependencies = (): Record<string, string> => {
-  const packageJsonPath: string = path.join(__dirname, '..', 'package.json');
-  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
-
-  return packageJson.dependencies;
-};
-
-export const copyMaterial = (
-  material: Material,
-  projectInfo: ProjectInfo
-): {
-  packagesToInstall: string[];
-} => {
-  const formMaterialDependencies = getFormMaterialDependencies();
-
-  const sourceDir: string = material.path;
-  const materialRoot: string = path.join(
-    projectInfo.projectPath,
-    'src',
-    'form-materials',
-    `${material.type}`
-  );
-  const targetDir = path.join(materialRoot, material.name);
-  const packagesToInstall: Set<string> = new Set();
-
-  fs.cpSync(sourceDir, targetDir, { recursive: true });
-
-  for (const file of traverseRecursiveFiles(targetDir)) {
-    if (['.ts', '.tsx'].includes(file.suffix)) {
-      for (const importDeclaration of traverseFileImports(file.content)) {
-        const { source } = importDeclaration;
-
-        if (source.startsWith('@/')) {
-          // is inner import
-          console.log(`Replace Import from ${source} to @flowgram.ai/form-materials`);
-          file.replace((content) =>
-            replaceImport(content, importDeclaration, [
-              { ...importDeclaration, source: '@flowgram.ai/form-materials' },
-            ])
-          );
-          if (projectInfo.flowgramVersion !== 'workspace:*') {
-            packagesToInstall.add(`@flowgram.ai/form-materials@${projectInfo.flowgramVersion}`);
-            continue;
-          }
-          packagesToInstall.add('@flowgram.ai/form-materials');
-        } else if (!source.startsWith('.') && !source.startsWith('react')) {
-          // check if is in form material dependencies
-          const [dep, version] =
-            Object.entries(formMaterialDependencies).find(([_key]) => source.startsWith(_key)) ||
-            [];
-          if (!dep) {
-            continue;
-          }
-          if (version === 'workspace:*') {
-            if (projectInfo.flowgramVersion !== 'workspace:*') {
-              packagesToInstall.add(`${dep}@${projectInfo.flowgramVersion}`);
-            } else {
-              packagesToInstall.add(dep);
-            }
-          } else {
-            packagesToInstall.add(`${dep}@${version}`);
-          }
-        }
-      }
-    }
-  }
-
-  return {
-    packagesToInstall: [...packagesToInstall],
-  };
-};