chore: add no-console: error (#2286)

* chore: add no-console: error

* fix prettier

ee/tabby-ui/.eslintrc.json

@@ -28,7 +28,8 @@
           }
         ]
       }
-    ]
+    ],
+    "no-console": "error"
   },
   "settings": {
     "tailwindcss": {

ee/tabby-ui/app/(dashboard)/profile/components/profile.tsx

@@ -3,10 +3,10 @@
 import React from 'react'
 
 import { Avatar } from './avatar'
+import { ChangeName } from './change-name'
 import { ChangePassword } from './change-password'
 import { Email } from './email'
 import { ProfileCard } from './profile-card'
-import { ChangeName } from './change-name'
 
 export default function Profile() {
   return (

ee/tabby-ui/app/(dashboard)/settings/(integrations)/repository/[kind]/components/provider-list.tsx

@@ -1,12 +1,15 @@
 'use client'
 
+import React from 'react'
 import Link from 'next/link'
+import { useParams } from 'next/navigation'
 import { useQuery } from 'urql'
 
 import {
   RepositoryKind,
   RepositoryProviderStatus
 } from '@/lib/gql/generates/graphql'
+import { QueryResponseData } from '@/lib/tabby/gql'
 import {
   listGithubRepositoryProviders,
   listGithubSelfHostedRepositoryProviders,
@@ -17,10 +20,6 @@ import { buttonVariants } from '@/components/ui/button'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import LoadingWrapper from '@/components/loading-wrapper'
 
-import React from 'react'
-import { useParams } from 'next/navigation'
-import { QueryResponseData } from '@/lib/tabby/gql'
-
 interface GitProvidersListProps {
   kind: RepositoryKind
 }

ee/tabby-ui/app/(dashboard)/settings/(integrations)/repository/[kind]/detail/components/add-repository-form.tsx

@@ -3,6 +3,7 @@
 import * as React from 'react'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { useForm } from 'react-hook-form'
+import { TypedDocumentNode } from 'urql'
 import * as z from 'zod'
 
 import {
@@ -40,11 +41,10 @@ import {
 
 import {
   updateGithubProvidedRepositoryActiveMutation,
-  updateGitlabProvidedRepositoryActiveMutation,
   updateGithubSelfHostedProvidedRepositoryActiveMutation,
+  updateGitlabProvidedRepositoryActiveMutation,
   updateGitlabSelfHostedProvidedRepositoryActiveMutation
 } from '../query'
-import { TypedDocumentNode } from 'urql'
 
 const formSchema = z.object({
   id: z.string()

ee/tabby-ui/app/(dashboard)/settings/(integrations)/repository/[kind]/detail/components/provider-detail.tsx

@@ -57,6 +57,7 @@ import {
 import LoadingWrapper from '@/components/loading-wrapper'
 import { ListSkeleton } from '@/components/skeleton'
 
+import { useRepositoryKind } from '../../hooks/use-repository-kind'
 import {
   updateGithubProvidedRepositoryActiveMutation,
   updateGithubSelfHostedProvidedRepositoryActiveMutation,
@@ -65,7 +66,6 @@ import {
 } from '../query'
 import AddRepositoryForm from './add-repository-form'
 import { UpdateProviderForm } from './update-provider-form'
-import { useRepositoryKind } from '../../hooks/use-repository-kind'
 
 const PAGE_SIZE = DEFAULT_PAGE_SIZE
 

ee/tabby-ui/app/(dashboard)/settings/(integrations)/repository/[kind]/detail/components/update-provider-form.tsx

@@ -2,17 +2,17 @@
 
 import React from 'react'
 import { toast } from 'sonner'
+import { TypedDocumentNode } from 'urql'
 
 import { graphql } from '@/lib/gql/generates'
+import { RepositoryKind } from '@/lib/gql/generates/graphql'
 import { QueryResponseData, useMutation } from '@/lib/tabby/gql'
 
 import {
   CommonProviderForm,
   CreateRepositoryProviderFormValues,
   useRepositoryProviderForm
 } from '../../components/common-provider-form'
-import { RepositoryKind } from '@/lib/gql/generates/graphql'
-import { TypedDocumentNode } from 'urql'
 
 const deleteGithubRepositoryProviderMutation = graphql(/* GraphQL */ `
   mutation DeleteGithubRepositoryProvider($id: ID!) {

ee/tabby-ui/app/(dashboard)/settings/(integrations)/repository/[kind]/new/components/new-page.tsx

@@ -3,6 +3,7 @@
 import React from 'react'
 import { useRouter } from 'next/navigation'
 import { UseFormReturn } from 'react-hook-form'
+import { TypedDocumentNode } from 'urql'
 
 import { graphql } from '@/lib/gql/generates'
 import { RepositoryKind } from '@/lib/gql/generates/graphql'
@@ -15,7 +16,6 @@ import {
   useRepositoryProviderForm
 } from '../../components/common-provider-form'
 import { useRepositoryKind } from '../../hooks/use-repository-kind'
-import { TypedDocumentNode } from 'urql'
 
 const createGithubRepositoryProvider = graphql(/* GraphQL */ `
   mutation CreateGithubRepositoryProvider(

ee/tabby-ui/app/(dashboard)/settings/(integrations)/repository/[kind]/page.tsx

@@ -1,8 +1,8 @@
 import { NextPage } from 'next'
 import { findIndex } from 'lodash-es'
 
-import RepositoryProvidersPage from './components/provider-list'
 import { PROVIDER_KIND_METAS } from '../constants'
+import RepositoryProvidersPage from './components/provider-list'
 
 type Params = {
   kind: string

ee/tabby-ui/app/(dashboard)/settings/(integrations)/repository/components/tabs-header.tsx

@@ -1,13 +1,14 @@
 'use client'
 
+import React from 'react'
 import Link from 'next/link'
 import { useParams } from 'next/navigation'
 
 import { RepositoryKind } from '@/lib/gql/generates/graphql'
 import { IconGitHub, IconGitLab } from '@/components/ui/icons'
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs'
+
 import { PROVIDER_KIND_METAS } from '../constants'
-import React from 'react'
 
 export default function GitTabsHeader() {
   const params = useParams<{ kind?: RepositoryKind }>()

ee/tabby-ui/app/(dashboard)/settings/(integrations)/sso/components/oauth-credential-list.tsx

@@ -14,13 +14,13 @@ import {
 } from '@/lib/gql/generates/graphql'
 import { Button, buttonVariants } from '@/components/ui/button'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { IconGitHub, IconGitLab, IconGoogle } from '@/components/ui/icons'
 import { Skeleton } from '@/components/ui/skeleton'
 import { LicenseGuard } from '@/components/license-guard'
 import LoadingWrapper from '@/components/loading-wrapper'
 
 import { PROVIDER_METAS } from './constant'
 import { SSOHeader } from './sso-header'
-import { IconGitHub, IconGitLab, IconGoogle } from '@/components/ui/icons'
 
 export const oauthCredential = graphql(/* GraphQL */ `
   query OAuthCredential($provider: OAuthProvider!) {

ee/tabby-ui/app/(home)/page.tsx

@@ -23,8 +23,8 @@ import {
   IconMail,
   IconRotate,
   IconSpinner,
-  IconVSCode,
-  IconUser
+  IconUser,
+  IconVSCode
 } from '@/components/ui/icons'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'

ee/tabby-ui/app/auth/signin/components/signin-section.tsx

@@ -9,8 +9,8 @@ import { useAllowSelfSignup } from '@/lib/hooks/use-server-info'
 import { useSession, useSignIn } from '@/lib/tabby/auth'
 import fetcher from '@/lib/tabby/fetcher'
 import {
-  IconGitLab,
   IconGithub,
+  IconGitLab,
   IconGoogle,
   IconSpinner
 } from '@/components/ui/icons'

ee/tabby-ui/app/chat/page.tsx

@@ -1,13 +1,13 @@
 'use client'
 
-import { useRef, useState, useEffect } from 'react'
+import { useEffect, useRef, useState } from 'react'
+import { useSearchParams } from 'next/navigation'
+import Color from 'color'
 import type { ChatMessage, Context, FetcherOptions } from 'tabby-chat-panel'
 import { useServer } from 'tabby-chat-panel/react'
-import { useSearchParams } from 'next/navigation'
 
 import { nanoid } from '@/lib/utils'
 import { Chat, ChatRef } from '@/components/chat/chat'
-import Color from 'color'
 
 import './page.css'
 

ee/tabby-ui/app/components/main.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { usePathname } from 'next/navigation'
+
 import { cn } from '@/lib/utils'
 import { DemoBanner } from '@/components/demo-banner'
 

ee/tabby-ui/app/files/components/file-tree.tsx

@@ -2,6 +2,7 @@
 
 import React from 'react'
 import { isEmpty } from 'lodash-es'
+import { useInView } from 'react-intersection-observer'
 import { SWRResponse } from 'swr'
 import useSWRImmutable from 'swr/immutable'
 
@@ -27,7 +28,6 @@ import {
   resolveFileNameFromPath,
   resolveRepositoryInfoFromPath
 } from './utils'
-import { useInView } from 'react-intersection-observer'
 
 type TFileTreeNode = {
   name: string

ee/tabby-ui/app/files/components/source-code-browser.tsx

@@ -437,8 +437,6 @@ const SourceCodeBrowserRenderer: React.FC<SourceCodeBrowserProps> = ({
     }
   }, [chatSideBarVisible])
 
-  console.log('repoMap', repoMap, fileTreeData)
-
   return (
     <ResizablePanelGroup
       direction="horizontal"
@@ -576,6 +574,7 @@ async function getInitialFileData(path?: string) {
 
     return { patchMap, expandedKeys, repos }
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.error(e)
     return {}
   }
@@ -609,6 +608,7 @@ async function getInitialFileData(path?: string) {
         result = defaultEntries ?? []
       }
     } catch (e) {
+      // eslint-disable-next-line no-console
       console.error(e)
       return result
     }

ee/tabby-ui/app/layout.tsx

@@ -8,6 +8,7 @@ import { fontMono, fontSans } from '@/lib/fonts'
 import { cn } from '@/lib/utils'
 import { Providers } from '@/components/providers'
 import { TailwindIndicator } from '@/components/tailwind-indicator'
+
 import Main from './components/main'
 
 export const metadata: Metadata = {

ee/tabby-ui/components/chat/chat.tsx

@@ -3,6 +3,8 @@ import { Message } from 'ai'
 import { findIndex } from 'lodash-es'
 import type { Context } from 'tabby-chat-panel'
 
+import { useDebounceCallback } from '@/lib/hooks/use-debounce'
+import { useLatest } from '@/lib/hooks/use-latest'
 import { filename2prism } from '@/lib/language-utils'
 import {
   AnswerRequest,
@@ -14,14 +16,12 @@ import {
 } from '@/lib/types/chat'
 import { cn, nanoid } from '@/lib/utils'
 
+import { ListSkeleton } from '../skeleton'
 import { ChatPanel } from './chat-panel'
 import { ChatScrollAnchor } from './chat-scroll-anchor'
 import { EmptyScreen } from './empty-screen'
 import { QuestionAnswerList } from './question-answer'
 import { useTabbyAnswer } from './use-tabby-answer'
-import { useLatest } from '@/lib/hooks/use-latest'
-import { useDebounceCallback } from '@/lib/hooks/use-debounce'
-import { ListSkeleton } from '../skeleton'
 
 type ChatContextValue = {
   isLoading: boolean

ee/tabby-ui/components/codemirror/code-tag-widget-extension.ts

@@ -91,7 +91,8 @@ function computeDecorations(
     try {
       lineNumber = state.doc.lineAt(range.start)?.number ?? -1
     } catch (e) {
-      console.log('line parse error')
+      // eslint-disable-next-line no-console
+      console.error('line parse error')
     }
     if (lineNumber > -1) {
       temp.push({ line: lineNumber, annotation: ann })

ee/tabby-ui/components/header.tsx

@@ -52,8 +52,10 @@ function isNewVersionAvailable(version?: string, latestRelease?: ReleaseInfo) {
   try {
     return version && latestRelease && compare(latestRelease.name, version, '>')
   } catch (err) {
-    // Handle invalid semver
+    // eslint-disable-next-line no-console
     console.warn(err)
+
+    // Handle invalid semver
     return true
   }
 }

ee/tabby-ui/components/user-avatar.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import React from 'react'
+import React, { ReactNode } from 'react'
 import NiceAvatar, { genConfig } from 'react-nice-avatar'
 import { mutate } from 'swr'
 import useSWRImmutable from 'swr/immutable'
@@ -14,7 +14,6 @@ import {
   AvatarImage
 } from '@/components/ui/avatar'
 import { Skeleton } from '@/components/ui/skeleton'
-import { ReactNode } from 'react'
 
 const NOT_FOUND_ERROR = 'not_found'
 let shouldFetchAvatar = true

ee/tabby-ui/lib/tabby/token-management.ts

@@ -62,6 +62,7 @@ class TokenManager {
   async refreshToken(doRefreshToken: () => Promise<AuthData | undefined>) {
     try {
       if (typeof navigator?.locks === 'undefined') {
+        // eslint-disable-next-line no-console
         console.error(
           'The Web Locks API is not supported in your browser. Please upgrade to a newer browser version.'
         )

ee/tabby-ui/prettier.config.cjs

@@ -1,4 +1,4 @@
-/** @type {import('prettier').Config} */
+/** @type {import("@ianvs/prettier-plugin-sort-imports").PrettierConfig} */
 module.exports = {
   endOfLine: 'lf',
   semi: false,
@@ -7,6 +7,7 @@ module.exports = {
   arrowParens: 'avoid',
   tabWidth: 2,
   trailingComma: 'none',
+  plugins: ['@ianvs/prettier-plugin-sort-imports'],
   importOrder: [
     '^(react/(.*)$)|^(react$)',
     '^(next/(.*)$)|^(next$)',