Merge pull request #243 from element-hq/renovate/major-vite

Update vite (major)

modules/banner/element-web/package.json

@@ -23,9 +23,9 @@
         "react": "19.2.6",
         "rollup-plugin-external-globals": "^0.13.0",
         "typescript": "^6.0.0",
-        "vite": "^7.3.2",
+        "vite": "^8.0.0",
         "vite-plugin-node-polyfills": "^0.28.0",
-        "vite-plugin-svgr": "^4.3.0"
+        "vite-plugin-svgr": "^5.0.0"
     },
     "dependencies": {
         "@radix-ui/react-dialog": "^1.1.6",

modules/banner/element-web/vite.config.ts

@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
-import { defineConfig } from "vite";
+import { defineConfig, esmExternalRequirePlugin } from "vite";
 import react from "@vitejs/plugin-react";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 import externalGlobals from "rollup-plugin-external-globals";
@@ -27,8 +27,18 @@ export default defineConfig({
         outDir: "lib",
         target: "esnext",
         sourcemap: true,
-        rollupOptions: {
+        rolldownOptions: {
-            external: ["react"],
+            plugins: [
+                esmExternalRequirePlugin({
+                    external: ["react"],
+                }),
+            ],
+            output: {
+                globals: {
+                    // Reuse React from the host app
+                    react: "window.React",
+                },
+            },
         },
     },
     plugins: [
@@ -46,6 +56,7 @@ export default defineConfig({
     define: {
         // Use production mode for the build as it is tested against production builds of Element Web,
         // this is required for React JSX versions to be compatible.
-        process: { env: { NODE_ENV: "production" } },
+        "process.env.NODE_ENV": "'production'",
+        "process": { env: { NODE_ENV: "production" } },
     },
 });

modules/opendesk/element-web/package.json

@@ -26,7 +26,7 @@
         "react-dom": "19.2.6",
         "rollup-plugin-external-globals": "^0.13.0",
         "typescript": "^6.0.0",
-        "vite": "^7.3.2",
+        "vite": "^8.0.0",
         "vite-plugin-node-polyfills": "^0.28.0"
     }
 }

modules/opendesk/element-web/vite.config.ts

@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
-import { defineConfig } from "vite";
+import { defineConfig, esmExternalRequirePlugin } from "vite";
 import react from "@vitejs/plugin-react";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 import externalGlobals from "rollup-plugin-external-globals";
@@ -25,8 +25,18 @@ export default defineConfig({
         outDir: "lib",
         target: "esnext",
         sourcemap: true,
-        rollupOptions: {
+        rolldownOptions: {
-            external: ["react"],
+            plugins: [
+                esmExternalRequirePlugin({
+                    external: ["react"],
+                }),
+            ],
+            output: {
+                globals: {
+                    // Reuse React from the host app
+                    react: "window.React",
+                },
+            },
         },
         minify: false,
     },
@@ -43,6 +53,7 @@ export default defineConfig({
     define: {
         // Use production mode for the build as it is tested against production builds of Element Web,
         // this is required for React JSX versions to be compatible.
-        process: { env: { NODE_ENV: "production" } },
+        "process.env.NODE_ENV": "'production'",
+        "process": { env: { NODE_ENV: "production" } },
     },
 });

modules/restricted-guests/element-web/package.json

@@ -20,7 +20,7 @@
         "react": "19.2.6",
         "rollup-plugin-external-globals": "^0.13.0",
         "typescript": "^6.0.0",
-        "vite": "^7.3.2",
+        "vite": "^8.0.0",
         "vite-plugin-node-polyfills": "^0.28.0"
     },
     "dependencies": {

modules/restricted-guests/element-web/vite.config.ts

@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
-import { defineConfig } from "vite";
+import { defineConfig, esmExternalRequirePlugin } from "vite";
 import react from "@vitejs/plugin-react";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 import externalGlobals from "rollup-plugin-external-globals";
@@ -26,8 +26,18 @@ export default defineConfig({
         outDir: "lib",
         target: "esnext",
         sourcemap: true,
-        rollupOptions: {
+        rolldownOptions: {
-            external: ["react"],
+            plugins: [
+                esmExternalRequirePlugin({
+                    external: ["react"],
+                }),
+            ],
+            output: {
+                globals: {
+                    // Reuse React from the host app
+                    react: "window.React",
+                },
+            },
         },
     },
     plugins: [
@@ -44,6 +54,7 @@ export default defineConfig({
     define: {
         // Use production mode for the build as it is tested against production builds of Element Web,
         // this is required for React JSX versions to be compatible.
-        process: { env: { NODE_ENV: "production" } },
+        "process.env.NODE_ENV": "'production'",
+        "process": { env: { NODE_ENV: "production" } },
     },
 });

modules/widget-lifecycle/element-web/package.json

@@ -16,9 +16,9 @@
         "@types/node": "^22.10.7",
         "@vitest/coverage-v8": "^4.0.0",
         "typescript": "^6.0.0",
-        "vite": "^7.3.2",
+        "vite": "^8.0.0",
         "vitest": "^4.0.0",
-        "vitest-sonar-reporter": "^2.0.0"
+        "vitest-sonar-reporter": "^3.0.0"
     },
     "dependencies": {
         "zod": "^4.0.0"

modules/widget-toggles/element-web/package.json

@@ -23,13 +23,13 @@
         "@vitest/browser-playwright": "^4.0.0",
         "@vitest/coverage-v8": "^4.0.0",
         "react": "^19",
-        "rollup-plugin-external-globals": "^0.13.0",
         "typescript": "^6.0.0",
-        "vite": "^7.1.11",
+        "rollup-plugin-external-globals": "^0.13.0",
+        "vite": "^8.0.0",
         "vite-plugin-node-polyfills": "^0.28.0",
-        "vite-plugin-svgr": "^4.3.0",
+        "vite-plugin-svgr": "^5.0.0",
         "vitest": "^4.0.0",
-        "vitest-sonar-reporter": "^2.0.0"
+        "vitest-sonar-reporter": "^3.0.0"
     },
     "dependencies": {
         "@vector-im/compound-design-tokens": "^10.0.0",

modules/widget-toggles/element-web/vite.config.ts

@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
-import { defineConfig } from "vite";
+import { defineConfig, esmExternalRequirePlugin } from "vite";
 import react from "@vitejs/plugin-react";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 import externalGlobals from "rollup-plugin-external-globals";
@@ -27,8 +27,18 @@ export default defineConfig({
         outDir: "lib",
         target: "esnext",
         sourcemap: true,
-        rollupOptions: {
+        rolldownOptions: {
-            external: ["react"],
+            plugins: [
+                esmExternalRequirePlugin({
+                    external: ["react"],
+                }),
+            ],
+            output: {
+                globals: {
+                    // Reuse React from the host app
+                    react: "window.React",
+                },
+            },
         },
     },
     plugins: [
@@ -46,6 +56,7 @@ export default defineConfig({
     define: {
         // Use production mode for the build as it is tested against production builds of Element Web,
         // this is required for React JSX versions to be compatible.
-        process: { env: { NODE_ENV: "production" } },
+        "process.env.NODE_ENV": "'production'",
+        "process": { env: { NODE_ENV: "production" } },
     },
 });