feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/workflow/playground/scripts/create-node/templates/constants.ts.hbs

@@ -0,0 +1,26 @@
+import { nanoid } from 'nanoid';
+import { ViewVariableType } from '@coze-workflow/variable';
+
+// 入参路径，试运行等功能依赖该路径提取参数
+export const INPUT_PATH = 'inputs.inputParameters';
+
+// 定义固定出参
+export const OUTPUTS = [
+  {
+    key: nanoid(),
+    name: 'outputList',
+    type: ViewVariableType.ArrayObject,
+    children: [
+      {
+        key: nanoid(),
+        name: 'id',
+        type: ViewVariableType.String,
+      },
+      {
+        key: nanoid(),
+        name: 'content',
+        type: ViewVariableType.String,
+      },
+    ],
+  },
+];

frontend/packages/workflow/playground/scripts/create-node/templates/data-transformer.ts.hbs

@@ -0,0 +1,20 @@
+import { type NodeDataDTO } from '@coze-workflow/base';
+
+import { type FormData } from './types';
+import { OUTPUTS } from './constants';
+
+/**
+ * 节点后端数据 -> 前端表单数据
+ */
+export const transformOnInit = (value: NodeDataDTO) => ({
+  ...(value ?? {}),
+  outputs: value?.outputs ?? OUTPUTS,
+});
+
+/**
+ * 前端表单数据 -> 节点后端数据
+ * @param value
+ * @returns
+ */
+export const transformOnSubmit = (value: FormData): NodeDataDTO =>
+  value as unknown as NodeDataDTO;

frontend/packages/workflow/playground/scripts/create-node/templates/form-meta.tsx.hbs

@@ -0,0 +1,42 @@
+import {
+  ValidateTrigger,
+  type FormMetaV2,
+} from '@flowgram-adapter/free-layout-editor';
+
+import { createValueExpressionInputValidate } from '@/node-registries/common/validators';
+import {
+  fireNodeTitleChange,
+  provideNodeOutputVariablesEffect,
+} from '@/node-registries/common/effects';
+
+import { type FormData } from './types';
+import { FormRender } from './form';
+import { transformOnInit, transformOnSubmit } from './data-transformer';
+
+export const {{CONSTANT_NAME_PLACE_HOLDER}}_FORM_META: FormMetaV2<FormData> = {
+  // 节点表单渲染
+  render: () => <FormRender />,
+
+  // 验证触发时机
+  validateTrigger: ValidateTrigger.onChange,
+
+  // 验证规则
+  validate: {
+    // 必填
+    'inputs.inputParameters.0.input': createValueExpressionInputValidate({
+      required: true,
+    }),
+  },
+
+  // 副作用管理
+  effect: {
+    nodeMeta: fireNodeTitleChange,
+    outputs: provideNodeOutputVariablesEffect,
+  },
+
+  // 节点后端数据 -> 前端表单数据
+  formatOnInit: transformOnInit,
+
+  // 前端表单数据 -> 节点后端数据
+  formatOnSubmit: transformOnSubmit,
+};

frontend/packages/workflow/playground/scripts/create-node/templates/form.tsx.hbs

@@ -0,0 +1,26 @@
+import { I18n } from '@coze-arch/i18n';
+
+import { NodeConfigForm } from '@/node-registries/common/components';
+
+import { OutputsField, InputsParametersField } from '../common/fields';
+import { INPUT_PATH } from './constants';
+
+export const FormRender = () => (
+  <NodeConfigForm>
+    <InputsParametersField
+      name={INPUT_PATH}
+      title={I18n.t('node_http_request_params')}
+      tooltip={I18n.t('node_http_request_params_desc')}
+      defaultValue={[]}
+    />
+
+    <OutputsField
+      title={I18n.t('workflow_detail_node_output')}
+      tooltip={I18n.t('node_http_response_data')}
+      id="{{CAMEL_NAME_PLACE_HOLDER}}-node-outputs"
+      name="outputs"
+      topLevelReadonly={true}
+      customReadonly
+    />
+  </NodeConfigForm>
+);

frontend/packages/workflow/playground/scripts/create-node/templates/index.ts.hbs

@@ -0,0 +1,2 @@
+export { {{CONSTANT_NAME_PLACE_HOLDER}}_NODE_REGISTRY } from './node-registry';
+export { {{PASCAL_NAME_PLACE_HOLDER}}Content } from './node-content';

frontend/packages/workflow/playground/scripts/create-node/templates/node-content.tsx.hbs

@@ -0,0 +1,10 @@
+import { InputParameters, Outputs } from '../common/components';
+
+export function {{PASCAL_NAME_PLACE_HOLDER}}Content() {
+  return (
+    <>
+      <InputParameters />
+      <Outputs />
+    </>
+  );
+}

frontend/packages/workflow/playground/scripts/create-node/templates/node-registry.ts.hbs

@@ -0,0 +1,27 @@
+import {
+  DEFAULT_NODE_META_PATH,
+  DEFAULT_OUTPUTS_PATH,
+} from '@coze-workflow/nodes';
+import {
+  StandardNodeType,
+  type WorkflowNodeRegistry,
+} from '@coze-workflow/base';
+
+import { {{CONSTANT_NAME_PLACE_HOLDER}}_FORM_META } from './form-meta';
+import { INPUT_PATH } from './constants';
+{{#if SUPPORT_TEST}}
+import { test, type NodeTestMeta } from './node-test';
+{{/if}}
+
+export const {{CONSTANT_NAME_PLACE_HOLDER}}_NODE_REGISTRY: WorkflowNodeRegistry{{#if SUPPORT_TEST}}<NodeTestMeta>{{/if}} = {
+  type: StandardNodeType.{{PASCAL_NAME_PLACE_HOLDER}},
+  meta: {
+    nodeDTOType: StandardNodeType.{{PASCAL_NAME_PLACE_HOLDER}},
+    size: { width: 360, height: 130.7 },
+    nodeMetaPath: DEFAULT_NODE_META_PATH,
+    outputsPath: DEFAULT_OUTPUTS_PATH,
+    inputParametersPath: INPUT_PATH,
+    test{{#unless SUPPORT_TEST}}: false{{/unless}},
+  },
+  formMeta: {{CONSTANT_NAME_PLACE_HOLDER}}_FORM_META,
+};

frontend/packages/workflow/playground/scripts/create-node/templates/node-test.ts.hbs

@@ -0,0 +1,5 @@
+import type { NodeTestMeta } from '@/test-run-kit';
+
+const test: NodeTestMeta = true;
+
+export { test, type NodeTestMeta };

frontend/packages/workflow/playground/scripts/create-node/templates/types.ts.hbs

@@ -0,0 +1,5 @@
+import { type InputValueVO } from '@coze-workflow/base';
+
+export interface FormData {
+  inputs: { inputParameters: InputValueVO[] };
+}