import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import { bunny } from 'laravel-vite-plugin/fonts';
import tailwindcss from '@tailwindcss/vite';
import vue from '@vitejs/plugin-vue';
import ui from '@nuxt/ui/vite';

const host = process.env.VITE_HMR_HOST || "localhost";
const clientPort = process.env.VITE_HMR_CLIENTPORT || 5173;
const protocol = process.env.VITE_HMR_PROTOCOL || "ws";

export default defineConfig({
    plugins: [
        ui(),
        vue(),
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
            fonts: [
                bunny('Instrument Sans', {
                    weights: [400, 500, 600],
                }),
            ],
        }),
        tailwindcss(),
    ],
    server: {
        watch: {
            ignored: ['**/storage/framework/views/**'],
        },
    },
    server: {
        host: '0.0.0.0',
        headers: {
            'Cross-Origin-Embedder-Policy': 'unsafe-none',
            'Cross-Origin-Resource-Policy': 'cross-origin',
        },
        hmr: {
            protocol: protocol,
            host: host,
            clientPort: clientPort
        },
    },
});