chore(deps): update dependency vite to version 7.x 🌟 (#1657)

* chore(deps): update vite to 7.1.3 🌟

* update rest of dependencies to vite 7

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Bill Glesias <[email protected]>

Author: renovate[bot]

cypress.config.ts

@@ -5,7 +5,7 @@ import dotenv from "dotenv";
 import Promise from "bluebird";
 import codeCoverageTask from "@cypress/code-coverage/task";
 import { defineConfig } from "cypress";
-import { mergeConfig, loadEnv } from "vite";
+import viteConfig from "./vite.cypress.config.ts";
 
 dotenv.config({ path: ".env.local" });
 dotenv.config();
@@ -18,7 +18,7 @@ try {
   awsConfig = require(path.join(__dirname, "./aws-exports-es5.js"));
 } catch (e) {}
 
-module.exports = defineConfig({
+export default defineConfig({
   projectId: "7s5okt",
   retries: {
     runMode: 2,
@@ -62,24 +62,7 @@ module.exports = defineConfig({
     devServer: {
       framework: "react",
       bundler: "vite",
-      viteConfig: () => {
-        const viteConfig = require("./vite.config.ts");
-        const conf = {
-          define: {
-            "process.env": loadEnv("development", process.cwd(), "VITE"),
-          },
-          server: {
-            /**
-             * start the CT dev server on a different port than the full RWA
-             * so users can switch between CT and E2E testing without having to
-             * stop/start the RWA dev server.
-             */
-            port: 3002,
-          },
-        };
-        const resolvedViteConfig = mergeConfig(viteConfig, conf);
-        return resolvedViteConfig;
-      },
+      viteConfig,
     },
     specPattern: "src/**/*.cy.{js,jsx,ts,tsx}",
     supportFile: "cypress/support/component.ts",

package.json

@@ -92,7 +92,7 @@
     "@types/webpack-env": "1.16.4",
     "@types/yup": "0.29.13",
     "@typescript-eslint/parser": "^8.35.1",
-    "@vitejs/plugin-react": "^4.0.2",
+    "@vitejs/plugin-react": "^5.0.1",
     "babel-loader": "^10.0.0",
     "bcryptjs": "2.4.3",
     "concurrently": "9.1.2",
@@ -133,7 +133,7 @@
     "ts-node": "10.9.2",
     "typescript": "5.8.3",
     "typescript-eslint": "^8.35.1",
-    "vite": "^4.4.2",
+    "vite": "^7.1.3",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-istanbul": "^4.1.0",
     "vitest": "^3.2.4",

tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "baseUrl": "src",
-    "target": "es5",
+    "target": "ES2020",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,

vite.config.ts

@@ -3,7 +3,7 @@ import react from "@vitejs/plugin-react";
 import eslint from "vite-plugin-eslint";
 import istanbul from "vite-plugin-istanbul";
 
-export default defineConfig(({ command, mode }) => {
+export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), "VITE");
   return {
     // expose all vite "VITE_*" variables as process.env.VITE_* in the browser

vite.cypress.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig, mergeConfig, loadEnv } from "vite";
+import viteConfig from "./vite.config";
+
+export default defineConfig(({ mode } = { mode: "development", command: "serve" }) =>
+  mergeConfig(
+    viteConfig({ mode, command: "serve" }),
+    defineConfig({
+      define: {
+        "process.env": loadEnv("development", process.cwd(), "VITE"),
+      },
+      server: {
+        /**
+         * start the CT dev server on a different port than the full RWA
+         * so users can switch between CT and E2E testing without having to
+         * stop/start the RWA dev server.
+         */
+        port: 3002,
+      },
+    })
+  )
+);