重构 ESLint 配置，删除旧的 CommonJS 格式文件，新增 ES 模块格式的配置文件。更新相关依赖，调整 TypeScript 和 React 的 ESLint 规则，确保兼容性和最佳实践。

Author: Codennnn

.eslintrc.cjs

@@ -0,0 +1,9 @@
+import base from './src/eslint/base.mjs'
+
+export default [
+  ...base,
+
+  {
+    ignores: ['src/eslint-legacy/**', 'examples/**'],
+  },
+]

eslint.config.mjs

@@ -0,0 +1,13 @@
+import { TYPESCRIPT_FILES } from 'prefer-code-style/constants'
+import nextConfig from 'prefer-code-style/eslint/preset/next'
+
+export default [
+  ...nextConfig,
+
+  {
+    files: TYPESCRIPT_FILES,
+    rules: {
+      'import/no-unresolved': [2, { ignore: ['^\\~/'] }],
+    },
+  },
+]

examples/green-wall/.eslintrc.cjs

@@ -123,8 +123,8 @@ if (isProfile) {
         let td = '<td></td>'
 
         if (col.level !== ContributionLevel.Null) {
-          const level =
-            col.level === ContributionLevel.NONE
+          const level
+            = col.level === ContributionLevel.NONE
               ? 0
               : col.level === ContributionLevel.FIRST_QUARTILE
                 ? 1
@@ -339,7 +339,6 @@ if (isProfile) {
         retryBtn.classList.add('btn')
         retryBtn.textContent = 'Retry'
         retryBtn.addEventListener('click', () => {
-          // eslint-disable-next-line @typescript-eslint/no-use-before-define
           handleLoadData()
         })
 

examples/green-wall/eslint.config.mjs

@@ -79,7 +79,11 @@ export default function AboutPage() {
         <SectionTitle>Reporting issues</SectionTitle>
         <Paragraph>
           Got bugs or have any suggestions for this project? Welcome to leave your message on the{' '}
-          <TextLink passHref href="https://github.com/Codennnn/Green-Wall/issues" target="_blank">
+          <TextLink
+            passHref
+            href="https://github.com/Codennnn/Green-Wall/issues"
+            target="_blank"
+          >
             GitHub issues.
           </TextLink>
         </Paragraph>

examples/green-wall/plugins/script.ts

@@ -1,10 +1,9 @@
 'use client'
 
-import { useEffect, useMemo } from 'react'
-
 import Image from 'next/image'
 import Link from 'next/link'
 import { useParams, useSearchParams } from 'next/navigation'
+import { useEffect, useMemo } from 'react'
 
 import { ContributionsGraph } from '~/components/ContributionsGraph'
 import { ErrorMessage } from '~/components/ErrorMessage'

examples/green-wall/src/app/about/page.tsx

@@ -37,7 +37,9 @@ export const sizeProperties = {
 >
 
 export const DEFAULT_SIZE: GraphSize = GraphSize.Small
+
 export const DEFAULT_THEME: Themes = 'GitHub'
+
 export const DEFAULT_DISPLAY_NAME: DisplayName = DisplayName.Username
 
 export const THEMES = [

examples/green-wall/src/app/share/[username]/SharePage.tsx

@@ -40,15 +40,17 @@ export async function fetchGitHubUser(username: string): Promise<ContributionBas
     throw new Error(`fetch error: ${res.statusText}.`)
   }
 
-  const json: GitHubApiJson<{ user: GitHubUser | null }> = await res.json()
+  const json = await res.json() as GitHubApiJson<{ user: GitHubUser | null }>
 
   if (!json.data?.user) {
     if (json.errors) {
       const error = json.errors.at(0)
+
       if (error) {
         throw new Error(error.message)
       }
     }
+
     throw new Error(json.message)
   }
 
@@ -100,7 +102,7 @@ export async function fetchContributionsCollection(
     throw new Error(`fetch error: ${res.statusText}.`)
   }
 
-  const json: GitHubApiJson<{ user: GitHubContributionCalendar | null }> = await res.json()
+  const json = await res.json() as GitHubApiJson<{ user: GitHubContributionCalendar | null }>
 
   if (!json.data?.user) {
     throw new Error(json.message)

examples/green-wall/src/constants.ts

@@ -24,6 +24,7 @@ export interface Theme {
 }
 
 export type GitHubUsername = string
+
 export type ContributionYear = number
 
 export interface GitHubUser {
@@ -82,5 +83,5 @@ export interface GraphSettings {
 export interface GitHubApiJson<Data> {
   data?: Data
   message?: string
-  errors?: { type: string; message: string }[]
+  errors?: { type: string, message: string }[]
 }