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

Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
2026-05-06 02:18:08 +08:00 · 2025-12-23 16:58:55 +08:00
parent 9701a2994b
commit f2842da397
3356 changed files with 85046 additions and 81278 deletions
--- a/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx
+++ b/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx
@ -1,17 +1,17 @@
 'use client'
 import type { Dispatch, SetStateAction } from 'react'
+import type { ViewType } from '@/app/components/workflow/block-selector/view-type-select'
+import type { OnSelectBlock } from '@/app/components/workflow/types'
+import { RiMoreLine } from '@remixicon/react'
+import Link from 'next/link'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import type { OnSelectBlock } from '@/app/components/workflow/types'
-import type { ViewType } from '@/app/components/workflow/block-selector/view-type-select'
-import { RiMoreLine } from '@remixicon/react'
-import Loading from '@/app/components/base/loading'
-import Link from 'next/link'
-import { getMarketplaceUrl } from '@/utils/var'
-import { useRAGRecommendedPlugins } from '@/service/use-tools'
-import List from './list'
-import { getFormattedPlugin } from '@/app/components/plugins/marketplace/utils'
 import { ArrowDownRoundFill } from '@/app/components/base/icons/src/vender/solid/arrows'
+import Loading from '@/app/components/base/loading'
+import { getFormattedPlugin } from '@/app/components/plugins/marketplace/utils'
+import { useRAGRecommendedPlugins } from '@/service/use-tools'
+import { getMarketplaceUrl } from '@/utils/var'
+import List from './list'

 type RAGToolRecommendationsProps = {
  viewType: ViewType
@ -75,33 +75,33 @@ const RAGToolRecommendations = ({
  }, [onTagsChange])

  return (
-    <div className='flex flex-col p-1'>
+    <div className="flex flex-col p-1">
      <button
-        type='button'
-        className='flex w-full items-center rounded-md px-3 pb-0.5 pt-1 text-left text-text-tertiary'
+        type="button"
+        className="flex w-full items-center rounded-md px-3 pb-0.5 pt-1 text-left text-text-tertiary"
        onClick={() => setIsCollapsed(prev => !prev)}
      >
-        <span className='system-xs-medium text-text-tertiary'>{t('pipeline.ragToolSuggestions.title')}</span>
+        <span className="system-xs-medium text-text-tertiary">{t('pipeline.ragToolSuggestions.title')}</span>
        <ArrowDownRoundFill className={`ml-1 h-4 w-4 text-text-tertiary transition-transform ${isCollapsed ? '-rotate-90' : 'rotate-0'}`} />
      </button>
      {!isCollapsed && (
        <>
          {/* For first time loading, show loading */}
          {isLoadingRAGRecommendedPlugins && (
-            <div className='py-2'>
-              <Loading type='app' />
+            <div className="py-2">
+              <Loading type="app" />
            </div>
          )}
          {!isFetchingRAGRecommendedPlugins && recommendedPlugins.length === 0 && unInstalledPlugins.length === 0 && (
-            <p className='system-xs-regular px-3 py-1 text-text-tertiary'>
+            <p className="system-xs-regular px-3 py-1 text-text-tertiary">
              <Trans
-                i18nKey='pipeline.ragToolSuggestions.noRecommendationPlugins'
+                i18nKey="pipeline.ragToolSuggestions.noRecommendationPlugins"
                components={{
                  CustomLink: (
                    <Link
-                      className='text-text-accent'
-                      target='_blank'
-                      rel='noopener noreferrer'
+                      className="text-text-accent"
+                      target="_blank"
+                      rel="noopener noreferrer"
                      href={getMarketplaceUrl('', { tags: 'rag' })}
                    />
                  ),
@ -118,13 +118,13 @@ const RAGToolRecommendations = ({
                viewType={viewType}
              />
              <div
-                className='flex cursor-pointer items-center gap-x-2 py-1 pl-3 pr-2'
+                className="flex cursor-pointer items-center gap-x-2 py-1 pl-3 pr-2"
                onClick={loadMore}
              >
-                <div className='px-1'>
-                  <RiMoreLine className='size-4 text-text-tertiary' />
+                <div className="px-1">
+                  <RiMoreLine className="size-4 text-text-tertiary" />
                </div>
-                <div className='system-xs-regular text-text-tertiary'>
+                <div className="system-xs-regular text-text-tertiary">
                  {t('common.operation.more')}
                </div>
              </div>
--- a/web/app/components/workflow/block-selector/rag-tool-recommendations/list.tsx
+++ b/web/app/components/workflow/block-selector/rag-tool-recommendations/list.tsx
@ -1,15 +1,15 @@
-import { useCallback, useMemo, useRef } from 'react'
 import type { BlockEnum, ToolWithProvider } from '../../types'
 import type { ToolDefaultValue } from '../types'
-import { ViewType } from '../view-type-select'
-import { useGetLanguage } from '@/context/i18n'
-import { groupItems } from '../index-bar'
-import { cn } from '@/utils/classnames'
-import ToolListTreeView from '../tool/tool-list-tree-view/list'
-import ToolListFlatView from '../tool/tool-list-flat-view/list'
-import UninstalledItem from './uninstalled-item'
 import type { Plugin } from '@/app/components/plugins/types'
 import type { OnSelectBlock } from '@/app/components/workflow/types'
+import { useCallback, useMemo, useRef } from 'react'
+import { useGetLanguage } from '@/context/i18n'
+import { cn } from '@/utils/classnames'
+import { groupItems } from '../index-bar'
+import ToolListFlatView from '../tool/tool-list-flat-view/list'
+import ToolListTreeView from '../tool/tool-list-tree-view/list'
+import { ViewType } from '../view-type-select'
+import UninstalledItem from './uninstalled-item'

 type ListProps = {
  onSelect: OnSelectBlock
@ -67,25 +67,27 @@ const List = ({
  return (
    <div className={cn('max-w-[100%] p-1', className)}>
      {!!tools.length && (
-        isFlatView ? (
-          <ToolListFlatView
-            toolRefs={toolRefs}
-            letters={letters}
-            payload={listViewToolData}
-            isShowLetterIndex={false}
-            hasSearchText={false}
-            onSelect={handleSelect}
-            canNotSelectMultiple
-            indexBar={null}
-          />
-        ) : (
-          <ToolListTreeView
-            payload={treeViewToolsData}
-            hasSearchText={false}
-            onSelect={handleSelect}
-            canNotSelectMultiple
-          />
-        )
+        isFlatView
+          ? (
+              <ToolListFlatView
+                toolRefs={toolRefs}
+                letters={letters}
+                payload={listViewToolData}
+                isShowLetterIndex={false}
+                hasSearchText={false}
+                onSelect={handleSelect}
+                canNotSelectMultiple
+                indexBar={null}
+              />
+            )
+          : (
+              <ToolListTreeView
+                payload={treeViewToolsData}
+                hasSearchText={false}
+                onSelect={handleSelect}
+                canNotSelectMultiple
+              />
+            )
      )}
      {
        unInstalledPlugins.map((item) => {
--- a/web/app/components/workflow/block-selector/rag-tool-recommendations/uninstalled-item.tsx
+++ b/web/app/components/workflow/block-selector/rag-tool-recommendations/uninstalled-item.tsx
@ -1,13 +1,13 @@
 'use client'
-import React from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
 import type { Plugin } from '@/app/components/plugins/types'
+import { useBoolean } from 'ahooks'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import InstallFromMarketplace from '@/app/components/plugins/install-plugin/install-from-marketplace'
 import I18n from '@/context/i18n'
-import { useBoolean } from 'ahooks'
-import { BlockEnum } from '../../types'
 import BlockIcon from '../../block-icon'
+import { BlockEnum } from '../../types'

 type UninstalledItemProps = {
  payload: Plugin
@ -27,23 +27,23 @@ const UninstalledItem = ({
  }] = useBoolean(false)

  return (
-    <div className='flex h-8 items-center rounded-lg pl-3 pr-2 hover:bg-state-base-hover'>
+    <div className="flex h-8 items-center rounded-lg pl-3 pr-2 hover:bg-state-base-hover">
      <BlockIcon
-        className='shrink-0'
+        className="shrink-0"
        type={BlockEnum.Tool}
        toolIcon={payload.icon}
      />
-      <div className='ml-2 flex w-0 grow items-center'>
-        <div className='flex w-0 grow items-center gap-x-2'>
-          <span className='system-sm-regular truncate text-text-primary'>
+      <div className="ml-2 flex w-0 grow items-center">
+        <div className="flex w-0 grow items-center gap-x-2">
+          <span className="system-sm-regular truncate text-text-primary">
            {getLocalizedText(payload.label)}
          </span>
-          <span className='system-xs-regular text-text-quaternary'>
+          <span className="system-xs-regular text-text-quaternary">
            {payload.org}
          </span>
        </div>
        <div
-          className='system-xs-medium cursor-pointer pl-1.5 text-components-button-secondary-accent-text'
+          className="system-xs-medium cursor-pointer pl-1.5 text-components-button-secondary-accent-text"
          onClick={showInstallModal}
        >
          {t('plugin.installAction')}