chore(repo): migrate to eslint esm

closed COD-268

Author: hakalb

apps/cms/eslint.config.js

@@ -0,0 +1,45 @@
+import { dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+import { fixupConfigRules } from '@eslint/compat';
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import nx from '@nx/eslint-plugin';
+
+import baseConfig from '../../eslint.config.mjs';
+
+const compat = new FlatCompat({
+  baseDirectory: dirname(fileURLToPath(import.meta.url)),
+  recommendedConfig: js.configs.recommended
+});
+
+const removeDuplicateImportPlugin = (configArr) => {
+  for (const config of configArr) {
+    if (config?.plugins && config?.plugins.import) {
+      delete config.plugins.import;
+    }
+  }
+  return configArr;
+};
+
+const nextPlugins = [
+  ...fixupConfigRules(compat.extends('next')),
+  ...fixupConfigRules(compat.extends('next/core-web-vitals'))
+];
+
+const config = [
+  ...baseConfig,
+  ...nx.configs['flat/react-typescript'],
+  ...removeDuplicateImportPlugin(nextPlugins),
+  {
+    ignores: ['.next/**/*']
+  },
+  {
+    files: ['src/app/(payload)/**/*'],
+    rules: {
+      '@nx/enforce-module-boundaries': 'off'
+    }
+  }
+];
+
+export default config;

apps/cms/eslint.config.mjs

@@ -1,8 +1,8 @@
-const playwright = require('eslint-plugin-playwright');
+import playwright from 'eslint-plugin-playwright';
 
-const baseConfig = require('../../eslint.config.js');
+import baseConfig from '../../eslint.config.mjs';
 
-module.exports = [
+export default [
   playwright.configs['flat/recommended'],
 
   ...baseConfig,

apps/web-e2e/eslint.config.js apps/web-e2e/eslint.config.mjsapps/web-e2e/eslint.config.js renamed to apps/web-e2e/eslint.config.mjs

@@ -1,7 +1,13 @@
-const baseConfig = require('../../eslint.config.js');
+import importPlugin from 'eslint-plugin-import';
+import jsoncParser from 'jsonc-eslint-parser';
 
-module.exports = [
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
   ...baseConfig,
+  {
+    plugins: { import: importPlugin }
+  },
   {
     ignores: ['**/build', '**/server.js', '**/vitest.config.ts.timestamp*']
   },
@@ -34,7 +40,7 @@ module.exports = [
       ]
     },
     languageOptions: {
-      parser: require('jsonc-eslint-parser')
+      parser: jsoncParser
     }
   }
 ];

apps/web/eslint.config.cjs apps/web/eslint.config.mjsapps/web/eslint.config.cjs renamed to apps/web/eslint.config.mjs

@@ -0,0 +1,12 @@
+import jsoncParser from 'jsonc-eslint-parser';
+
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.json'],
+    rules: { '@nx/dependency-checks': 'error' },
+    languageOptions: { parser: jsoncParser }
+  }
+];

e2e/nx-payload-e2e/eslint.config.js

@@ -0,0 +1,16 @@
+import importPlugin from 'eslint-plugin-import';
+import jsoncParser from 'jsonc-eslint-parser';
+
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    plugins: { import: importPlugin }
+  },
+  {
+    files: ['**/*.json'],
+    rules: { '@nx/dependency-checks': 'error' },
+    languageOptions: { parser: jsoncParser }
+  }
+];

e2e/nx-payload-e2e/eslint.config.mjs

@@ -1,14 +1,12 @@
-const nx = require('@nx/eslint-plugin');
-const eslintPluginImport = require('eslint-plugin-import');
+import nx from '@nx/eslint-plugin';
+import importPlugin from 'eslint-plugin-import';
 
-module.exports = [
+export default [
   ...nx.configs['flat/base'],
   ...nx.configs['flat/typescript'],
   ...nx.configs['flat/javascript'],
   {
-    plugins: {
-      import: eslintPluginImport
-    }
+    plugins: { import: importPlugin }
   },
   {
     ignores: ['**/dist', '**/vite.config.[cm]?ts.timestamp-*.[cm]js']
@@ -128,7 +126,23 @@ module.exports = [
             }
           ]
         }
-      ],
+      ]
+    }
+  },
+  {
+    files: [
+      '**/*.ts',
+      '**/*.tsx',
+      '**/*.js',
+      '**/*.jsx',
+      '**/*.mjs',
+      '**/*.mts'
+    ],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module'
+    },
+    rules: {
       'sort-imports': [
         'error',
         {