[Tech] Migrer le Frontend vers l'ESM

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'],
+  ignorePatterns: ['.eslintrc.cjs'],
   env: {
     browser: true
   },
@@ -138,7 +138,7 @@ module.exports = {
       files: ['**/*.test.ts', '**/*.test.tsx', 'puppeteer/**/*.ts'],
       plugins: ['jest'],
       env: {
-        jest: true,
+        jest: true
       },
       rules: {
         'jest/no-disabled-tests': 'error',
@@ -151,7 +151,7 @@ module.exports = {
         'no-restricted-syntax': 'off',
         'no-underscore-dangle': 'off',
         'import/no-default-export': 'off',
-        'import/no-extraneous-dependencies': 'off',
+        'import/no-extraneous-dependencies': 'off'
       }
     },
 
@@ -199,6 +199,12 @@ module.exports = {
       env: {
         browser: false,
         node: true
+      },
+      rules: {
+        'import/no-default-export': 'off',
+        'import/no-extraneous-dependencies': 'off',
+
+        '@typescript-eslint/naming-convention': 'off'
       }
     }
   ]

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

frontend/package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "license": "AGPL-3.0",
   "private": true,
+  "type": "module",
   "engines": {
     "node": "20",
     "npm": "10"
@@ -16,7 +17,7 @@
     "start": "vite preview --port 3000",
     "test:e2e": "cypress run --browser firefox --config-file ./config/cypress.config.ts --e2e",
     "test:e2e:open": "cypress open --browser firefox --config-file ./config/cypress.config.ts --e2e",
-    "test:lint": "eslint ./src",
+    "test:lint": "eslint --config=./.eslintrc.cjs ./src",
     "test:lint:fix": "npm run test:lint -- --fix",
     "test:multi-windows:open": "IS_HEADLESS=false jest --config=./config/multi-windows/jest.config.js",
     "test:multi-windows:run": "IS_HEADLESS=true jest --config=./config/multi-windows/jest.config.js",

frontend/tsconfig.json

@@ -46,6 +46,11 @@
     "useUnknownInCatchVariables": true,
     "verbatimModuleSyntax": true
   },
-  "include": ["**/*.js", "**/*.jsx", "**/*.mjs", "**/*.mts", "**/*.ts", "**/*.tsx", "vite.config.mts"],
-  "exclude": ["node_modules/*"]
+  "include": ["**/*.cjs", "**/*.cts", "**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx", "vite.config.ts"],
+  "exclude": ["node_modules/*"],
+  "ts-node": {
+    "esm": true,
+    "swc": true,
+    "transpileOnly": true
+  }
 }