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

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  build: {
    rollupOptions: {
      output: {
        manualChunks(id) {
          if (!id.includes('node_modules')) {
            return undefined
          }

          if (id.includes('@mui/x-data-grid')) {
            return 'mui-data-grid'
          }

          if (
            id.includes('@mui/material') ||
            id.includes('@mui/icons-material') ||
            id.includes('@emotion')
          ) {
            return 'mui-core'
          }

          if (id.includes('react-router')) {
            return 'react-router'
          }

          if (id.includes('react-dom') || id.match(/[\\/]node_modules[\\/]react[\\/]/)) {
            return 'react-vendor'
          }

          if (id.includes('keycloak-js')) {
            return 'keycloak'
          }

          return 'vendor'
        },
      },
    },
  },
})