getting ride of shamefully-hoist=true

.npmrc

@@ -1 +0,0 @@
-shamefully-hoist=true

package.json

@@ -137,8 +137,10 @@
     "vite": "^8.0.0",
     "vite-plugin-generate-file": "^0.3.0",
     "vite-plugin-html": "^3.2.2",
+    "vite-plugin-node-polyfills": "^0.26.0",
     "vite-plugin-node-stdlib-browser": "^0.2.1",
     "vite-plugin-svgr": "^4.0.0",
+    "vite-plugin-wasm": "^3.6.0",
     "vitest": "^4.0.18",
     "vitest-axe": "^1.0.0-pre.3"
   },

vite.config.ts

@@ -17,6 +17,8 @@ import { createHtmlPlugin } from "vite-plugin-html";
 
 import { codecovVitePlugin } from "@codecov/vite-plugin";
 import { sentryVitePlugin } from "@sentry/vite-plugin";
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import wasm from "vite-plugin-wasm";
 
 import react from "@vitejs/plugin-react";
 import { realpathSync } from "fs";
@@ -36,6 +38,11 @@ export default ({
   process.env.VITE_PACKAGE = packageType ?? "full";
   const plugins: PluginOption[] = [
     react(),
+    wasm(),
+    nodePolyfills({
+      // Enables the 'events' module, which is required by the matrix-js-sdk
+      include: ['events'], 
+    }),
     svgrPlugin({
       svgrOptions: {
         // This enables ref forwarding on SVGR components, which is needed, for
@@ -43,7 +50,6 @@ export default ({
         ref: true,
       },
     }),
-
     codecovVitePlugin({
       enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
       bundleName: "element-call",
@@ -150,12 +156,5 @@ export default ({
         "@radix-ui/react-dismissable-layer",
       ],
     },
-    // Vite is using esbuild in development mode, which doesn't work with the wasm loader
-    // in matrix-sdk-crypto-wasm, so we need to exclude it here. This doesn't affect the
-    // production build (which uses rollup) which still works as expected.
-    // https://vite.dev/guide/why.html#why-not-bundle-with-esbuild
-    optimizeDeps: {
-      exclude: ["@matrix-org/matrix-sdk-crypto-wasm"],
-    },
   };
 };