FEAT: NEW WORKFLOW ENGINE (#3160)

Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: Yeuoly <admin@srmxy.cn>
Co-authored-by: JzoNg <jzongcode@gmail.com>
Co-authored-by: StyleZhang <jasonapring2015@outlook.com>
Co-authored-by: jyong <jyong@dify.ai>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: jyong <718720800@qq.com>

web/app/components/workflow/nodes/index.tsx

@@ -0,0 +1,36 @@
+import { memo } from 'react'
+import type { NodeProps } from 'reactflow'
+import type { Node } from '../types'
+import {
+  NodeComponentMap,
+  PanelComponentMap,
+} from './constants'
+import BaseNode from './_base/node'
+import BasePanel from './_base/panel'
+
+const CustomNode = memo((props: NodeProps) => {
+  const nodeData = props.data
+  const NodeComponent = NodeComponentMap[nodeData.type]
+
+  return (
+    <BaseNode { ...props }>
+      <NodeComponent />
+    </BaseNode>
+  )
+})
+CustomNode.displayName = 'CustomNode'
+
+export const Panel = memo((props: Node) => {
+  const nodeData = props.data
+  const PanelComponent = PanelComponentMap[nodeData.type]
+
+  return (
+    <BasePanel key={props.id} {...props}>
+      <PanelComponent />
+    </BasePanel>
+  )
+})
+
+Panel.displayName = 'Panel'
+
+export default memo(CustomNode)