chore: upgrading vite to newer version (#5703)

frontend/cypress.config.ts

@@ -13,7 +13,7 @@ export default defineConfig({
             on(
                 'file:preprocessor',
                 vitePreprocessor({
-                    configFile: path.resolve(__dirname, './vite.config.ts'),
+                    configFile: path.resolve(__dirname, './vite.config.mts'),
                     mode: 'development',
                 }),
             );

frontend/package.json

@@ -63,7 +63,7 @@
     "@types/uuid": "^9.0.0",
     "@uiw/codemirror-theme-duotone": "4.21.21",
     "@uiw/react-codemirror": "4.21.21",
-    "@vitejs/plugin-react": "3.1.0",
+    "@vitejs/plugin-react": "4.2.1",
     "cartesian": "^1.0.1",
     "chart.js": "3.9.1",
     "chartjs-adapter-date-fns": "3.0.0",
@@ -111,11 +111,11 @@
     "typescript": "4.8.4",
     "use-query-params": "^2.2.1",
     "vanilla-jsoneditor": "^0.19.0",
-    "vite": "4.5.1",
+    "vite": "5.0.10",
-    "vite-plugin-env-compatible": "1.1.1",
+    "vite-plugin-env-compatible": "2.0.1",
     "vite-plugin-svgr": "3.3.0",
-    "vite-tsconfig-paths": "4.2.1",
+    "vite-tsconfig-paths": "4.2.2",
-    "vitest": "0.33.0",
+    "vitest": "1.1.0",
     "whatwg-fetch": "3.6.19"
   },
   "optionalDependencies": {

frontend/src/component/changeRequest/ChangeRequest.test.tsx

@@ -294,4 +294,4 @@ test('add toggle change to pending change request', async () => {
     await changeToggle('production');
 
     await verifyChangeRequestDialog('Enable feature toggle test in production');
-});
+}, 10000);

frontend/src/component/feature/FeatureStrategy/FeatureStrategyCreate/FeatureStrategyCreate.test.tsx

@@ -10,11 +10,11 @@ test('formatAddStrategyApiCode', () => {
             'unleashUrl',
         ),
     ).toMatchInlineSnapshot(`
-      "curl --location --request POST 'unleashUrl/api/admin/projects/projectId/features/featureId/environments/environmentId/strategies' \\\\
+      "curl --location --request POST 'unleashUrl/api/admin/projects/projectId/features/featureId/environments/environmentId/strategies' \\
-          --header 'Authorization: INSERT_API_KEY' \\\\
+          --header 'Authorization: INSERT_API_KEY' \\
-          --header 'Content-Type: application/json' \\\\
+          --header 'Content-Type: application/json' \\
           --data-raw '{
-        \\"id\\": \\"strategyId\\"
+        "id": "strategyId"
       }'"
     `);
 });

frontend/src/component/feature/FeatureStrategy/FeatureStrategyEdit/FeatureStrategyEdit.test.tsx

@@ -37,18 +37,18 @@ test('formatUpdateStrategyApiCode', () => {
             'unleashUrl',
         ),
     ).toMatchInlineSnapshot(`
-      "curl --location --request PUT 'unleashUrl/api/admin/projects/projectId/features/featureId/environments/environmentId/strategies/strategyId' \\\\
+      "curl --location --request PUT 'unleashUrl/api/admin/projects/projectId/features/featureId/environments/environmentId/strategies/strategyId' \\
-          --header 'Authorization: INSERT_API_KEY' \\\\
+          --header 'Authorization: INSERT_API_KEY' \\
-          --header 'Content-Type: application/json' \\\\
+          --header 'Content-Type: application/json' \\
           --data-raw '{
-        \\"id\\": \\"a\\",
+        "id": "a",
-        \\"name\\": \\"b\\",
+        "name": "b",
-        \\"parameters\\": {
+        "parameters": {
-          \\"a\\": 3,
+          "a": 3,
-          \\"b\\": 2,
+          "b": 2,
-          \\"c\\": 1
+          "c": 1
         },
-        \\"constraints\\": []
+        "constraints": []
       }'"
     `);
 });

frontend/src/component/feature/FeatureStrategy/NewFeatureStrategyCreate/NewFeatureStrategyCreate.test.tsx

@@ -155,13 +155,13 @@ describe('NewFeatureStrategyCreate', () => {
                 'unleashUrl',
             ),
         ).toMatchInlineSnapshot(`
-      "curl --location --request POST 'unleashUrl/api/admin/projects/projectId/features/featureId/environments/environmentId/strategies' \\\\
+          "curl --location --request POST 'unleashUrl/api/admin/projects/projectId/features/featureId/environments/environmentId/strategies' \\
-          --header 'Authorization: INSERT_API_KEY' \\\\
+              --header 'Authorization: INSERT_API_KEY' \\
-          --header 'Content-Type: application/json' \\\\
+              --header 'Content-Type: application/json' \\
-          --data-raw '{
+              --data-raw '{
-        \\"id\\": \\"strategyId\\"
+            "id": "strategyId"
-      }'"
+          }'"
-    `);
+        `);
     });
 
     test('should navigate tabs', async () => {

frontend/src/component/feature/FeatureStrategy/NewFeatureStrategyEdit/NewFeatureStrategyEdit.test.tsx

@@ -37,18 +37,18 @@ test('formatUpdateStrategyApiCode', () => {
             'unleashUrl',
         ),
     ).toMatchInlineSnapshot(`
-      "curl --location --request PUT 'unleashUrl/api/admin/projects/projectId/features/featureId/environments/environmentId/strategies/strategyId' \\\\
+      "curl --location --request PUT 'unleashUrl/api/admin/projects/projectId/features/featureId/environments/environmentId/strategies/strategyId' \\
-          --header 'Authorization: INSERT_API_KEY' \\\\
+          --header 'Authorization: INSERT_API_KEY' \\
-          --header 'Content-Type: application/json' \\\\
+          --header 'Content-Type: application/json' \\
           --data-raw '{
-        \\"id\\": \\"a\\",
+        "id": "a",
-        \\"name\\": \\"b\\",
+        "name": "b",
-        \\"parameters\\": {
+        "parameters": {
-          \\"a\\": 3,
+          "a": 3,
-          \\"b\\": 2,
+          "b": 2,
-          \\"c\\": 1
+          "c": 1
         },
-        \\"constraints\\": []
+        "constraints": []
       }'"
     `);
 });

frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.test.tsx

@@ -143,4 +143,4 @@ test('Filter table by project', async () => {
     expect(window.location.href).toContain(
         '?sort=createdAt&order=desc&offset=0&columns=&project=IS%3Aproject-b',
     );
-});
+}, 10000);

frontend/tsconfig.node.json

@@ -4,5 +4,5 @@
     "module": "esnext",
     "moduleResolution": "node"
   },
-  "include": ["vite.config.ts"]
+  "include": ["vite.config.mts"]
 }