vite.config.ts

import { defineConfig } from 'vitest/config';
import { resolve } from 'path';
import react from '@vitejs/plugin-react';
import legacy from '@vitejs/plugin-legacy';

export default defineConfig({
  plugins: [
    react(),
    legacy({
      targets: ['defaults', 'not IE 11']
    })
  ],
  build: {
    outDir: 'dist',
    emptyOutDir: true,
    manifest: true,
    rollupOptions: {
      input: {
        main: resolve(__dirname, 'src/assets/scripts/main.ts'),
        admin: resolve(__dirname, 'src/assets/scripts/admin.ts'),
        islands: resolve(__dirname, 'src/assets/scripts/islands.ts'),
        styles: resolve(__dirname, 'src/assets/styles/main.scss')
      },
      output: {
        entryFileNames: 'js/[name]-[hash].js',
        chunkFileNames: 'js/[name]-[hash].js',
        assetFileNames: (assetInfo) => {
          if (assetInfo.name && assetInfo.name.endsWith('.css')) {
            return 'css/[name]-[hash][extname]';
          }
          return 'assets/[name]-[hash][extname]';
        }
      }
    },
    sourcemap: true
  },
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src')
    }
  },
  test: {
    environment: 'jsdom',
    globals: true,
    setupFiles: ['./tests/setup.ts'],
    coverage: {
      provider: 'v8',
      reporter: ['text', 'lcov'],
      include: ['src/assets/scripts/**/*.ts', 'src/lib/**/*.ts'],
    },
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "@/assets/styles/config/_variables.scss";`
      }
    }
  },
  server: {
    host: 'localhost',
    port: parseInt(process.env.VITE_PORT ?? '3000'),
    strictPort: false,
    hmr: {
      protocol: 'ws',
      host: process.env.VITE_HMR_HOST ?? 'localhost',
      port: parseInt(process.env.VITE_PORT ?? '3000'),
    },
  }
});