Merge pull request #58 from kolorfilm/chore/migrate-to-eslint-version-9

Migrate to ESLint version 9

Author: kolorfilm

.eslintrc.json

@@ -16,9 +16,6 @@ updates:
         dependency-type: 'production'
       development-dependencies:
         dependency-type: 'development'
-    ignore:
-      - dependency-name: 'eslint'
-        versions: ['^9.x']
 
   - package-ecosystem: github-actions
     directory: '/'

.github/dependabot.yml

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [2.0.7] - 2024-10-24
+
+### Changed
+
+- migrate eslint to version 9
+
 ## [2.0.6] - 2023-09-06
 
 ### Changed

CHANGELOG.md

@@ -0,0 +1,55 @@
+import js from '@eslint/js'
+import eslint from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import globals from 'globals'
+import nextPlugin from '@next/eslint-plugin-next'
+import reactPlugin from 'eslint-plugin-react'
+import reactHooksPlugin from 'eslint-plugin-react-hooks'
+import jestPlugin from 'eslint-plugin-jest'
+import eslintConfigPrettier from 'eslint-config-prettier'
+
+export default tseslint.config(
+  {
+    extends: [
+      js.configs.recommended,
+      eslint.configs.recommended,
+      ...tseslint.configs.recommended,
+      eslintConfigPrettier,
+    ],
+    languageOptions: {
+      globals: {
+        ...globals.es2020,
+        ...globals.node,
+        ...globals.browser,
+        ...globals.jest,
+      },
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+    },
+    plugins: {
+      '@next/next': nextPlugin,
+      react: reactPlugin,
+      'react-hooks': reactHooksPlugin,
+      jest: jestPlugin,
+    },
+    ignores: ['**/public/**', '**/.next/**'],
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    linterOptions: {
+      reportUnusedDisableDirectives: 'off',
+    },
+    rules: {
+      ...nextPlugin.configs.recommended.rules,
+      ...reactHooksPlugin.configs.recommended.rules,
+    },
+  },
+  {
+    files: ['server/**', 'setupTests.ts'],
+    rules: {
+      '@typescript-eslint/no-require-imports': 'off',
+    },
+  }
+)

eslint.config.mjs

@@ -6,7 +6,7 @@ module.exports = {
   collectCoverageFrom: [
     '**/*.{js,jsx,ts,tsx}',
     '!<rootDir>/next-env.d.ts',
-    '!<rootDir>/next.config.js',
+    '!<rootDir>/next.config.mjs',
     '!.next/**',
     '!**/node_modules/**',
     '!**/libs/**',

jest.config.js

@@ -87,14 +87,12 @@ const initHighcharts = (containerId: string, orders: OrdersMapped): void => {
         const month = new Date(this.x as number).getMonth()
         let totalFees = 0
         let htmlItems = '<div>' + tooltipHeaderAsString()
-        let i = 0
 
         orders.seriesItems.forEach((item) => {
           const item_year = new Date(item.created).getFullYear()
           const item_month = new Date(item.created).getMonth()
 
           if (item_year === year && item_month === month) {
-            i++
             htmlItems += tooltipLineItemAsString(item)
             totalFees += item.fee
           }

modules/OrdersHighcharts.tsx

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

next-env.d.ts

@@ -0,0 +1,25 @@
+import path from 'path'
+import Dotenv from 'dotenv-webpack'
+import { config } from 'dotenv'
+
+config()
+
+const nextConfig = {
+  reactStrictMode: true,
+  trailingSlash: true,
+  webpack: (config) => {
+    config.plugins = [
+      ...config.plugins,
+
+      // Read the .env file
+      new Dotenv({
+        path: path.join(process.cwd(), '.env'),
+        systemvars: true,
+      }),
+    ]
+
+    return config
+  },
+}
+
+export default nextConfig