chore(web): new lint setup (#30020)

Co-authored-by: yyh <yuanyouhuilyz@gmail.com>

web/app/components/rag-pipeline/hooks/index.ts

@@ -1,9 +1,9 @@
 export * from './use-available-nodes-meta-data'
-export * from './use-pipeline-refresh-draft'
+export * from './use-DSL'
+export * from './use-get-run-and-trace-url'
+export * from './use-input-field-panel'
 export * from './use-nodes-sync-draft'
+export * from './use-pipeline-init'
+export * from './use-pipeline-refresh-draft'
 export * from './use-pipeline-run'
 export * from './use-pipeline-start-run'
-export * from './use-pipeline-init'
-export * from './use-get-run-and-trace-url'
-export * from './use-DSL'
-export * from './use-input-field-panel'

web/app/components/rag-pipeline/hooks/use-DSL.ts

@@ -3,15 +3,15 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useToastContext } from '@/app/components/base/toast'
 import {
   DSL_EXPORT_CHECK,
 } from '@/app/components/workflow/constants'
-import { useNodesSyncDraft } from './use-nodes-sync-draft'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { fetchWorkflowDraft } from '@/service/workflow'
-import { useToastContext } from '@/app/components/base/toast'
 import { useWorkflowStore } from '@/app/components/workflow/store'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { useExportPipelineDSL } from '@/service/use-pipeline'
+import { fetchWorkflowDraft } from '@/service/workflow'
+import { useNodesSyncDraft } from './use-nodes-sync-draft'
 
 export const useDSL = () => {
   const { t } = useTranslation()

web/app/components/rag-pipeline/hooks/use-available-nodes-meta-data.ts

@@ -1,12 +1,12 @@
+import type { AvailableNodesMetaData } from '@/app/components/workflow/hooks-store/store'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useGetLanguage } from '@/context/i18n'
-import knowledgeBaseDefault from '@/app/components/workflow/nodes/knowledge-base/default'
-import dataSourceDefault from '@/app/components/workflow/nodes/data-source/default'
-import dataSourceEmptyDefault from '@/app/components/workflow/nodes/data-source-empty/default'
 import { WORKFLOW_COMMON_NODES } from '@/app/components/workflow/constants/node'
