dify/web/app/components/workflow/hooks/use-edges-interactions.helpers.ts

import type { Edge, EdgeChange } from 'reactflow'
import type { WorkflowContextMenuTarget } from '../store/workflow/panel-slice'
import type { Node } from '../types'
import { produce } from 'immer'
import { getNodesConnectedSourceOrTargetHandleIdsMap } from '../utils'

export const applyConnectedHandleNodeData = (
  nodes: Node[],
  edgeChanges: Parameters<typeof getNodesConnectedSourceOrTargetHandleIdsMap>[0],
) => {
  const nodesConnectedSourceOrTargetHandleIdsMap = getNodesConnectedSourceOrTargetHandleIdsMap(edgeChanges, nodes)

  return produce(nodes, (draft: Node[]) => {
    draft.forEach((node) => {
      if (nodesConnectedSourceOrTargetHandleIdsMap[node.id]) {
        node.data = {
          ...node.data,
          ...nodesConnectedSourceOrTargetHandleIdsMap[node.id],
        }
      }
    })
  })
}

export const clearEdgeMenuIfNeeded = ({
  contextMenuTarget,
  edgeIds,
}: {
  contextMenuTarget?: WorkflowContextMenuTarget
  edgeIds: string[]
}) => {
  return !!(contextMenuTarget?.type === 'edge' && edgeIds.includes(contextMenuTarget.edgeId))
}

export const updateEdgeHoverState = (
  edges: Edge[],
  edgeId: string,
  hovering: boolean,
) => produce(edges, (draft) => {
  const currentEdge = draft.find(edge => edge.id === edgeId)
  if (currentEdge)
    currentEdge.data._hovering = hovering
})

export const updateEdgeSelectionState = (
  edges: Edge[],
  changes: EdgeChange[],
) => produce(edges, (draft) => {
  changes.forEach((change) => {
    if (change.type === 'select') {
      const currentEdge = draft.find(edge => edge.id === change.id)
      if (currentEdge)
        currentEdge.selected = change.selected
    }
  })
})

export const buildContextMenuEdges = (
  edges: Edge[],
  edgeId: string,
) => produce(edges, (draft) => {
  draft.forEach((item) => {
    item.selected = item.id === edgeId
    if (item.data._isBundled)
      item.data._isBundled = false
  })
})

export const clearNodeSelectionState = (nodes: Node[]) => produce(nodes, (draft: Node[]) => {
  draft.forEach((node) => {
    node.data.selected = false
    if (node.data._isBundled)
      node.data._isBundled = false
    node.selected = false
  })
})