<?php

use Illuminate\Support\Facades\File;
use NoNameWeb\LivewireMaterial\Support\Scheme;

it('follows the operating system until the visitor chooses, by default', function () {
    $this->blade('<x-theme-script />')
        ->assertSee('({"scheme":null,"default":"system","key":"material-theme","legacy":[],"contrast":{"default":"system","key":"material-contrast"},"motion":null,"rail":{"default":"expanded","key":"material-rail"}})', false);
});

it('resolves the contrast level before the first paint, and leaves standard unwritten', function () {
    config(['livewire-material.theme.contrast' => ['default' => 'high', 'storage_key' => 'sealshare-contrast']]);

    $this->blade('<x-theme-script />')
        ->assertSee('"contrast":{"default":"high","key":"sealshare-contrast"}', false)
        ->assertSee("window.matchMedia('(prefers-contrast: more)')", false)
        ->assertSee("var level = current === 'system' ? (contrastMedia.matches ? 'high' : 'standard') : current;", false)
        ->assertSee("root.setAttribute('data-contrast', level);", false)
        ->assertSee("root.removeAttribute('data-contrast');", false)
        ->assertSee("root.setAttribute('data-contrast-choice', contrast);", false)
        ->assertSee("contrastMedia.addEventListener('change', applyContrast);", false);

    config(['livewire-material.theme.contrast.default' => 'extreme']);

    $this->blade('<x-theme-script />')->assertSee('"contrast":{"default":"system"', false);
});

it('writes the standard motion scheme to <html>, and nothing for the expressive one', function () {
    $this->blade('<x-theme-script />')
        ->assertSee('"motion":null', false)
        ->assertDontSee("root.setAttribute('data-motion', 'standard')", false);

    config(['livewire-material.motion.scheme' => 'standard']);

    $this->blade('<x-theme-script />')
        ->assertSee('"motion":"standard"', false)
        ->assertSee("root.setAttribute('data-motion', settings.motion);", false);
});

it('takes the application\'s default, key and legacy keys', function () {
    config(['livewire-material.theme' => [
        'default' => 'dark',
        'storage_key' => 'sealshare-theme',
        'legacy_keys' => ['mary-theme'],
    ]]);

    $this->blade('<x-theme-script />')
        ->assertSee('"default":"dark","key":"sealshare-theme","legacy":["mary-theme"]', false);
});

it('falls back to the operating system for a default it does not know', function () {
    config(['livewire-material.theme.default' => 'blue']);

    $this->blade('<x-theme-script />')
        ->assertSee('"default":"system"', false);
});

it('starts a collapsible rail as the application says, expanded otherwise', function () {
    config(['livewire-material.rail' => ['default' => 'collapsed', 'storage_key' => 'sealshare-rail']]);

    $this->blade('<x-theme-script />')
        ->assertSee('"rail":{"default":"collapsed","key":"sealshare-rail"}', false)
        ->assertSee("root.setAttribute('data-rail', rail);", false);

    config(['livewire-material.rail.default' => 'sideways']);

    $this->blade('<x-theme-script />')
        ->assertSee('"rail":{"default":"expanded","key":"sealshare-rail"}', false);
});

it('puts its attributes back on <html> when wire:navigate swaps the page', function () {
    $this->blade('<x-theme-script />')
        ->assertSee("document.addEventListener('livewire:navigating'", false)
        ->assertSee("['data-scheme', 'data-theme', 'data-theme-choice', 'data-theme-key', 'data-contrast', 'data-contrast-choice', 'data-contrast-key', 'data-motion', 'data-rail', 'data-rail-auto', 'data-rail-key']", false)
        ->assertSee('event.detail.onSwap(', false);
});

it('names the active colour profile for <html data-scheme>, and none for a single scheme', function () {
    $path = sys_get_temp_dir().'/theme-script-profiles-'.uniqid().'.json';
    File::put($path, json_encode([
        'default' => 'indigo',
        'profiles' => ['indigo' => ['label' => 'Indigo', 'light' => [], 'dark' => []], 'teal' => ['label' => 'Teal', 'light' => [], 'dark' => []]],
    ]));
    config(['livewire-material.scheme' => $path]);

    try {
        $this->blade('<x-theme-script />')
            ->assertSee('({"scheme":"indigo",', false)
            ->assertSee("root.setAttribute('data-scheme', settings.scheme);", false);

        Scheme::resolveProfileUsing(fn (): string => 'teal');

        $this->blade('<x-theme-script />')->assertSee('({"scheme":"teal",', false);
    } finally {
        Scheme::resolveProfileUsing(null);
        File::delete($path);
    }
});

