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/http/hooks/use-key-value-list.ts

@@ -0,0 +1,58 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useBoolean } from 'ahooks'
+import { uniqueId } from 'lodash'
+import type { KeyValue } from '../types'
+
+const UNIQUE_ID_PREFIX = 'key-value-'
+const strToKeyValueList = (value: string) => {
+  return value.split('\n').map((item) => {
+    const [key, value] = item.split(':')
+    return {
+      id: uniqueId(UNIQUE_ID_PREFIX),
+      key: key.trim(),
+      value: value?.trim(),
+    }
+  })
+}
+
+const useKeyValueList = (value: string, onChange: (value: string) => void, noFilter?: boolean) => {
+  const [list, doSetList] = useState<KeyValue[]>(value ? strToKeyValueList(value) : [])
+  const setList = (l: KeyValue[]) => {
+    doSetList(l.map((item) => {
+      return {
+        ...item,
+        id: item.id || uniqueId(UNIQUE_ID_PREFIX),
+      }
+    }))
+  }
+  useEffect(() => {
+    if (noFilter)
+      return
+    const newValue = list.filter(item => item.key && item.value).map(item => `${item.key}:${item.value}`).join('\n')
+    if (newValue !== value)
+      onChange(newValue)
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [list, noFilter])
+  const addItem = useCallback(() => {
+    setList([...list, {
+      id: uniqueId(UNIQUE_ID_PREFIX),
+      key: '',
+      value: '',
+    }])
+  }, [list])
+
+  const [isKeyValueEdit, {
+    toggle: toggleIsKeyValueEdit,
+  }] = useBoolean(true)
+
+  return {
+    list: list.length === 0 ? [{ id: uniqueId(UNIQUE_ID_PREFIX), key: '', value: '' }] : list, // no item can not add new item
+    setList,
+    addItem,
+    isKeyValueEdit,
+    toggleIsKeyValueEdit,
+  }
+}
+
+export default useKeyValueList