examples/wagmi: added visualizer to output

examples/wagmi/.gitignore

@@ -7,6 +7,8 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
+stats.html
+
 node_modules
 dist
 dist-ssr

examples/wagmi/package.json

@@ -16,19 +16,20 @@
   "dependencies": {
     "@oasisprotocol/sapphire-wagmi": "workspace:^",
     "@tanstack/react-query": "5.0.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "viem": "latest",
-    "wagmi": "latest",
-    "start-server-and-test": "^2.0.0"
+    "react": ">=18",
+    "react-dom": ">=18",
+    "start-server-and-test": "^2.0.0",
+    "viem": "2.x",
+    "wagmi": "2.x"
   },
   "devDependencies": {
-    "@synthetixio/synpress": "^3.7.2-beta.10",
     "@biomejs/biome": "^1.6.1",
+    "@synthetixio/synpress": "^3.7.2-beta.10",
     "@types/react": "^18.2.67",
     "@types/react-dom": "^18.2.22",
     "@vitejs/plugin-react": "^4.2.1",
     "buffer": "^6.0.3",
+    "rollup-plugin-visualizer": "^5.12.0",
     "typescript": "^5.4.2",
     "vite": "^4.5.2"
   }

examples/wagmi/vite.config.ts

@@ -1,7 +1,28 @@
 import { defineConfig } from 'vite'
+import { visualizer } from 'rollup-plugin-visualizer';
 import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  build: {
+    sourcemap: true,
+    cssCodeSplit: false,
+    chunkSizeWarningLimit: 2**20,
+    rollupOptions: {
+      output: {
+        inlineDynamicImports: true,
+        // Watch the output of `pnpm build`, make it fit in single 1mb chunk
+        //manualChunks: () => 'app'
+      },
+    },
+  },
+  plugins: [
+    react(),
+    visualizer({
+      template: 'treemap',
+      filename: 'stats.html',
+      sourcemap: true,
+      gzipSize: true
+    })
+  ],
 })