vite.config.ts

import { defineConfig } from 'vite'
import GlobalPolyFill from "@esbuild-plugins/node-globals-polyfill";
import nodePolyfills from 'rollup-plugin-node-polyfills';
import inject from '@rollup/plugin-inject'
import react from '@vitejs/plugin-react'
import svgr from 'vite-plugin-svgr';
import { comlink } from 'vite-plugin-comlink'
import { resolve } from 'path';
import basicSsl from '@vitejs/plugin-basic-ssl'

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  return {
    server: {
      port: 3000,
      https: true,
    },
    plugins: [comlink(), basicSsl(), svgr(), react(),],
    resolve: {
      alias: [
        { find: 'process', replacement: 'process/browser' },      
        { find: 'stream', replacement: 'stream-browserify' },      
        { find: 'https', replacement: 'agent-base' },      
        ...[
          'assets',
          'components',
          'form',
          'indigo-react',
          'lib',
          'store',
          'style',
          'views',
          'worker',
        ].map(a => ({ find: a, replacement: resolve(__dirname, `src/${a}`)})),
      ],
    },
    worker: {
      plugins: [
        comlink(),
      ],
    },
    build: Object.assign(
      {
        outDir: 'build',
        rollupOptions: {
          plugins: [nodePolyfills()],
        },
      },
      mode === 'development' ? { global: {} } : {}
    ),
    optimizeDeps: {
      include: ['urbit-key-generation'],
      esbuildOptions: {
        define: {
          global: 'globalThis',
        },
        plugins: [
          GlobalPolyFill({
              process: true,
              buffer: true,
          }),
      ],
      },
    },
    define: Object.assign({
      // https://github.com/origamitower/folktale/issues/229
      "process.env.FOLKTALE_DOCS": false,
      "process.env.FOLKTALE_ASSERTIONS": false,
    },
      mode === 'production' ? {
        rollupOptions: {
          plugins: [inject({ Buffer: ['buffer', 'Buffer'] })],
        },
      } : {}
    )
  };
});