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

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

web/context/access-control-store.ts

@@ -1,7 +1,7 @@
-import { create } from 'zustand'
 import type { AccessControlAccount, AccessControlGroup } from '@/models/access-control'
-import { AccessMode } from '@/models/access-control'
 import type { App } from '@/types/app'
+import { create } from 'zustand'
+import { AccessMode } from '@/models/access-control'
 
 type AccessControlStore = {
   appId: App['id']

web/context/app-context.tsx

@@ -1,21 +1,21 @@
 'use client'
 
+import type { FC, ReactNode } from 'react'
+import type { ICurrentWorkspace, LangGeniusVersionResponse, UserProfileResponse } from '@/models/common'
+import { useQueryClient } from '@tanstack/react-query'
+import { noop } from 'lodash-es'
 import { useCallback, useEffect, useMemo } from 'react'
 import { createContext, useContext, useContextSelector } from 'use-context-selector'
-import type { FC, ReactNode } from 'react'
-import { useQueryClient } from '@tanstack/react-query'
+import { setUserId, setUserProperties } from '@/app/components/base/amplitude'
+import { setZendeskConversationFields } from '@/app/components/base/zendesk/utils'
+import MaintenanceNotice from '@/app/components/header/maintenance-notice'
+import { ZENDESK_FIELD_IDS } from '@/config'
 import {
   useCurrentWorkspace,
   useLangGeniusVersion,
   useUserProfile,
 } from '@/service/use-common'
-import type { ICurrentWorkspace, LangGeniusVersionResponse, UserProfileResponse } from '@/models/common'
-import MaintenanceNotice from '@/app/components/header/maintenance-notice'
-import { noop } from 'lodash-es'
-import { setZendeskConversationFields } from '@/app/components/base/zendesk/utils'
-import { ZENDESK_FIELD_IDS } from '@/config'
 import { useGlobalPublicStore } from './global-public-context'
-import { setUserId, setUserProperties } from '@/app/components/base/amplitude'
 
 export type AppContextValue = {
   userProfile: UserProfileResponse
@@ -195,10 +195,11 @@ export const AppContextProvider: FC<AppContextProviderProps> = ({ children }) =>
       isCurrentWorkspaceDatasetOperator,
       mutateCurrentWorkspace,
       isLoadingCurrentWorkspace,
-    }}>
-      <div className='flex h-full flex-col overflow-y-auto'>
+    }}
+    >
+      <div className="flex h-full flex-col overflow-y-auto">
         {globalThis.document?.body?.getAttribute('data-public-maintenance-notice') && <MaintenanceNotice />}
-        <div className='relative flex grow flex-col overflow-y-auto overflow-x-hidden bg-background-body'>
+        <div className="relative flex grow flex-col overflow-y-auto overflow-x-hidden bg-background-body">
           {children}
         </div>
       </div>

web/context/dataset-detail.ts

@@ -1,7 +1,7 @@
-import { createContext, useContext, useContextSelector } from 'use-context-selector'
-import type { DataSet } from '@/models/datasets'
-import type { IndexingType } from '@/app/components/datasets/create/step-two'
 import type { QueryObserverResult, RefetchOptions } from '@tanstack/react-query'
