import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import tailwindcss from '@tailwindcss/vite';
import { VitePWA } from 'vite-plugin-pwa';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/auth.js',
                'resources/js/app.js',
                'resources/js/touch.js',
            ],
            refresh: true,
        }),
        tailwindcss(),
        VitePWA({
            registerType: 'autoUpdate',
            manifest: false,
            workbox: {
                runtimeCaching: [
                    {
                        urlPattern: /\.(?:js|css|woff2|png|svg|ico)$/,
                        handler: 'CacheFirst',
                    },
                    {
                        urlPattern: /\/.*$/,
                        handler: 'NetworkOnly',
                    },
                ],
            },
        }),
    ],
    server: {
        host: '0.0.0.0',
        port: 5173,
        watch: {
            ignored: ['**/storage/framework/views/**'],
        },
        hmr: {
            host: 'app.dev.lernschiff.com',
            protocol: 'wss',
            clientPort: 443,
        },
        cors: true,
    },
});