@props([
    'css' => 'resources/css/app.css',
    'js' => 'resources/js/app.js',
    'analytics' => 'resources/js/analytics-boot.js',
])

@php
    $hot = file_exists(public_path('hot'));
    $manifestPath = public_path('build/manifest.json');
    $manifest = (! $hot && file_exists($manifestPath))
        ? json_decode(file_get_contents($manifestPath), true)
        : [];
    $alpineChunk = collect($manifest)->first(
        fn ($entry, $key) => ($entry['name'] ?? null) === 'alpine' || str_starts_with((string) $key, '_alpine-')
    );
@endphp

@if ($hot)
    @vite([$css, $js, $analytics])
@else
    <x-critical-css />

    @php $cssUrl = Illuminate\Support\Facades\Vite::asset($css); @endphp
    <link rel="preload" href="{{ $cssUrl }}" as="style">
    <link rel="stylesheet" href="{{ $cssUrl }}">

    @if ($alpineChunk)
        <link rel="modulepreload" href="{{ asset('build/'.$alpineChunk['file']) }}" crossorigin>
    @endif

    <script type="module" src="{{ Illuminate\Support\Facades\Vite::asset($js) }}"></script>

    @push('scripts')
        <script>
            window.addEventListener('load', function () {
                var s = document.createElement('script');
                s.type = 'module';
                s.src = @json(Illuminate\Support\Facades\Vite::asset($analytics));
                s.fetchPriority = 'low';
                document.body.appendChild(s);
            }, { once: true });
        </script>
    @endpush
@endif