it('leaves the theme-color meta alone by default', function () {
    $this->blade('<x-theme-script />')
        ->assertDontSee('theme-color', false)
        ->assertDontSee('"meta"', false)
        ->assertDontSee('MutationObserver', false);
});

it('paints the theme-color meta in the resolved theme\'s surface when asked', function () {
    config(['livewire-material.theme.meta' => true]);

    $scheme = Scheme::load();
    $surfaces = fn (string $level): string => sprintf(
        '{"light":"%s","dark":"%s"}',
        Scheme::load(contrast: $level)['light']['surface'],
        Scheme::load(contrast: $level)['dark']['surface'],
    );

    $this->blade('<x-theme-script />')
        ->assertSee('"meta":{"light":"'.$scheme['light']['surface'].'","dark":"'.$scheme['dark']['surface'].'","contrast":{"medium":'.$surfaces('medium').',"high":'.$surfaces('high').'},"profiles":{}}', false)
        ->assertSee('document.head.querySelectorAll(\'meta[name="theme-color"]:not([media])\')', false)
        ->assertSee("new MutationObserver(paintThemeColor).observe(root, { attributes: true, attributeFilter: ['data-theme', 'data-scheme', 'data-contrast'] });", false)
        ->assertSee("document.addEventListener('livewire:navigated', paintThemeColor);", false);

    // The profile on <html> picks the set of surfaces, the level in data-contrast the pair.
    // (M3 moves the ink rather than the page, so a scheme's surface may read the same at every
    // level; the meta still takes the level's own, whatever the generator made of it.)
    expect((string) $this->blade('<x-theme-script />'))
        ->toContain('var surfaces = Object.prototype.hasOwnProperty.call(settings.meta.profiles, scheme) ? settings.meta.profiles[scheme] : settings.meta;')
        ->toContain('var colour = (Object.prototype.hasOwnProperty.call(surfaces.contrast, level) ? surfaces.contrast[level] : surfaces)[theme];');
});

it('gives the theme-color meta every profile\'s surfaces, at every contrast level', function () {
    $path = sys_get_temp_dir().'/theme-script-meta-'.uniqid().'.json';
    File::put($path, json_encode([
        'default' => 'indigo',
        'profiles' => [
            'indigo' => [
                'label' => 'Indigo',
                'light' => ['surface' => '#fbf8ff'],
                'dark' => ['surface' => '#12131a'],
                'contrast' => ['high' => ['light' => ['surface' => '#ffffff'], 'dark' => ['surface' => '#000000']]],
            ],
            'teal' => ['label' => 'Teal', 'light' => ['surface' => '#f4fbf8'], 'dark' => ['surface' => '#0e1513']],
        ],
    ]));
    config(['livewire-material.scheme' => $path, 'livewire-material.theme.meta' => true]);
    Scheme::resolveProfileUsing(fn (): string => 'indigo');

    try {
        $this->blade('<x-theme-script />')
            // The active profile first, then every profile, each with the levels it generated;
            // a profile without a level keeps its standard surfaces there.
            ->assertSee('"meta":{"light":"#fbf8ff","dark":"#12131a","contrast":{"medium":{"light":"#fbf8ff","dark":"#12131a"},"high":{"light":"#ffffff","dark":"#000000"}},"profiles":{', false)
            ->assertSee('"indigo":{"light":"#fbf8ff","dark":"#12131a","contrast":{"medium":{"light":"#fbf8ff","dark":"#12131a"},"high":{"light":"#ffffff","dark":"#000000"}}}', false)
            ->assertSee('"teal":{"light":"#f4fbf8","dark":"#0e1513","contrast":{"medium":{"light":"#f4fbf8","dark":"#0e1513"},"high":{"light":"#f4fbf8","dark":"#0e1513"}}}', false);
    } finally {
        Scheme::resolveProfileUsing(null);
        File::delete($path);
    }
});

it('paints the meta without profiles and without a deprecation on PHP 8.5', function () {
    config(['livewire-material.theme.meta' => true, 'livewire-material.profiles' => []]);

    $deprecations = [];
    set_error_handler(function (int $level, string $message) use (&$deprecations): bool {
        $deprecations[] = $message;

        return true;
    }, E_DEPRECATED | E_USER_DEPRECATED);

    try {
        $html = (string) $this->blade('<x-theme-script />');
    } finally {
        restore_error_handler();
    }

    expect($html)->toContain('"meta":{')
        ->and($deprecations)->toBe([]);
});