// vite.config.ts

/// <reference types="vitest" />
import path from 'path';
import { defineConfig as defineViteConfig } from 'vite';
import { defineConfig as defineVitestConfig } from 'vitest/config';
import react from '@vitejs/plugin-react';

console.log('--- [EXECUTION PROOF] vite.config.ts is being loaded. ---');

const vitestConfig = defineVitestConfig({
  test: {
    environment: 'jsdom',
    setupFiles: ['./src/vitest.setup.ts'],
  },
});

const viteConfig = defineViteConfig({
  plugins: [react()],
  
  // No explicit 'css' block. Let Vite do its job.

  server: {
    port: 3000,
    host: '0.0.0.0',
  },
  resolve: {
    alias: {
      '@': path.resolve(process.cwd(), './src'),
    }
  },
});

export default { ...viteConfig, test: vitestConfig.test };