import path from 'path';
import { defineConfig, loadEnv } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig(({ mode }) => {
    const env = loadEnv(mode, '.', '');
    return {
      root: 'public',
      plugins: [react()],
      base: '/ag-beats/',
      build: {
        outDir: '../dist',
        emptyOutDir: true,
        assetsDir: '.',
        rollupOptions: {
          input: {
            main: path.resolve(__dirname, 'public/index.html')
          }
        }
      },
      define: {
        'process.env.API_KEY': JSON.stringify(env.GEMINI_API_KEY),
        'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY)
      },
      resolve: {
        alias: {
          '@': path.resolve(__dirname, './public'),
        }
      }
    };
});