Migrate to Vite 6 (#2696)

* Upgrade to Vite 6
* fix imports dist

Author: Tristan-WorkGH

.gitignore

@@ -10,6 +10,9 @@
 # vscode
 /.vscode
 
+# vite
+/vite.config.ts-timestamp-*
+
 # misc
 .env.local
 .env.development.local

package-lock.json

@@ -123,9 +123,9 @@
         "ts-node": "^10.9.2",
         "type-fest": "^4.34.1",
         "typescript": "~5.5.4",
-        "vite": "^5.4.14",
+        "vite": "^6.2.2",
         "vite-plugin-eslint": "^1.8.1",
         "vite-plugin-svgr": "^4.3.0",
-        "vite-tsconfig-paths": "^4.3.2"
+        "vite-tsconfig-paths": "^5.1.4"
     }
 }

package.json

@@ -7,12 +7,16 @@
 
 import { useIntl } from 'react-intl';
 import { useCallback, useState } from 'react';
-import { EquipmentType, ExtendedEquipmentType, useSnackMessage } from '@gridsuite/commons-ui';
-import { EQUIPMENT_INFOS_TYPES, EQUIPMENT_TYPES } from '../../utils/equipment-types';
+import {
+    type EquipmentInfos,
+    type EquipmentType,
+    type ExtendedEquipmentType,
+    useSnackMessage,
+} from '@gridsuite/commons-ui';
+import { EQUIPMENT_INFOS_TYPES, type EQUIPMENT_TYPES } from '../../utils/equipment-types';
 import { fetchNetworkElementInfos } from '../../../services/study/network';
 import { useSelector } from 'react-redux';
 import { AppState } from '../../../redux/reducer';
-import { EquipmentInfos } from '@gridsuite/commons-ui/dist/utils/types/equipmentType';
 
 // TODO fetchNetworkElementInfos has no type
 type FetchResponse = Awaited<ReturnType<typeof fetchNetworkElementInfos>>;

src/components/dialogs/commons/use-form-search-copy.ts

@@ -5,7 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import { FieldType } from '@gridsuite/commons-ui/dist/utils/types/fieldType';
+import { type FieldType } from '@gridsuite/commons-ui';
 
 export interface BranchActiveReactivePowerMeasurementsFormProps {
     equipmentToModify: any;

src/components/dialogs/network-modifications/common/measurements/measurement.type.ts

@@ -6,7 +6,7 @@
  */
 
 import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup/dist/yup';
+import { yupResolver } from '@hookform/resolvers/yup';
 import yup from 'components/utils/yup-config';
 import { ModificationDialog } from '../../commons/modificationDialog';
 import GeneratorScalingForm from './generator-scaling-form';

src/components/dialogs/network-modifications/generator-scaling/generator-scaling-dialog.jsx

@@ -6,7 +6,7 @@
  */
 
 import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup/dist/yup';
+import { yupResolver } from '@hookform/resolvers/yup';
 import yup from 'components/utils/yup-config';
 import { ModificationDialog } from '../../commons/modificationDialog';
 import LoadScalingForm from './load-scaling-form';

src/components/dialogs/network-modifications/load-scaling/load-scaling-dialog.jsx

@@ -24,9 +24,14 @@ import { CustomAggridAutocompleteFilter } from '../../custom-aggrid/custom-aggri
 import { makeAgGridCustomHeaderColumn } from '../../custom-aggrid/custom-aggrid-header-utils';
 import { SensiKind, SENSITIVITY_AT_NODE, SENSITIVITY_IN_DELTA_MW } from './sensitivity-analysis-result.type';
 import { AppState } from '../../../redux/reducer';
-import type { GridReadyEvent } from 'ag-grid-community/dist/types/src/events';
-import { ColDef, ColGroupDef, GridApi, GridColumnsChangedEvent, RowDataUpdatedEvent } from 'ag-grid-community';
-
+import type {
+    ColDef,
+    ColGroupDef,
+    GridApi,
+    GridColumnsChangedEvent,
+    GridReadyEvent,
+    RowDataUpdatedEvent,
+} from 'ag-grid-community';
 import { Sensitivity } from '../../../services/study/sensitivity-analysis.type';
 
 function isColDef(col: ColDef | ColGroupDef): col is ColDef {

src/components/results/sensitivity-analysis/sensitivity-analysis-result.tsx

@@ -11,7 +11,7 @@
         "forceConsistentCasingInFileNames": true,
         "noFallthroughCasesInSwitch": true,
         "module": "esnext",
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "resolveJsonModule": true,
         "isolatedModules": true,
         "noEmit": true,

tsconfig.json

@@ -7,6 +7,7 @@
 
 import react from '@vitejs/plugin-react';
 import { CommonServerOptions, defineConfig } from 'vite';
+// @ts-expect-error See https://github.com/gxmari007/vite-plugin-eslint/issues/79
 import eslint from 'vite-plugin-eslint';
 import svgr from 'vite-plugin-svgr';
 import tsconfigPaths from 'vite-tsconfig-paths';