import tailwindcss from '@tailwindcss/vite';
import react from '@vitejs/plugin-react';
import laravel from 'laravel-vite-plugin';
import { resolve } from 'node:path';
import { defineConfig } from 'vite';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.tsx'],
            ssr: 'resources/js/ssr.tsx',
            refresh: true,
        }),
        react(),
        tailwindcss(),
    ],
    // Dev di Home Server package.json vite --host=0.0.0.0
    server: {
        host: '0.0.0.0', // agar bisa diakses oleh domain
        port: 5173,
        cors: true,
        // Menggunakan subdomain terpisah untuk Vite (via Cloudflare Tunnel)
        // origin: 'http://siswasekolah.test',
        // hmr: {
        //     host: 'siswasekolah.test',
        // },
    },

    esbuild: {
        jsx: 'automatic',
    },
    resolve: {
        alias: {
            'ziggy-js': resolve(__dirname, 'vendor/tightenco/ziggy'),
        },
    },
});
