import {defineConfig} from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from "@tailwindcss/vite";

// https://vite.dev/config/
export default defineConfig({
    plugins: [
        react(),
        tailwindcss()
    ],
    build: {
        rollupOptions: {
            output: {
                manualChunks: {
                    // Group Three.js related libraries
                    'three-bundle': [
                        'three',
                        '@react-three/fiber',
                        '@react-three/drei',
                        'three-stdlib'
                    ],
                    // D3 visualization library
                    'd3': ['d3'],
                    // Slider related libraries
                    'slider': [
                        'react-slick',
                        'slick-carousel'
                    ],
                    // React and related libraries
                    'react-vendor': [
                        'react',
                        'react-dom',
                        'react-router-dom'
                    ]
                }
            }
        },
        // Increase the warning limit to avoid unnecessary warnings
        chunkSizeWarningLimit: 1000
    }
})