import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import symfonyPlugin from 'vite-plugin-symfony';
import { fileURLToPath } from 'url';
import { dirname, resolve } from 'path';

const __dirname = dirname(fileURLToPath(import.meta.url));

export default defineConfig({
  plugins: [
    react(),
    symfonyPlugin({ refresh: true }),
  ],
  resolve: {
    alias: {
      '@mine-components': resolve(__dirname, './assets/js/mine-seeker/components'),
      '@mine-contexts': resolve(__dirname, './assets/js/mine-seeker/contexts'),
      '@mine-hooks': resolve(__dirname, './assets/js/mine-seeker/hooks'),
      '@mine-utils': resolve(__dirname, './assets/js/mine-seeker/utils'),
    },
  },
  build: {
    rollupOptions: {
      input: {
        mineseeker: './assets/js/app.jsx',
        mineseekerStyle: './assets/css/style.mineseeker.scss',
        homeStyle: './assets/css/style.layout.scss',
      },
    },
  },
  css: {
    preprocessorOptions: {
      scss: {
        api: 'modern',
        silenceDeprecations: ['import'],
      },
    },
  },
});