front: switch package type to module

front/.eslintrc

@@ -81,7 +81,6 @@
         "devDependencies": ["**/*.spec.ts", "**/__tests__/**"]
       }
     ],
-    "import/no-unresolved": [2, { "commonjs": true, "amd": true }],
     "jsx-a11y/click-events-have-key-events": "off",
     "linebreak-style": ["error", "unix"],
     "no-await-in-loop": "off",

front/package.json

@@ -2,6 +2,7 @@
   "name": "osrd",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "dependencies": {
     "@ag-media/react-pdf-table": "^2.0.1",
     "@nivo/core": "^0.88.0",
@@ -106,7 +107,6 @@
     "@types/d3": "^7.4.3",
     "@types/lodash": "^4.17.15",
     "@types/node": "^22",
-    "@types/pdf-parse": "^1.1.4",
     "@types/react": "^18.2.53",
     "@types/react-dom": "^18.2.18",
     "@types/react-modal": "^3.16.3",
@@ -133,7 +133,7 @@
     "json-key-path-list": "^2.0.3",
     "license-checker-rseidelsohn": "^4.4.2",
     "openapi-types": "^12.1.3",
-    "pdf-parse": "^1.1.1",
+    "pdfjs-dist": "^4.10.38",
     "prettier": "^3.4.2",
     "sass": "^1.83.4",
     "ts-node": "^10.9.2",

front/scripts/generate-types.sh

@@ -1,11 +1,11 @@
 #!/bin/sh
-if ! npx @rtk-query/codegen-openapi src/config/openapi-editoast-config.ts; then
-    echo "npx @rtk-query/codegen-openapi src/config/openapi-editoast-config.ts command failed. Exit the script"
+if ! npx @rtk-query/codegen-openapi src/config/openapi-editoast-config.cts; then
+    echo "npx @rtk-query/codegen-openapi src/config/openapi-editoast-config.cts command failed. Exit the script"
     exit 1
 fi
 npx eslint --fix src/common/api/generatedEditoastApi.ts --no-ignore
-if ! npx @rtk-query/codegen-openapi src/config/openapi-gateway-config.ts; then
-    echo "npx @rtk-query/codegen-openapi src/config/openapi-gateway-config.ts command failed. Exit the script"
+if ! npx @rtk-query/codegen-openapi src/config/openapi-gateway-config.cts; then
+    echo "npx @rtk-query/codegen-openapi src/config/openapi-gateway-config.cts command failed. Exit the script"
     exit 1
 fi
 npx eslint --fix src/common/api/osrdGatewayApi.ts --no-ignore

front/scripts/i18n-api-errors.ts

@@ -1,6 +1,6 @@
+import fs from 'node:fs';
 import SwaggerParser from '@apidevtools/swagger-parser';
 import i18next from 'i18next';
-import { noop } from 'lodash';
 import type { OpenAPI } from 'openapi-types';
 
 // relative the project's root
@@ -30,7 +30,7 @@ async function checkI18N(error: any): Promise<string[]> {
   );
 
   // Init the i18n system
-  const i18nData = require(i18n_error_path);
+  const i18nData = JSON.parse(fs.readFileSync(new URL(i18n_error_path, import.meta.url), 'utf8'));
   const i18n = await i18next.createInstance(
     {
       lng: 'fr',
@@ -55,7 +55,7 @@ async function checkI18N(error: any): Promise<string[]> {
         }
       },
     },
-    noop
+    () => {}
   );
 
   // Generate the error message

front/src/config/openapi-editoast-config.ts → front/src/config/openapi-editoast-config.cts

@@ -25,4 +25,4 @@ const config: ConfigFile = {
   ],
 };
 
-export default config;
+exports.default = config;

front/src/config/openapi-gateway-config.ts → front/src/config/openapi-gateway-config.cts

@@ -10,4 +10,4 @@ const config: ConfigFile = {
   tag: true,
 };
 
-export default config;
+exports.default = config;

front/tests/001-home-page.spec.ts

@@ -2,9 +2,10 @@ import { expect } from '@playwright/test';
 
 import test from './logging-fixture';
 import HomePage from './pages/home-page-model';
-import { getTranslations } from './utils';
-import enTranslations from '../public/locales/en/home/home.json';
-import frTranslations from '../public/locales/fr/home/home.json';
+import { getTranslations, readJsonFile } from './utils';
+
+const enTranslations = readJsonFile('public/locales/en/home/home.json');
+const frTranslations = readJsonFile('public/locales/fr/home/home.json');
 
 test.describe('Home page OSRD', () => {
   let homePage: HomePage;

front/tests/002-project-management.spec.ts

@@ -1,12 +1,13 @@
 import type { Project } from 'common/api/osrdEditoastApi';
 
-import projectData from './assets/operationStudies/project.json';
 import test from './logging-fixture';
 import ProjectPage from './pages/project-page-model';
-import { generateUniqueName } from './utils';
+import { generateUniqueName, readJsonFile } from './utils';
 import { createProject } from './utils/setup-utils';
 import { deleteProject } from './utils/teardown-utils';
 
+const projectData = readJsonFile('tests/assets/operationStudies/project.json');
+
 test.describe('Validate the Operational Study Project workflow', () => {
   let project: Project;
   let projectPage: ProjectPage;