-import type { AvailableNodesMetaData } from '@/app/components/workflow/hooks-store/store'
+import dataSourceEmptyDefault from '@/app/components/workflow/nodes/data-source-empty/default'
+import dataSourceDefault from '@/app/components/workflow/nodes/data-source/default'
+import knowledgeBaseDefault from '@/app/components/workflow/nodes/knowledge-base/default'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { useGetLanguage } from '@/context/i18n'
 
 export const useAvailableNodesMetaData = () => {
   const { t } = useTranslation()

web/app/components/rag-pipeline/hooks/use-configs-map.ts

@@ -1,7 +1,7 @@
 import { useMemo } from 'react'
 import { useStore } from '@/app/components/workflow/store'
-import { FlowType } from '@/types/common'
 import { Resolution, TransferMethod } from '@/types/app'
+import { FlowType } from '@/types/common'
 
 export const useConfigsMap = () => {
   const pipelineId = useStore(s => s.pipelineId)

web/app/components/rag-pipeline/hooks/use-input-field-panel.ts

@@ -1,6 +1,6 @@
+import type { InputFieldEditorProps } from '../components/panel/input-field/editor'
 import { useCallback, useMemo } from 'react'
 import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
-import type { InputFieldEditorProps } from '../components/panel/input-field/editor'
 
 export const useInputFieldPanel = () => {
   const workflowStore = useWorkflowStore()

web/app/components/rag-pipeline/hooks/use-input-fields.ts

@@ -1,7 +1,8 @@
-import { useMemo } from 'react'
 import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
-import { type RAGPipelineVariables, VAR_TYPE_MAP } from '@/models/pipeline'
+import type { RAGPipelineVariables } from '@/models/pipeline'
+import { useMemo } from 'react'
 import { BaseFieldType } from '@/app/components/base/form/form-scenarios/base/types'
+import { VAR_TYPE_MAP } from '@/models/pipeline'
 
 export const useInitialData = (variables: RAGPipelineVariables, lastRunInputData?: Record<string, any>) => {
   const initialData = useMemo(() => {

web/app/components/rag-pipeline/hooks/use-nodes-sync-draft.ts

@@ -1,13 +1,13 @@
-import { useCallback } from 'react'
 import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import {
-  useWorkflowStore,
-} from '@/app/components/workflow/store'
+import { useSerialAsyncCallback } from '@/app/components/workflow/hooks/use-serial-async-callback'
 import {
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks/use-workflow'
-import { useSerialAsyncCallback } from '@/app/components/workflow/hooks/use-serial-async-callback'
+import {
+  useWorkflowStore,
+} from '@/app/components/workflow/store'
 import { API_PREFIX } from '@/config'
 import { syncWorkflowDraft } from '@/service/workflow'
 import { usePipelineRefreshDraft } from '.'

web/app/components/rag-pipeline/hooks/use-pipeline-config.ts

@@ -1,14 +1,14 @@
+import type { DataSourceItem } from '@/app/components/workflow/block-selector/types'
+import type { FileUploadConfigResponse } from '@/models/common'
+import type { FetchWorkflowDraftResponse } from '@/types/workflow'
 import { useCallback } from 'react'
 import {
   useStore,
   useWorkflowStore,
 } from '@/app/components/workflow/store'
-import { useWorkflowConfig } from '@/service/use-workflow'
-import type { FetchWorkflowDraftResponse } from '@/types/workflow'
 import { useDataSourceList } from '@/service/use-pipeline'
-import type { DataSourceItem } from '@/app/components/workflow/block-selector/types'
+import { useWorkflowConfig } from '@/service/use-workflow'
 import { basePath } from '@/utils/var'
-import type { FileUploadConfigResponse } from '@/models/common'
 
 export const usePipelineConfig = () => {
   const pipelineId = useStore(s => s.pipelineId)

web/app/components/rag-pipeline/hooks/use-pipeline-init.ts

@@ -1,3 +1,4 @@
+import type { FetchWorkflowDraftResponse } from '@/types/workflow'
 import {
   useCallback,
   useEffect,
@@ -6,14 +7,13 @@ import {
 import {
   useWorkflowStore,
 } from '@/app/components/workflow/store'
-import { usePipelineTemplate } from './use-pipeline-template'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import {
   fetchWorkflowDraft,
   syncWorkflowDraft,
 } from '@/service/workflow'
-import type { FetchWorkflowDraftResponse } from '@/types/workflow'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import { usePipelineConfig } from './use-pipeline-config'
+import { usePipelineTemplate } from './use-pipeline-template'
 
 export const usePipelineInit = () => {
   const workflowStore = useWorkflowStore()

web/app/components/rag-pipeline/hooks/use-pipeline-refresh-draft.ts

@@ -1,8 +1,8 @@
+import type { WorkflowDataUpdater } from '@/app/components/workflow/types'
 import { useCallback } from 'react'
+import { useWorkflowUpdate } from '@/app/components/workflow/hooks'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import { fetchWorkflowDraft } from '@/service/workflow'
-import type { WorkflowDataUpdater } from '@/app/components/workflow/types'
-import { useWorkflowUpdate } from '@/app/components/workflow/hooks'
 import { processNodesWithoutDataSource } from '../utils'
 
 export const usePipelineRefreshDraft = () => {

web/app/components/rag-pipeline/hooks/use-pipeline-run.ts

@@ -1,21 +1,21 @@
+import type { IOtherOptions } from '@/service/base'
+import type { VersionHistory } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import { produce } from 'immer'
-import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
-import { WorkflowRunningStatus } from '@/app/components/workflow/types'
+import { useSetWorkflowVarsWithValue } from '@/app/components/workflow/hooks/use-fetch-workflow-inspect-vars'
 import { useWorkflowUpdate } from '@/app/components/workflow/hooks/use-workflow-interactions'
 import { useWorkflowRunEvent } from '@/app/components/workflow/hooks/use-workflow-run-event/use-workflow-run-event'
-import type { IOtherOptions } from '@/service/base'
+import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
+import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 import { ssePost } from '@/service/base'
-import { stopWorkflowRun } from '@/service/workflow'
-import type { VersionHistory } from '@/types/workflow'
-import { useNodesSyncDraft } from './use-nodes-sync-draft'
-import { useSetWorkflowVarsWithValue } from '@/app/components/workflow/hooks/use-fetch-workflow-inspect-vars'
 import { useInvalidAllLastRun } from '@/service/use-workflow'
+import { stopWorkflowRun } from '@/service/workflow'
 import { FlowType } from '@/types/common'
+import { useNodesSyncDraft } from './use-nodes-sync-draft'
 
 export const usePipelineRun = () => {
   const store = useStoreApi()
@@ -286,8 +286,7 @@ export const usePipelineRun = () => {
     handleWorkflowTextChunk,
     handleWorkflowTextReplace,
     handleWorkflowAgentLog,
-  ],
-  )
+  ])
 
   const handleStopRun = useCallback((taskId: string) => {
     const { pipelineId } = workflowStore.getState()

web/app/components/rag-pipeline/hooks/use-pipeline-start-run.tsx

@@ -1,9 +1,9 @@
 import { useCallback } from 'react'
+import { useWorkflowInteractions } from '@/app/components/workflow/hooks'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import {
   WorkflowRunningStatus,
 } from '@/app/components/workflow/types'
-import { useWorkflowInteractions } from '@/app/components/workflow/hooks'
 import {
   useInputFieldPanel,
   useNodesSyncDraft,

web/app/components/rag-pipeline/hooks/use-pipeline-template.ts

@@ -1,10 +1,10 @@
+import type { KnowledgeBaseNodeType } from '@/app/components/workflow/nodes/knowledge-base/types'
 import { useTranslation } from 'react-i18next'
-import { generateNewNode } from '@/app/components/workflow/utils'
 import {
   START_INITIAL_POSITION,
 } from '@/app/components/workflow/constants'
-import type { KnowledgeBaseNodeType } from '@/app/components/workflow/nodes/knowledge-base/types'
 import knowledgeBaseDefault from '@/app/components/workflow/nodes/knowledge-base/default'
+import { generateNewNode } from '@/app/components/workflow/utils'
 
 export const usePipelineTemplate = () => {
   const { t } = useTranslation()

web/app/components/rag-pipeline/hooks/use-pipeline.tsx

@@ -1,9 +1,10 @@
+import type { DataSourceNodeType } from '../../workflow/nodes/data-source/types'
+import type { Node, ValueSelector } from '../../workflow/types'
+import { uniqBy } from 'lodash-es'
 import { useCallback } from 'react'
 import { getOutgoers, useStoreApi } from 'reactflow'
-import { BlockEnum, type Node, type ValueSelector } from '../../workflow/types'
-import { uniqBy } from 'lodash-es'
 import { findUsedVarNodes, updateNodeVars } from '../../workflow/nodes/_base/components/variable/utils'
-import type { DataSourceNodeType } from '../../workflow/nodes/data-source/types'
+import { BlockEnum } from '../../workflow/types'
 
 export const usePipeline = () => {
   const store = useStoreApi()

web/app/components/rag-pipeline/hooks/use-rag-pipeline-search.tsx

@@ -1,17 +1,17 @@
 'use client'
 
-import { useCallback, useEffect, useMemo } from 'react'
-import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
-import { useNodesInteractions } from '@/app/components/workflow/hooks/use-nodes-interactions'
-import type { CommonNodeType } from '@/app/components/workflow/types'
-import { ragPipelineNodesAction } from '@/app/components/goto-anything/actions/rag-pipeline-nodes'
-import BlockIcon from '@/app/components/workflow/block-icon'
-import { setupNodeSelectionListener } from '@/app/components/workflow/utils/node-navigation'
-import { BlockEnum } from '@/app/components/workflow/types'
+import type { KnowledgeRetrievalNodeType } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import type { LLMNodeType } from '@/app/components/workflow/nodes/llm/types'
 import type { ToolNodeType } from '@/app/components/workflow/nodes/tool/types'
-import type { KnowledgeRetrievalNodeType } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import type { CommonNodeType } from '@/app/components/workflow/types'
+import { useCallback, useEffect, useMemo } from 'react'
+import { ragPipelineNodesAction } from '@/app/components/goto-anything/actions/rag-pipeline-nodes'
+import BlockIcon from '@/app/components/workflow/block-icon'
+import { useNodesInteractions } from '@/app/components/workflow/hooks/use-nodes-interactions'
 import { useGetToolIcon } from '@/app/components/workflow/hooks/use-tool-icon'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { setupNodeSelectionListener } from '@/app/components/workflow/utils/node-navigation'
 
 /**
  * Hook to register RAG pipeline nodes search functionality
@@ -55,27 +55,30 @@ export const useRagPipelineSearch = () => {
         blockType: nodeData.type,
         nodeData,
         toolIcon: getToolIcon(nodeData),
-        modelInfo: nodeData.type === BlockEnum.LLM ? {
-          provider: (nodeData as LLMNodeType).model?.provider,
-          name: (nodeData as LLMNodeType).model?.name,
-          mode: (nodeData as LLMNodeType).model?.mode,
-        } : {
-          provider: undefined,
-          name: undefined,
-          mode: undefined,
-        },
+        modelInfo: nodeData.type === BlockEnum.LLM
+          ? {
+              provider: (nodeData as LLMNodeType).model?.provider,
+              name: (nodeData as LLMNodeType).model?.name,
+              mode: (nodeData as LLMNodeType).model?.mode,
+            }
+          : {
+              provider: undefined,
+              name: undefined,
+              mode: undefined,
+            },
       }
     })
   }, [nodes, getToolIcon])
 
   // Calculate relevance score for search results
   const calculateScore = useCallback((node: {
-    title: string;
-    type: string;
-    desc: string;
-    modelInfo: { provider?: string; name?: string; mode?: string }
+    title: string
+    type: string
+    desc: string
+    modelInfo: { provider?: string, name?: string, mode?: string }
   }, searchTerm: string): number => {
-    if (!searchTerm) return 1
+    if (!searchTerm)
+      return 1
 
     let score = 0
     const term = searchTerm.toLowerCase()
@@ -105,7 +108,8 @@ export const useRagPipelineSearch = () => {
 
   // Create search function for RAG pipeline nodes
   const searchRagPipelineNodes = useCallback((query: string) => {
-    if (!searchableNodes.length) return []
+    if (!searchableNodes.length)
+      return []
 
     const searchTerm = query.toLowerCase().trim()
 
@@ -113,32 +117,35 @@ export const useRagPipelineSearch = () => {
       .map((node) => {
         const score = calculateScore(node, searchTerm)
 
-        return score > 0 ? {
-          id: node.id,
-          title: node.title,
-          description: node.desc || node.type,
-          type: 'workflow-node' as const,
-          path: `#${node.id}`,
-          icon: (
-            <BlockIcon
-              type={node.blockType}
-              className="shrink-0"
-              size="sm"
-              toolIcon={node.toolIcon}
-            />
-          ),
-          metadata: {
-            nodeId: node.id,
-            nodeData: node.nodeData,
-          },
-          data: node.nodeData,
-          score,
-        } : null
+        return score > 0
+          ? {
+              id: node.id,
+              title: node.title,
+              description: node.desc || node.type,
+              type: 'workflow-node' as const,
+              path: `#${node.id}`,
+              icon: (
+                <BlockIcon
+                  type={node.blockType}
+                  className="shrink-0"
+                  size="sm"
+                  toolIcon={node.toolIcon}
+                />
+              ),
+              metadata: {
+                nodeId: node.id,
+                nodeData: node.nodeData,
+              },
+              data: node.nodeData,
+              score,
+            }
+          : null
       })
       .filter((node): node is NonNullable<typeof node> => node !== null)
       .sort((a, b) => {
         // If no search term, sort alphabetically
-        if (!searchTerm) return a.title.localeCompare(b.title)
+        if (!searchTerm)
+          return a.title.localeCompare(b.title)
         // Sort by relevance score (higher score first)
         return (b.score || 0) - (a.score || 0)
       })