use-config.ts 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. import { useCallback, useEffect, useRef } from 'react'
  2. import produce from 'immer'
  3. import { BlockEnum, VarType } from '../../types'
  4. import type { Memory, ValueSelector, Var } from '../../types'
  5. import {
  6. useIsChatMode, useNodesReadOnly,
  7. useWorkflow,
  8. } from '../../hooks'
  9. import { useStore } from '../../store'
  10. import useAvailableVarList from '../_base/hooks/use-available-var-list'
  11. import type { QuestionClassifierNodeType } from './types'
  12. import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
  13. import useOneStepRun from '@/app/components/workflow/nodes/_base/hooks/use-one-step-run'
  14. import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
  15. import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
  16. import { checkHasQueryBlock } from '@/app/components/base/prompt-editor/constants'
  17. const useConfig = (id: string, payload: QuestionClassifierNodeType) => {
  18. const { nodesReadOnly: readOnly } = useNodesReadOnly()
  19. const isChatMode = useIsChatMode()
  20. const defaultConfig = useStore(s => s.nodesDefaultConfigs)[payload.type]
  21. const { getBeforeNodesInSameBranch } = useWorkflow()
  22. const startNode = getBeforeNodesInSameBranch(id).find(node => node.data.type === BlockEnum.Start)
  23. const startNodeId = startNode?.id
  24. const { inputs, setInputs } = useNodeCrud<QuestionClassifierNodeType>(id, payload)
  25. const inputRef = useRef(inputs)
  26. useEffect(() => {
  27. inputRef.current = inputs
  28. }, [inputs])
  29. // model
  30. const {
  31. currentProvider,
  32. currentModel,
  33. } = useModelListAndDefaultModelAndCurrentProviderAndModel(ModelTypeEnum.textGeneration)
  34. const model = inputs.model
  35. const modelMode = inputs.model?.mode
  36. const isChatModel = modelMode === 'chat'
  37. const handleModelChanged = useCallback((model: { provider: string; modelId: string; mode?: string }) => {
  38. const newInputs = produce(inputRef.current, (draft) => {
  39. draft.model.provider = model.provider
  40. draft.model.name = model.modelId
  41. draft.model.mode = model.mode!
  42. })
  43. setInputs(newInputs)
  44. }, [setInputs])
  45. useEffect(() => {
  46. if (currentProvider?.provider && currentModel?.model && !model.provider) {
  47. handleModelChanged({
  48. provider: currentProvider?.provider,
  49. modelId: currentModel?.model,
  50. mode: currentModel?.model_properties?.mode as string,
  51. })
  52. }
  53. }, [model.provider, currentProvider, currentModel, handleModelChanged])
  54. const handleCompletionParamsChange = useCallback((newParams: Record<string, any>) => {
  55. const newInputs = produce(inputs, (draft) => {
  56. draft.model.completion_params = newParams
  57. })
  58. setInputs(newInputs)
  59. }, [inputs, setInputs])
  60. const handleQueryVarChange = useCallback((newVar: ValueSelector | string) => {
  61. const newInputs = produce(inputs, (draft) => {
  62. draft.query_variable_selector = newVar as ValueSelector
  63. })
  64. setInputs(newInputs)
  65. }, [inputs, setInputs])
  66. useEffect(() => {
  67. const isReady = defaultConfig && Object.keys(defaultConfig).length > 0
  68. if (isReady) {
  69. let query_variable_selector: ValueSelector = []
  70. if (isChatMode && inputs.query_variable_selector.length === 0 && startNodeId)
  71. query_variable_selector = [startNodeId, 'sys.query']
  72. setInputs({
  73. ...inputs,
  74. ...defaultConfig,
  75. query_variable_selector: inputs.query_variable_selector.length > 0 ? inputs.query_variable_selector : query_variable_selector,
  76. })
  77. }
  78. // eslint-disable-next-line react-hooks/exhaustive-deps
  79. }, [defaultConfig])
  80. const handleClassesChange = useCallback((newClasses: any) => {
  81. const newInputs = produce(inputs, (draft) => {
  82. draft.classes = newClasses
  83. draft._targetBranches = newClasses
  84. })
  85. setInputs(newInputs)
  86. }, [inputs, setInputs])
  87. const filterInputVar = useCallback((varPayload: Var) => {
  88. return [VarType.number, VarType.string].includes(varPayload.type)
  89. }, [])
  90. const {
  91. availableVars,
  92. availableNodesWithParent,
  93. } = useAvailableVarList(id, {
  94. onlyLeafNodeVar: false,
  95. filterVar: filterInputVar,
  96. })
  97. const hasSetBlockStatus = {
  98. history: false,
  99. query: isChatMode ? checkHasQueryBlock(inputs.instruction) : false,
  100. context: false,
  101. }
  102. const handleInstructionChange = useCallback((instruction: string) => {
  103. const newInputs = produce(inputs, (draft) => {
  104. draft.instruction = instruction
  105. })
  106. setInputs(newInputs)
  107. }, [inputs, setInputs])
  108. const handleMemoryChange = useCallback((memory?: Memory) => {
  109. const newInputs = produce(inputs, (draft) => {
  110. draft.memory = memory
  111. })
  112. setInputs(newInputs)
  113. }, [inputs, setInputs])
  114. // single run
  115. const {
  116. isShowSingleRun,
  117. hideSingleRun,
  118. getInputVars,
  119. runningStatus,
  120. handleRun,
  121. handleStop,
  122. runInputData,
  123. setRunInputData,
  124. runResult,
  125. } = useOneStepRun<QuestionClassifierNodeType>({
  126. id,
  127. data: inputs,
  128. defaultRunInputData: {
  129. query: '',
  130. },
  131. })
  132. const query = runInputData.query
  133. const setQuery = useCallback((newQuery: string) => {
  134. setRunInputData({
  135. ...runInputData,
  136. query: newQuery,
  137. })
  138. }, [runInputData, setRunInputData])
  139. const varInputs = getInputVars([inputs.instruction])
  140. const inputVarValues = (() => {
  141. const vars: Record<string, any> = {
  142. query,
  143. }
  144. Object.keys(runInputData)
  145. .forEach((key) => {
  146. vars[key] = runInputData[key]
  147. })
  148. return vars
  149. })()
  150. const setInputVarValues = useCallback((newPayload: Record<string, any>) => {
  151. setRunInputData(newPayload)
  152. }, [setRunInputData])
  153. const filterVar = useCallback((varPayload: Var) => {
  154. return varPayload.type === VarType.string
  155. }, [])
  156. return {
  157. readOnly,
  158. inputs,
  159. handleModelChanged,
  160. isChatMode,
  161. isChatModel,
  162. handleCompletionParamsChange,
  163. handleQueryVarChange,
  164. filterVar,
  165. handleTopicsChange: handleClassesChange,
  166. hasSetBlockStatus,
  167. availableVars,
  168. availableNodesWithParent,
  169. handleInstructionChange,
  170. varInputs,
  171. inputVarValues,
  172. setInputVarValues,
  173. handleMemoryChange,
  174. isShowSingleRun,
  175. hideSingleRun,
  176. runningStatus,
  177. handleRun,
  178. handleStop,
  179. query,
  180. setQuery,
  181. runResult,
  182. }
  183. }
  184. export default useConfig