vite.config.mts

/// <reference types="vitest" />
/// <reference types="vite/client" />

import react from '@vitejs/plugin-react';
import { resolve } from 'path';
import { UserConfig, defineConfig, loadEnv } from 'vite';
import eslint from 'vite-plugin-eslint';
import nodePolyfills from 'vite-plugin-node-stdlib-browser';

// https://vitejs.dev/config/
export default defineConfig(async ({ command, mode }): Promise<UserConfig> => {
  const env = loadEnv(mode, process.cwd(), '');

  const baseConfig: UserConfig = {
    optimizeDeps: {
      exclude: ['vite']
    },
    define: {
      global: 'globalThis',
      'process.env': {
        REACT_APP_SECURE_LOCAL_STORAGE_HASH_KEY: env.REACT_APP_SECURE_LOCAL_STORAGE_HASH_KEY,
      },
    },
    plugins: [react(), nodePolyfills()],
    resolve: {
      alias: {
        '~': resolve(__dirname, 'src'),
        Buffer: 'buffer',
      },
    },
    test: {
      setupFiles: ['./src/test/vitest.setup.ts'],
      environment: 'jsdom',
      server: {
        deps: {
          inline: ['vitest-canvas-mock'],
        },
      },
      globals: true,
      css: true,
      environmentOptions: {
        jsdom: {
          resources: 'usable',
        },
      },
      alias: {
        '~': resolve(__dirname, 'src'),
        Buffer: 'buffer',
      },
    },
    build: {
      sourcemap: env.VITE_ENV === 'dev',
    },
  };

  if (command === 'serve') {
    baseConfig.plugins = [react(), eslint(), nodePolyfills()];

    return baseConfig;
  } else if (command === 'build') {
    baseConfig.plugins = [react(), nodePolyfills()];

    return baseConfig;
  } else {
    return baseConfig;
  }
});