feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/common/flowgram-adapter/free-layout-editor/src/css-load.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import '@flowgram.ai/free-layout-editor/index.css';

frontend/packages/common/flowgram-adapter/free-layout-editor/src/deprecated.ts

@@ -0,0 +1,43 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+/**
+ * @deprecated
+ * @param val
+ */
+export function markParsed(val: any) {
+  console.error('[flowgram.ai] "markParsed" is deprecated.');
+  return val;
+}
+
+/**
+ * @deprecated
+ * @param ctx
+ */
+export function useFormItemValidate(ctx: any) {
+  // D Nothing
+  console.error('[flowgram.ai] "useFormItemValidate" is deprecated.');
+}
+
+/**
+ * @deprecated
+ * @param ctx
+ */
+export function useFormItemContext(ctx: any) {
+  // DO Nothing
+  console.error('[flowgram.ai] "useFormItemContext" is deprecated.');
+  return {};
+}

frontend/packages/common/flowgram-adapter/free-layout-editor/src/index.ts

@@ -0,0 +1,288 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import 'reflect-metadata';
+export {
+  FlowMinimapService,
+  MinimapRender,
+  createMinimapPlugin,
+} from '@flowgram.ai/minimap-plugin';
+export {
+  type WorkflowNodeJSON,
+  type InteractiveType,
+  type WorkflowNodeRegistry,
+  type WorkflowNodeMeta,
+  type WorkflowLinePortInfo,
+  type WorkflowJSON,
+  type WorkflowContentChangeEvent,
+  type WorkflowSubCanvas,
+  type WorkflowNodeRenderProps,
+  type WorkflowPortType,
+  type WorkflowNodeFormMeta,
+  LineType,
+  usePlayground,
+  useService,
+  WorkflowContentChangeType,
+  WorkflowDocument,
+  useCurrentEntity,
+  useNodeRender,
+  WorkflowHoverService,
+  WorkflowSelectService,
+  WorkflowDocumentOptions,
+  WorkflowNodeEntity,
+  WorkflowCommands,
+  WorkflowNodeLinesData,
+  WorkflowNodePortsData,
+  WorkflowPortEntity,
+  nanoid,
+  WorkflowDocumentContainerModule,
+  WorkflowLinesManager,
+  LineColors,
+  useRefresh,
+  getAntiOverlapPosition,
+  bindConfigEntity,
+  WorkflowDragService,
+  delay,
+  WorkflowLineEntity,
+  WorkflowResetLayoutService,
+  WorkflowDocumentProvider,
+  POINT_RADIUS,
+  WorkflowLineRenderData,
+  usePlaygroundReadonlyState,
+  type WorkflowEdgeJSON,
+} from '@flowgram.ai/free-layout-core';
+export {
+  FormModelV2,
+  type FieldRenderProps,
+  type PlaygroundTools,
+  type FieldError,
+  type FieldName,
+  type IForm,
+  type IField,
+  type IFieldArray,
+  type FieldState,
+  type FormMeta as FormMetaV2,
+  type FormMeta,
+  type Validate,
+  type FieldArrayRenderProps,
+  type Effect,
+  type FormRenderProps,
+  type EffectOptions,
+  type FieldWarning,
+  usePlaygroundTools,
+  isFormV2,
+  Field,
+  Form,
+  PlaygroundEntityContext,
+  FieldArray,
+  useFieldValidate,
+  useCurrentField,
+  useCurrentFieldState,
+  useForm,
+  useWatch,
+  // useFormItemValidate,
+  ValidateTrigger,
+  useWatchFormErrors,
+  DataEvent,
+  useField,
+  FlowNodeVariableData,
+  ASTKind,
+  createEffectOptions,
+  Emitter,
+  type FreeLayoutProps,
+} from '@flowgram.ai/free-layout-editor';
+export {
+  type PluginCreator,
+  type PluginContext,
+  type PositionSchema,
+  type PlaygroundConfigRevealOpts,
+  type PlaygroundDragEvent,
+  type LayerOptions,
+  type Plugin,
+  EntityData,
+  PositionData,
+  useEntityFromContext,
+  ClipboardService,
+  ConfigEntity,
+  Layer,
+  PlaygroundConfigEntity,
+  observeEntity,
+  PlaygroundReactRenderer,
+  PlaygroundMockTools,
+  PlaygroundContext,
+  bindContributions,
+  Playground,
+  loadPlugins,
+  EntityManagerContribution,
+  definePluginCreator,
+  TransformData,
+  EntityManager,
+  LoggerEvent,
+  LoggerService,
+  lazyInject,
+  useConfigEntity,
+  SelectionService,
+  SCALE_WIDTH,
+  EditorState,
+  EditorStateConfigEntity,
+  observeEntities,
+  observeEntityDatas,
+  PlaygroundContribution,
+  PlaygroundLayer,
+  PlaygroundReactProvider,
+  CommandRegistry,
+} from '@flowgram.ai/core';
+export {
+  type FlowNodeJSON,
+  type FlowNodeType,
+  FlowNodeRenderData,
+  FlowDocumentContribution,
+  FlowNodeTransformData,
+  FlowDocumentContainerModule,
+  FlowNodeBaseType,
+  FlowNodeEntity,
+  FlowDocument,
+} from '@flowgram.ai/document';
+export {
+  type FeedbackStatus,
+  type SetterComponentProps,
+  type NodeManager,
+  type SetterOrDecoratorContext,
+  type FormItemFeedback,
+  type DecoratorComponentProps,
+  type DecoratorExtension,
+  type SetterExtension,
+  type ValidatorProps,
+  type SetterAbilityOptions,
+  type FormItemMaterialContext,
+  type FormDataTypeName,
+  type IFormItemMeta,
+  FlowNodeFormData,
+  FlowNodeErrorData,
+  FormModelFactory,
+  createNodeContainerModules,
+  createNodeEntityDatas,
+  NodeRender,
+  getNodeError,
+  registerNodeErrorRender,
+  registerNodePlaceholderRender,
+  FormContribution,
+  NodeContribution,
+  DecoratorAbility,
+  SetterAbility,
+  FormManager,
+  type NodeErrorRenderProps,
+  FormPathService,
+  type NodeContext,
+  type NodeFormContext,
+} from '@flowgram.ai/form-core';
+export {
+  type FlowSelectorBoundsLayerOptions,
+  SelectorBoxConfigEntity,
+  FlowRendererKey,
+  FlowRendererRegistry,
+  FlowRendererContribution,
+  FlowDebugLayer,
+  FlowNodesContentLayer,
+  FlowNodesTransformLayer,
+  FlowScrollBarLayer,
+  FlowSelectorBoundsLayer,
+  FlowSelectorBoxLayer,
+  FlowRendererContainerModule,
+} from '@flowgram.ai/renderer';
+export {
+  type DragNodeOperationValue,
+  type AddOrDeleteLineOperationValue,
+  type AddOrDeleteWorkflowNodeOperationValue,
+  type ChangeNodeDataValue,
+  createFreeHistoryPlugin,
+  FreeOperationType,
+  HistoryService,
+  type OperationMeta,
+  OperationRegistry,
+  OperationContribution,
+} from '@flowgram.ai/free-history-plugin';
+// export {
+//   FormRehajeContainerModule,
+//   registerValidationErrorMessages,
+//   useFormItemContext,
+//   markParsed,
+// } from '@flowgram.ai/form-rehaje';
+export {
+  type NodePanelRenderProps,
+  WorkflowNodePanelService,
+  createFreeNodePanelPlugin,
+} from '@flowgram.ai/free-node-panel-plugin';
+export {
+  type LineRenderProps,
+  createFreeLinesPlugin,
+  WorkflowBezierLineContribution,
+  WorkflowFoldLineContribution,
+  WorkflowLinesLayer,
+} from '@flowgram.ai/free-lines-plugin';
+export {
+  NodeIntoContainerService,
+  NodeIntoContainerType,
+  createContainerNodePlugin,
+} from '@flowgram.ai/free-container-plugin';
+export { createHistoryNodePlugin } from '@flowgram.ai/history-node-plugin';
+export { createFreeSnapPlugin } from '@flowgram.ai/free-snap-plugin';
+export {
+  StackingContextManager,
+  createFreeStackPlugin,
+} from '@flowgram.ai/free-stack-plugin';
+export {
+  type LayoutNode,
+  type LayoutStore,
+  type GetFollowNode,
+  AutoLayoutService,
+  createFreeAutoLayoutPlugin,
+} from '@flowgram.ai/free-auto-layout-plugin';
+export * from '@flowgram.ai/form';
+export {
+  type Scope,
+  type BaseVariableField,
+  type CreateASTParams,
+  type ASTNodeJSON,
+  type KeyPathExpressionJSON,
+  type VariablePluginOptions,
+  type PropertyJSON,
+  type VariableDeclarationJSON,
+  type ASTNode,
+  type ObjectType,
+  ScopeProvider,
+  VariableEngine,
+  ArrayType,
+  KeyPathExpression,
+  BaseType,
+  VariableFieldKeyRenameService,
+  BaseExpression,
+  postConstructAST,
+  ASTFactory,
+  ASTNodeFlags,
+  createVariablePlugin,
+  useCurrentScope,
+} from '@flowgram.ai/variable-plugin';
+export {
+  type VariableProviderAbilityOptions,
+  type VariableConsumerAbilityOptions,
+  createNodeVariablePlugin,
+} from '@flowgram.ai/node-variable-plugin';
+export { createNodeCorePlugin } from '@flowgram.ai/node-core-plugin';
+
+export { WorkflowJSONFormatContribution } from './workflow-json-format';
+export { useEntity } from './use-entity';
+export * from './deprecated';

