fix: update vite example (#431)

Fixes: #449

Co-authored-by: achingbrain <alex@achingbrain.net>

Author: pleerock

package.json

@@ -18,19 +18,19 @@
   },
   "browserslist": "last 1 Chrome version",
   "dependencies": {
-    "ipfs-http-client": "^57.0.1",
+    "ipfs-http-client": "^58.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.14.8",
     "@playwright/test": "^1.12.3",
-    "ipfs": "^0.63.3",
+    "ipfs": "^0.64.0",
     "playwright": "^1.12.3",
     "process": "^0.11.10",
     "rimraf": "^3.0.2",
     "test-util-ipfs-example": "^1.0.2",
     "util": "^0.12.4",
-    "vite": "^3.0.0-beta.1"
+    "vite": "^3.1.0"
   }
 }

vite.config.js

@@ -1,10 +1,29 @@
-export default {
+import { defineConfig } from 'vite'
+
+export default defineConfig({
   build: {
-    target: 'esnext',
-    minify: false
+    target: 'es2020',
+    minify: false,
+    // disable @rollup/plugin-commonjs https://github.com/vitejs/vite/issues/9703#issuecomment-1216662109
+    // should be removable with vite 4 https://vitejs.dev/blog/announcing-vite3.html#esbuild-deps-optimization-at-build-time-experimental
+    commonjsOptions: {
+      include: []
+    }
   },
   define: {
     'process.env.NODE_DEBUG': 'false',
     'global': 'globalThis'
+  },
+  optimizeDeps: {
+    // enable esbuild dep optimization during build https://github.com/vitejs/vite/issues/9703#issuecomment-1216662109
+    // should be removable with vite 4 https://vitejs.dev/blog/announcing-vite3.html#esbuild-deps-optimization-at-build-time-experimental
+    disabled: false,
+
+    // target: es2020 added as workaround to make big ints work
+    // - should be removable with vite 4
+    // https://github.com/vitejs/vite/issues/9062#issuecomment-1182818044
+    esbuildOptions: {
+      target: 'es2020'
+    }
   }
-}
+})