chore: upgrade babel eslint (#927)

Author: embbnux

.eslintrc.js

@@ -1,6 +1,6 @@
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
-  plugins: ['@nrwl/nx', 'lodash'],
+  plugins: ['lodash'],
   ignorePatterns: ['node_modules', 'release', 'html-report'],
   globals: {
     page: true,
@@ -16,7 +16,6 @@ module.exports = {
     {
       files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
       extends: [
-        'plugin:@nrwl/nx/javascript',
         'plugin:import/recommended',
         'plugin:prettier/recommended',
       ],
@@ -36,34 +35,20 @@ module.exports = {
         'import/named': 'off',
         'no-console': 'warn',
         '@typescript-eslint/no-empty-function': 'off',
-        // for more detail view here https://nx.dev/structure/monorepo-tags
-        '@nrwl/nx/enforce-module-boundaries': [
-          'error',
-          {
-            enforceBuildableLibDependency: false,
-            allow: [],
-            depConstraints: [
-              {
-                sourceTag: '*',
-                onlyDependOnLibsWithTags: ['*'],
-              },
-            ],
-          },
-        ],
       },
     },
     // js files
     {
       files: ['*.js', '*.jsx'],
-      extends: ['plugin:@nrwl/nx/javascript'],
+      extends: [],
       rules: {
         '@typescript-eslint/no-empty-function': 'off',
       },
     },
     // ts files
     {
       files: ['*.ts', '*.tsx'],
-      extends: ['plugin:@nrwl/nx/typescript', 'plugin:import/typescript'],
+      extends: ['plugin:import/typescript'],
       rules: {
         '@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
         '@typescript-eslint/no-empty-interface': 'off',
@@ -88,7 +73,7 @@ module.exports = {
     // react files
     {
       files: ['*.jsx', '*.tsx'],
-      extends: ['plugin:@nrwl/nx/react'],
+      extends: [],
       rules: {
         // a11y still not need in our app
         'jsx-a11y/anchor-is-valid': 'off',
@@ -108,7 +93,6 @@ module.exports = {
       ],
       plugins: ['jest'],
       rules: {
-        '@nrwl/nx/enforce-module-boundaries': 'off',
         'react-hooks/rules-of-hooks': 'off',
         'no-undef': 'off',
       },

babel.config.js

@@ -26,10 +26,10 @@ module.exports = (api) => {
     plugins: [
       '@babel/plugin-proposal-export-default-from',
       '@babel/plugin-proposal-function-bind',
-      '@babel/plugin-proposal-optional-chaining',
-      '@babel/plugin-proposal-nullish-coalescing-operator',
+      '@babel/plugin-transform-optional-chaining',
+      '@babel/plugin-transform-nullish-coalescing-operator',
       ['@babel/plugin-proposal-decorators', { legacy: true }],
-      ['@babel/plugin-proposal-class-properties', { loose: true }],
+      ['@babel/plugin-transform-class-properties', { loose: true }],
       'const-enum',
     ],
     sourceMaps: true

package.json

@@ -13,25 +13,23 @@
     "build-extension": "cross-env NODE_ENV=production RELEASE_DIR=extension LOCAL_EXTENSION_MODE=1 webpack --config webpack-production.config.js"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-proposal-decorators": "^7.10.5",
-    "@babel/plugin-proposal-export-default-from": "^7.10.4",
-    "@babel/plugin-proposal-function-bind": "^7.10.4",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.10.4",
-    "@babel/plugin-proposal-optional-chaining": "^7.11.0",
-    "@babel/plugin-transform-runtime": "^7.11.0",
-    "@babel/preset-env": "^7.11.0",
-    "@babel/preset-react": "^7.10.4",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/register": "^7.15.3",
-    "@nrwl/eslint-plugin-nx": "15.3.3",
-    "@typescript-eslint/eslint-plugin": "5.36.1",
-    "@typescript-eslint/parser": "5.36.1",
+    "@babel/core": "^7.26.0",
+    "@babel/plugin-transform-class-properties": "^7.25.9",
+    "@babel/plugin-proposal-decorators": "^7.25.9",
+    "@babel/plugin-proposal-export-default-from": "^7.25.9",
+    "@babel/plugin-proposal-function-bind": "^7.25.9",
+    "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9",
+    "@babel/plugin-transform-optional-chaining": "^7.25.9",
+    "@babel/plugin-transform-runtime": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@babel/eslint-parser": "^7.25.9",
+    "@typescript-eslint/eslint-plugin": "^8.17.0",
+    "@typescript-eslint/parser": "^8.17.0",
     "autoprefixer": "^10.4.20",
-    "babel-eslint": "^10.0.1",
-    "babel-loader": "^9.1.2",
-    "babel-plugin-const-enum": "^1.0.1",
+    "babel-loader": "^9.2.1",
+    "babel-plugin-const-enum": "^1.2.0",
     "babel-plugin-direct-import": "^1.0.0",
     "babel-plugin-transform-typescript-metadata": "^0.3.2",
     "buffer": "^6.0.3",
@@ -40,15 +38,15 @@
     "crypto-browserify": "^3.12.0",
     "css-loader": "^7.1.2",
     "dotenv": "^6.2.0",
-    "eslint": "8.23.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jest": "27.0.1",
-    "eslint-plugin-jsx-a11y": "6.6.1",
-    "eslint-plugin-lodash": "^7.4.0",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.31.1",
-    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint": "^9.16.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jest": "^28.9.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-lodash": "^8.0.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "5.0.0",
     "events": "^3.3.0",
     "jest": "^29.7.0",
     "jest-puppeteer": "^10.1.4",
@@ -66,7 +64,7 @@
     "style-loader": "^4.0.0",
     "string-replace-loader": "^3.1.0",
     "terser-webpack-plugin": "^5.3.10",
-    "typescript": "^4.9.4",
+    "typescript": "^5.7.2",
     "vm-browserify": "1.1.2",
     "webpack": "^5.96.1",
     "webpack-cli": "^5.1.4",

webpack-dev-server.config.js

@@ -1,9 +1,3 @@
-// require('@babel/register')({
-//   extensions: ['.js', '.jsx', '.ts', '.tsx', '.mjs'],
-//   ignore: [/node_modules/],
-//   rootMode: 'upward',
-// });
-
 const fs = require('fs');
 const path = require('path');
 const webpack = require('webpack');