Tech – Migre le Frontend vers l'ESM (#3523)

## Linked issues

None

----

- [ ] Tests E2E (Cypress)

.github/workflows/cicd.yml

@@ -214,7 +214,7 @@ jobs:
       - uses: cypress-io/github-action@v6
         with:
           browser: firefox
-          config-file: config/cypress.config.js
+          config-file: config/cypress.config.ts
           env: PORT=8880
           install: true
           install-command: npm ci

frontend/.eslintrc.js → frontend/.eslintrc.cjs

@@ -8,7 +8,7 @@ module.exports = {
     ecmaVersion: 2022,
     project: path.join(__dirname, 'tsconfig.json')
   },
-  ignorePatterns: ['.eslintrc.js', '.eslintrc.partial.js', 'config/cypress.config.js'],
+  ignorePatterns: ['.eslintrc.cjs', '.eslintrc.partial.cjs'],
   env: {
     browser: true
   },
@@ -200,12 +200,17 @@ module.exports = {
         './scripts/**/*.js',
         '**/*.spec.ts',
         './config/**/*.ts',
-        './scripts/**/*.mjs',
         './scripts/**/*.ts'
       ],
       env: {
         browser: false,
         node: true
+      },
+      rules: {
+        'import/no-default-export': 'off',
+        'import/no-extraneous-dependencies': 'off',
+
+        '@typescript-eslint/naming-convention': 'off'
       }
     }
   ]

frontend/.eslintrc.partial.js → frontend/.eslintrc.partial.cjs

@@ -1,4 +1,4 @@
 module.exports = {
-  extends: './.eslintrc.js',
+  extends: './.eslintrc.cjs',
   ignorePatterns: ['**/*.js', '**/*.jsx']
 }

frontend/config/__mocks__/fileMock.js

@@ -1,5 +1,4 @@
-module.exports = {
-  // eslint-disable-next-line @typescript-eslint/naming-convention
+export default {
   __esModule: true,
   default: 'test-file-stub'
 }

frontend/config/fileTransformer.js

@@ -1,8 +1,7 @@
-const path = require('path')
+import path from 'path'
 
 // https://jestjs.io/docs/code-transformation#examples
-
-module.exports = {
+export default {
   process(sourceText, sourcePath) {
     return {
       code: `module.exports = ${JSON.stringify(path.basename(sourcePath))};`

frontend/config/jest.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   clearMocks: true,
   collectCoverageFrom: ['**/{hooks,libs,utils}/**/*.t{s,sx}', '**/utils.ts'],
   globalSetup: '<rootDir>/config/jest.global.js',

frontend/config/jest.global.js

@@ -1,6 +1,6 @@
 /**
  * @see https://jestjs.io/docs/configuration#globalsetup-string
  */
-module.exports = () => {
+export default () => {
   process.env.TZ = 'America/New_York'
 }

frontend/config/multi-windows/jest.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   globalSetup: '<rootDir>/puppeteer/setup.ts',
   // because it's detected by the default value of testRegex
   // https://jestjs.io/docs/configuration#testregex-string--arraystring