updates

.babelrc

@@ -1,7 +1,4 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
- "plugins": [
- "@babel/plugin-transform-modules-commonjs",
- "@babel/plugin-transform-runtime"
- ]
-}
+ "plugins": ["@babel/plugin-transform-runtime"]
+}

package.json

@@ -20,6 +20,7 @@
  "@mui/material": "^5.16.7",
  "@mui/styled-engine-sc": "^6.0.0-alpha.18",
  "@mui/x-data-grid": "^7.12.1",
+ "@rollup/plugin-babel": "^6.0.4",
  "@rollup/plugin-commonjs": "^26.0.1",
  "@swc/core": "^1.7.22",
  "@tbdex/http-client": "^1.1.0",

vite.config.ts

@@ -2,21 +2,32 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import commonjs from "@rollup/plugin-commonjs";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
+import { visualizer } from "rollup-plugin-visualizer";
+import { babel } from '@rollup/plugin-babel';
 
 export default defineConfig({
  plugins: [
  react(),
+ babel({
+ babelHelpers: 'bundled',
+ presets: ['@babel/preset-env', '@babel/preset-react'],
+ plugins: ['@babel/plugin-transform-runtime'],
+ exclude: 'node_modules/**',
+ }),
  commonjs({
  requireReturnsDefault: 'auto',
  include: [
  /node_modules/,
  /\/node_modules\/@tbdex\/http-client/,
  /\/node_modules\/@web5\/dids/,
+ /\/node_modules\/multiformats/,
  ],
+ transformMixedEsModules: true,
  }),
  nodePolyfills({
  protocolImports: true,
  }),
+ visualizer(),
  ],
  resolve: {
  alias: {
@@ -27,19 +38,31 @@ export default defineConfig({
  http: "stream-http",
  https: "https-browserify",
  buffer: "buffer",
+ process: "process/browser",
  },
  },
  build: {
+ commonjsOptions: {
+ transformMixedEsModules: true,
+ include: [/node_modules/],
+ },
  rollupOptions: {
- plugins: [commonjs()],
+ output: {
+ manualChunks: {
+ vendor: ['react', 'react-dom', 'ethers'],
+ tbdex: ['@tbdex/http-client'],
+ web5: ['@web5/dids'],
+ },
+ },
  },
+ sourcemap: true,
  },
  define: {
- "process.env": {},
- global: "globalThis",
+ 'process.env': {},
+ global: 'globalThis',
  },
  optimizeDeps: {
- include: ['react', 'react-dom', 'ethers', '@tbdex/http-client', '@web5/dids'],
+ include: ['react', 'react-dom', 'ethers', '@tbdex/http-client', '@web5/dids', 'multiformats'],
  esbuildOptions: {
  target: 'esnext',
  supported: { bigint: true },