vite.config.ts

/// <reference types="vitest" />
import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
import environment from 'vite-plugin-environment';
import dotenv from 'dotenv';
import path from 'path';

export default defineConfig(({ mode }) => {
  console.log('mode = ', mode);
  if (mode === 'sandbox' || mode === 'production') {
    dotenv.config({ path: `.env.${mode}` });
  } else {
    dotenv.config();
  }

  const domain = mode === 'sandbox' ? 'sandbox.icramp.xyz' : 'app.icramp.xyz';

  return {
    root: 'src',
    build: {
      outDir: '../dist',
      emptyOutDir: true,
    },
    optimizeDeps: {
      esbuildOptions: {
        define: {
          global: 'globalThis',
        },
      },
    },
    server: {
      proxy: {
        '/api': {
          target: 'http://127.0.0.1:4943',
          changeOrigin: true,
        },
      },
    },
    plugins: [
      react(),
      environment('all', { prefix: 'CANISTER_' }),
      environment('all', { prefix: 'DFX_' }),
      environment('all', { prefix: 'CONTRACT_' }),
      environment('all', { prefix: 'FRONTEND_' }),
      {
        name: 'copy-assets',
        generateBundle() {
          this.emitFile({
            type: 'asset',
            fileName: '.well-known/ic-domains',
            source: domain,
          });
          this.emitFile({
            type: 'asset',
            fileName: '.ic-assets.json',
            source: '[{"match": ".well-known", "ignore": false}]',
          });
        },
      },
    ],
    test: {
      environment: 'jsdom',
      setupFiles: 'setupTests.ts',
      cache: { dir: '../node_modules/.vitest' },
    },
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import "${path.resolve(
            __dirname,
            'src/index.css',
          )}";`,
        },
      },
    },
  };
});