import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
import react from '@vitejs/plugin-react';
import { visualizer } from 'rollup-plugin-visualizer';
import { defineConfig } from 'vite';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [TanStackRouterVite(), react(), visualizer({ emitFile: true, open: true, filename: 'stats.html' })],
  build: {
    outDir: '../dist',
    emptyOutDir: true,
    rollupOptions: {
      output: {
        manualChunks: (id) => {
          if (id.includes('node_modules')) {
            if (id.includes('@mui/') || id.includes('react')) {
              return 'vendor_base';
            }
            if (id.includes('@tanstack')) {
              return 'vendor_tanstack';
            }

            return 'vendor'; // all other package goes here
          }
        },
      },
    },
  },
  base: '/phpCourse/exam/dist',
});