frontend/packages/common/flowgram-adapter/free-layout-editor/src/use-entity.ts

@@ -0,0 +1,46 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { useLayoutEffect } from 'react';
+
+import {
+  type Entity,
+  EntityManager,
+  type EntityRegistry,
+  usePlaygroundContainer,
+  useRefresh,
+} from '@flowgram.ai/free-layout-editor';
+
+/**
+ * 获取 entity 并监听变化
+ * 请使用 useConfigEntity 替代
+ * @deprecated
+ */
+export function useEntity<T extends Entity>(
+  entityRegistry: EntityRegistry,
+  autoCreate = true,
+): T {
+  const entityManager = usePlaygroundContainer().get(EntityManager);
+  const entity = entityManager.getEntity<T>(entityRegistry, autoCreate) as T;
+  const refresh = useRefresh(entity.version);
+  useLayoutEffect(() => {
+    const dispose = entity.onEntityChange(() => {
+      refresh(entity.version);
+    });
+    return () => dispose.dispose();
+  }, [entityManager, refresh, entity]);
+  return entity;
+}

frontend/packages/common/flowgram-adapter/free-layout-editor/src/workflow-json-format.ts

@@ -0,0 +1,60 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import {
+  type WorkflowJSON,
+  type WorkflowDocument,
+  type WorkflowNodeJSON,
+  type WorkflowNodeEntity,
+} from '@flowgram.ai/free-layout-core';
+
+/**
+ * 全局的数据转换
+ */
+export interface WorkflowJSONFormatContribution {
+  /**
+   * 数据初始化时候调用
+   */
+  formatOnInit?: (json: WorkflowJSON, doc: WorkflowDocument) => WorkflowJSON;
+  /**
+   * 数据提交时候调用
+   */
+  formatOnSubmit?: (json: WorkflowJSON, doc: WorkflowDocument) => WorkflowJSON;
+  /**
+   * 转换节点初始化数据
+   * @param data
+   * @param 初始化的参数
+   */
+  formatNodeOnInit?: (
+    data: WorkflowNodeJSON,
+    doc: WorkflowDocument,
+    isClone?: boolean,
+  ) => WorkflowNodeJSON;
+  /**
+   * 统一转换表单提交数据
+   * @param data
+   */
+  formatNodeOnSubmit?: (
+    data: WorkflowNodeJSON,
+    doc: WorkflowDocument,
+    node: WorkflowNodeEntity,
+  ) => WorkflowNodeJSON;
+}
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const WorkflowJSONFormatContribution = Symbol(
+  'WorkflowJSONFormatContribution',
+);