Vercel supported vite.config.ts

Author: awisniew207

encryption-decryption/browser/package.json

@@ -20,7 +20,9 @@
     "@vitejs/plugin-react-swc": "^3.7.0",
     "ethers": "v5",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "rollup-plugin-polyfill-node": "^0.13.0",
+    "vite-plugin-node-polyfills": "^0.22.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",

encryption-decryption/browser/vite.config.ts

@@ -1,27 +1,45 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react-swc";
-import { NodeGlobalsPolyfillPlugin } from "@esbuild-plugins/node-globals-polyfill";
-import { NodeModulesPolyfillPlugin } from "@esbuild-plugins/node-modules-polyfill";
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';
+import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill';
+import rollupNodePolyFill from 'rollup-plugin-polyfill-node';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    nodePolyfills({
+      include: ['buffer', 'process', 'util']
+    }),
+  ],
   define: {
-    global: "window",
+    'process.env': {},
+    global: 'globalThis',
+  },
+  resolve: {
+    alias: {
+      // Remove the buffer alias
+    },
+  },
+  optimizeDeps: {
+    esbuildOptions: {
+      define: {
+        global: 'globalThis',
+      },
+      plugins: [
+        NodeGlobalsPolyfillPlugin({
+          buffer: true,
+          process: true
+        }),
+        NodeModulesPolyfillPlugin(),
+      ],
+    },
+  },
+  build: {
+    rollupOptions: {
+      plugins: [
+        rollupNodePolyFill(),
+      ],
+    },
   },
-   optimizeDeps: {
-     esbuildOptions: {
-       // Node.js global to browser globalThis
-       define: {
-         global: "globalThis",
-       },
-       // Enable esbuild polyfill plugins
-       plugins: [
-         NodeGlobalsPolyfillPlugin({
-           process: true,
-           buffer: true,
-         }),
-         NodeModulesPolyfillPlugin(),
-       ],
-     },
-   },
 });