+import type { IndexingType } from '@/app/components/datasets/create/step-two'
+import type { DataSet } from '@/models/datasets'
+import { createContext, useContext, useContextSelector } from 'use-context-selector'
 
 type DatasetDetailContextValue = {
   indexingTechnique?: IndexingType

web/context/datasets-context.tsx

@@ -1,8 +1,8 @@
 'use client'
 
-import { createContext, useContext } from 'use-context-selector'
 import type { DataSet } from '@/models/datasets'
 import { noop } from 'lodash-es'
+import { createContext, useContext } from 'use-context-selector'
 
 export type DatasetsContextValue = {
   datasets: DataSet[]

web/context/debug-configuration.ts

@@ -1,6 +1,8 @@
 import type { RefObject } from 'react'
-import { createContext, useContext } from 'use-context-selector'
-import { PromptMode } from '@/models/debug'
+import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Collection } from '@/app/components/tools/types'
+import type { ExternalDataTool } from '@/models/common'
+import type { DataSet } from '@/models/datasets'
 import type {
   AnnotationReplyConfig,
   BlockStatus,
@@ -19,15 +21,12 @@ import type {
   SuggestedQuestionsAfterAnswerConfig,
   TextToSpeechConfig,
 } from '@/models/debug'
-import type { ExternalDataTool } from '@/models/common'
-import type { DataSet } from '@/models/datasets'
 import type { VisionSettings } from '@/types/app'
-import { AppModeEnum } from '@/types/app'
-import { ModelModeType, RETRIEVE_TYPE, Resolution, TransferMethod } from '@/types/app'
-import { ANNOTATION_DEFAULT, DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
-import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { Collection } from '@/app/components/tools/types'
 import { noop } from 'lodash-es'
+import { createContext, useContext } from 'use-context-selector'
+import { ANNOTATION_DEFAULT, DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import { PromptMode } from '@/models/debug'
+import { AppModeEnum, ModelModeType, Resolution, RETRIEVE_TYPE, TransferMethod } from '@/types/app'
 
 type IDebugConfiguration = {
   appId: string

web/context/event-emitter.tsx

@@ -1,8 +1,8 @@
 'use client'
 
-import { createContext, useContext } from 'use-context-selector'
-import { useEventEmitter } from 'ahooks'
 import type { EventEmitter } from 'ahooks/lib/useEventEmitter'
+import { useEventEmitter } from 'ahooks'
+import { createContext, useContext } from 'use-context-selector'
 
 const EventEmitterContext = createContext<{ eventEmitter: EventEmitter<string> | null }>({
   eventEmitter: null,

web/context/explore-context.ts

@@ -1,6 +1,6 @@
-import { createContext } from 'use-context-selector'
 import type { InstalledApp } from '@/models/explore'
 import { noop } from 'lodash-es'
+import { createContext } from 'use-context-selector'
 
 type IExplore = {
   controlUpdateInstalledApps: number

web/context/external-knowledge-api-context.tsx

@@ -1,8 +1,8 @@
 'use client'
 
-import { createContext, useCallback, useContext, useMemo } from 'react'
 import type { FC, ReactNode } from 'react'
 import type { ExternalAPIItem, ExternalAPIListResponse } from '@/models/datasets'
+import { createContext, useCallback, useContext, useMemo } from 'react'
 import { useExternalKnowledgeApiList } from '@/service/knowledge/use-dataset'
 
 type ExternalKnowledgeApiContextType = {

web/context/global-public-context.tsx

@@ -1,12 +1,12 @@
 'use client'
-import { create } from 'zustand'
-import { useQuery } from '@tanstack/react-query'
 import type { FC, PropsWithChildren } from 'react'
-import { useEffect } from 'react'
 import type { SystemFeatures } from '@/types/feature'
-import { defaultSystemFeatures } from '@/types/feature'
-import { getSystemFeatures } from '@/service/common'
+import { useQuery } from '@tanstack/react-query'
+import { useEffect } from 'react'
+import { create } from 'zustand'
 import Loading from '@/app/components/base/loading'
+import { getSystemFeatures } from '@/service/common'
+import { defaultSystemFeatures } from '@/types/feature'
 
 type GlobalPublicStore = {
   isGlobalPending: boolean
@@ -40,7 +40,7 @@ const GlobalPublicStoreProvider: FC<PropsWithChildren> = ({
   }, [isPending, setIsPending])
 
   if (isPending)
-    return <div className='flex h-screen w-screen items-center justify-center'><Loading /></div>
+    return <div className="flex h-screen w-screen items-center justify-center"><Loading /></div>
   return <>{children}</>
 }
 export default GlobalPublicStoreProvider

web/context/hooks/use-trigger-events-limit-modal.ts

@@ -1,9 +1,10 @@
-import { type Dispatch, type SetStateAction, useCallback, useEffect, useRef, useState } from 'react'
+import type { Dispatch, SetStateAction } from 'react'
+import type { ModalState } from '../modal-context'
 import dayjs from 'dayjs'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import { NUM_INFINITE } from '@/app/components/billing/config'
 import { Plan } from '@/app/components/billing/type'
 import { IS_CLOUD_EDITION } from '@/config'
-import type { ModalState } from '../modal-context'
 
 export type TriggerEventsLimitModalPayload = {
   usage: number

web/context/i18n.ts

@@ -1,10 +1,10 @@
+import type { Locale } from '@/i18n-config'
+import { noop } from 'lodash-es'
 import {
   createContext,
   useContext,
 } from 'use-context-selector'
-import type { Locale } from '@/i18n-config'
 import { getDocLanguage, getLanguage, getPricingPageLanguage } from '@/i18n-config/language'
-import { noop } from 'lodash-es'
 
 type II18NContext = {
   locale: Locale

web/context/mitt-context.tsx

@@ -1,6 +1,6 @@
+import { noop } from 'lodash-es'
 import { createContext, useContext, useContextSelector } from 'use-context-selector'
 import { useMitt } from '@/hooks/use-mitt'
-import { noop } from 'lodash-es'
 
 type ContextValueType = ReturnType<typeof useMitt>
 export const MittContext = createContext<ContextValueType>({

web/context/modal-context.test.tsx

@@ -1,8 +1,8 @@
-import React from 'react'
 import { act, render, screen, waitFor } from '@testing-library/react'
-import { ModalContextProvider } from '@/context/modal-context'
-import { Plan } from '@/app/components/billing/type'
+import React from 'react'
 import { defaultPlan } from '@/app/components/billing/config'
+import { Plan } from '@/app/components/billing/type'
+import { ModalContextProvider } from '@/context/modal-context'
 
 vi.mock('@/config', async (importOriginal) => {
   const actual = await importOriginal<typeof import('@/config')>()

web/context/modal-context.tsx

@@ -1,45 +1,46 @@
 'use client'
 
 import type { Dispatch, SetStateAction } from 'react'
-import { useCallback, useEffect, useState } from 'react'
-import { createContext, useContext, useContextSelector } from 'use-context-selector'
-import { useSearchParams } from 'next/navigation'
+import type { TriggerEventsLimitModalPayload } from './hooks/use-trigger-events-limit-modal'
+import type { OpeningStatement } from '@/app/components/base/features/types'
+import type { CreateExternalAPIReq } from '@/app/components/datasets/external-api/declarations'
+import type { AccountSettingTab } from '@/app/components/header/account-setting/constants'
 import type {
   ConfigurationMethodEnum,
   Credential,
   CustomConfigurationModelFixedFields,
   CustomModel,
+  ModelModalModeEnum,
   ModelProvider,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import {
-  EDUCATION_PRICING_SHOW_ACTION,
-  EDUCATION_VERIFYING_LOCALSTORAGE_ITEM,
-} from '@/app/education-apply/constants'
-import type { AccountSettingTab } from '@/app/components/header/account-setting/constants'
+import type { ModelLoadBalancingModalProps } from '@/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal'
+import type { UpdatePluginPayload } from '@/app/components/plugins/types'
+import type { InputVar } from '@/app/components/workflow/types'
+import type { ExpireNoticeModalPayloadProps } from '@/app/education-apply/expire-notice-modal'
+import type {
+  ApiBasedExtension,
+  ExternalDataTool,
+} from '@/models/common'
+import type { ModerationConfig, PromptVariable } from '@/models/debug'
+import { noop } from 'lodash-es'
+import dynamic from 'next/dynamic'
+import { useSearchParams } from 'next/navigation'
+import { useCallback, useEffect, useState } from 'react'
+import { createContext, useContext, useContextSelector } from 'use-context-selector'
 import {
   ACCOUNT_SETTING_MODAL_ACTION,
   DEFAULT_ACCOUNT_SETTING_TAB,
   isValidAccountSettingTab,
 } from '@/app/components/header/account-setting/constants'
-import type { ModerationConfig, PromptVariable } from '@/models/debug'
-import type {
-  ApiBasedExtension,
-  ExternalDataTool,
-} from '@/models/common'
-import type { CreateExternalAPIReq } from '@/app/components/datasets/external-api/declarations'
-import type { ModelLoadBalancingModalProps } from '@/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal'
-import type { OpeningStatement } from '@/app/components/base/features/types'
-import type { InputVar } from '@/app/components/workflow/types'
-import type { UpdatePluginPayload } from '@/app/components/plugins/types'
-import { removeSpecificQueryParam } from '@/utils'
-import { noop } from 'lodash-es'
-import dynamic from 'next/dynamic'
-import type { ExpireNoticeModalPayloadProps } from '@/app/education-apply/expire-notice-modal'
-import type { ModelModalModeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useProviderContext } from '@/context/provider-context'
-import { useAppContext } from '@/context/app-context'
 import {
-  type TriggerEventsLimitModalPayload,
+  EDUCATION_PRICING_SHOW_ACTION,
+  EDUCATION_VERIFYING_LOCALSTORAGE_ITEM,
+} from '@/app/education-apply/constants'
+import { useAppContext } from '@/context/app-context'
+import { useProviderContext } from '@/context/provider-context'
+import { removeSpecificQueryParam } from '@/utils'
+import {
+
   useTriggerEventsLimitModal,
 } from './hooks/use-trigger-events-limit-modal'
 
@@ -92,7 +93,7 @@ export type ModalState<T> = {
   onEditCallback?: (newPayload: T) => void
   onValidateBeforeSaveCallback?: (newPayload: T) => boolean
   isEditMode?: boolean
-  datasetBindings?: { id: string; name: string }[]
+  datasetBindings?: { id: string, name: string }[]
 }
 
 export type ModelModalType = {
@@ -358,7 +359,8 @@ export const ModalContextProvider = ({
       setShowUpdatePluginModal,
       setShowEducationExpireNoticeModal,
       setShowTriggerEventsLimitModal,
-    }}>
+    }}
+    >
       <>
         {children}
         {
@@ -410,7 +412,8 @@ export const ModalContextProvider = ({
           showAnnotationFullModal && (
             <AnnotationFullModal
               show={showAnnotationFullModal}
-              onHide={() => setShowAnnotationFullModal(false)} />
+              onHide={() => setShowAnnotationFullModal(false)}
+            />
           )
         }
         {
@@ -478,7 +481,8 @@ export const ModalContextProvider = ({
               {...showEducationExpireNoticeModal.payload}
               onClose={() => setShowEducationExpireNoticeModal(null)}
             />
-          )}
+          )
+        }
         {
           !!showTriggerEventsLimitModal && (
             <TriggerEventsLimitModal
@@ -496,7 +500,8 @@ export const ModalContextProvider = ({
                 handleShowPricingModal()
               }}
             />
-          )}
+          )
+        }
       </>
     </ModalContext.Provider>
   )

web/context/provider-context-mock.spec.tsx

@@ -1,8 +1,8 @@
-import { render } from '@testing-library/react'
 import type { UsagePlanInfo } from '@/app/components/billing/type'
+import { render } from '@testing-library/react'
+import { createMockPlan, createMockPlanReset, createMockPlanTotal, createMockPlanUsage } from '@/__mocks__/provider-context'
 import { Plan } from '@/app/components/billing/type'
 import ProviderContextMock from './provider-context-mock'
-import { createMockPlan, createMockPlanReset, createMockPlanTotal, createMockPlanUsage } from '@/__mocks__/provider-context'
 
 let mockPlan: Plan = Plan.sandbox
 const usage: UsagePlanInfo = {

web/context/provider-context.tsx

@@ -1,34 +1,33 @@
 'use client'
 
-import { createContext, useContext, useContextSelector } from 'use-context-selector'
-import { useEffect, useState } from 'react'
-import dayjs from 'dayjs'
-import { useTranslation } from 'react-i18next'
+import type { Plan, UsagePlanInfo, UsageResetInfo } from '@/app/components/billing/type'
+import type { Model, ModelProvider } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { RETRIEVE_METHOD } from '@/types/app'
 import { useQueryClient } from '@tanstack/react-query'
+import dayjs from 'dayjs'
+import { noop } from 'lodash-es'
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { createContext, useContext, useContextSelector } from 'use-context-selector'
+import Toast from '@/app/components/base/toast'
+import { setZendeskConversationFields } from '@/app/components/base/zendesk/utils'
+import { defaultPlan } from '@/app/components/billing/config'
+import { parseCurrentPlan } from '@/app/components/billing/utils'
+import {
+  CurrentSystemQuotaTypeEnum,
+  ModelStatusEnum,
+  ModelTypeEnum,
+} from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { ZENDESK_FIELD_IDS } from '@/config'
+import { fetchCurrentPlanInfo } from '@/service/billing'
 import {
   useModelListByType,
   useModelProviders,
   useSupportRetrievalMethods,
 } from '@/service/use-common'
-import {
-  CurrentSystemQuotaTypeEnum,
-  ModelStatusEnum,
-  ModelTypeEnum,
-} from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { Model, ModelProvider } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { RETRIEVE_METHOD } from '@/types/app'
-import type { Plan, UsageResetInfo } from '@/app/components/billing/type'
-import type { UsagePlanInfo } from '@/app/components/billing/type'
-import { fetchCurrentPlanInfo } from '@/service/billing'
-import { parseCurrentPlan } from '@/app/components/billing/utils'
-import { defaultPlan } from '@/app/components/billing/config'
-import Toast from '@/app/components/base/toast'
 import {
   useEducationStatus,
 } from '@/service/use-education'
-import { noop } from 'lodash-es'
-import { setZendeskConversationFields } from '@/app/components/base/zendesk/utils'
-import { ZENDESK_FIELD_IDS } from '@/config'
 
 export type ProviderContextState = {
   modelProviders: ModelProvider[]
@@ -61,7 +60,7 @@ export type ProviderContextState = {
       size: number
       limit: number
     }
-  },
+  }
   refreshLicenseLimit: () => void
   isAllowTransferWorkspace: boolean
   isAllowPublishAsCustomKnowledgePipelineTemplate: boolean
@@ -251,7 +250,8 @@ export const ProviderContextProvider = ({
       refreshLicenseLimit: fetchPlan,
       isAllowTransferWorkspace,
       isAllowPublishAsCustomKnowledgePipelineTemplate,
-    }}>
+    }}
+    >
       {children}
     </ProviderContext.Provider>
   )

web/context/query-client.tsx

@@ -16,8 +16,10 @@ const client = new QueryClient({
 
 export const TanstackQueryInitializer: FC<PropsWithChildren> = (props) => {
   const { children } = props
-  return <QueryClientProvider client={client}>
-    {children}
-    <ReactQueryDevtools initialIsOpen={false} />
-  </QueryClientProvider>
+  return (
+    <QueryClientProvider client={client}>
+      {children}
+      <ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>
+  )
 }

web/context/web-app-context.tsx

@@ -1,15 +1,15 @@
 'use client'
 
-import type { ChatConfig } from '@/app/components/base/chat/types'
-import Loading from '@/app/components/base/loading'
-import { AccessMode } from '@/models/access-control'
-import type { AppData, AppMeta } from '@/models/share'
-import { useGetWebAppAccessModeByCode } from '@/service/use-share'
-import { usePathname, useSearchParams } from 'next/navigation'
 import type { FC, PropsWithChildren } from 'react'
+import type { ChatConfig } from '@/app/components/base/chat/types'
+import type { AppData, AppMeta } from '@/models/share'
+import { usePathname, useSearchParams } from 'next/navigation'
 import { useEffect } from 'react'
 import { create } from 'zustand'
 import { getProcessedSystemVariablesFromUrlParams } from '@/app/components/base/chat/utils'
+import Loading from '@/app/components/base/loading'
+import { AccessMode } from '@/models/access-control'
+import { useGetWebAppAccessModeByCode } from '@/service/use-share'
 import { useGlobalPublicStore } from './global-public-context'
 
 type WebAppStore = {
@@ -112,9 +112,11 @@ const WebAppStoreProvider: FC<PropsWithChildren> = ({ children }) => {
   }, [accessModeResult, updateWebAppAccessMode, shareCode])
 
   if (isGlobalPending || isLoading) {
-    return <div className='flex h-full w-full items-center justify-center'>
-      <Loading />
-    </div>
+    return (
+      <div className="flex h-full w-full items-center justify-center">
+        <Loading />
+      </div>
+    )
   }
   return (
     <>

web/context/workspace-context.tsx

@@ -1,8 +1,8 @@
 'use client'
 
+import type { IWorkspace } from '@/models/common'
 import { createContext, useContext } from 'use-context-selector'
 import { useWorkspaces } from '@/service/use-common'
-import type { IWorkspace } from '@/models/common'
 
 export type WorkspacesContextValue = {
   workspaces: IWorkspace[]
@@ -24,7 +24,8 @@ export const WorkspaceProvider = ({
   return (
     <WorkspacesContext.Provider value={{
       workspaces: data?.workspaces || [],
-    }}>
+    }}
+    >
       {children}
     </WorkspacesContext.Provider>
   )