chesscubing/ChessCubing.App/Components/SiteMenu.razor

@using System.Security.Claims
@implements IAsyncDisposable
@inject NavigationManager Navigation
@inject IJSRuntime JS

<div class="site-menu-shell">
    <header class="site-menu-bar">
        <div class="site-menu-main">
            <a class="site-menu-brand" href="index.html" aria-label="Accueil ChessCubing">
                <img class="site-menu-brand-icon" src="logo.png" alt="Icone ChessCubing" />
                <span class="site-menu-brand-copy">
                    <span class="micro-label">ChessCubing Arena</span>
                    <strong>Menu general</strong>
                </span>
            </a>

            <nav class="site-menu-links" aria-label="Navigation principale">
                <a class="@BuildNavLinkClass(HomePaths)" href="index.html" aria-current="@BuildAriaCurrent(HomePaths)">Accueil</a>
                <a class="@BuildNavLinkClass(ApplicationPaths)" href="application.html" aria-current="@BuildAriaCurrent(ApplicationPaths)">Application</a>
                <a class="@BuildNavLinkClass(RulesPaths)" href="reglement.html" aria-current="@BuildAriaCurrent(RulesPaths)">Reglement</a>
            </nav>

            <AuthorizeView>
                <Authorized Context="authState">
                    <div class="site-menu-account">
                        <span class="micro-label">Compte Keycloak</span>
                        <div class="site-menu-account-panel">
                            <div class="site-menu-user">
                                <strong>@BuildDisplayName(authState.User)</strong>
                                <span>@BuildMeta(authState.User)</span>
                            </div>
                            <a class="button ghost small" href="@LogoutHref">Se deconnecter</a>
                        </div>
                    </div>
                </Authorized>
                <Authorizing>
                    <div class="site-menu-account">
                        <span class="micro-label">Compte Keycloak</span>
                        <div class="site-menu-account-actions">
                            <button class="button secondary small" type="button" @onclick="OpenLoginModal">Se connecter</button>
                            <button class="button ghost small" type="button" @onclick="OpenRegisterModal">Creer un compte</button>
                        </div>
                    </div>
                </Authorizing>
                <NotAuthorized>
                    <div class="site-menu-account">
                        <span class="micro-label">Compte Keycloak</span>
                        <div class="site-menu-account-actions">
                            <button class="button secondary small" type="button" @onclick="OpenLoginModal">Se connecter</button>
                            <button class="button ghost small" type="button" @onclick="OpenRegisterModal">Creer un compte</button>
                        </div>
                    </div>
                </NotAuthorized>
            </AuthorizeView>
        </div>
    </header>
</div>

<section class="modal @(ShowAuthModal ? string.Empty : "hidden")" aria-hidden="@BoolString(!ShowAuthModal)">
    <div class="modal-backdrop" @onclick="CloseAuthModal"></div>
    <div class="modal-card auth-modal-card">
        <div class="modal-head">
            <div>
                <p class="eyebrow">Compte Keycloak</p>
                <h2>@AuthModalTitle</h2>
            </div>
            <button class="button ghost small" type="button" @onclick="CloseAuthModal">Fermer</button>
        </div>
        <p class="auth-modal-copy">
            L'authentification se fait maintenant dans cette fenetre integree, sans quitter la page en cours.
        </p>
        @if (!string.IsNullOrWhiteSpace(AuthModalSource))
        {
            <div class="auth-modal-frame-shell">
                <iframe class="auth-modal-frame" src="@AuthModalSource" title="@AuthModalTitle"></iframe>
            </div>
        }
    </div>
</section>

@code {
    private static readonly string[] HomePaths = ["", "index.html"];
    private static readonly string[] ApplicationPaths = ["application", "application.html"];
    private static readonly string[] RulesPaths = ["reglement", "reglement.html"];

    private DotNetObjectReference<SiteMenu>? _dotNetReference;
    private bool _listenerRegistered;
    private string? AuthModalSource;
    private string AuthModalTitle = "Authentification";
    private bool ShowAuthModal;

    private string LoginHref => BuildAuthHref("login", EffectiveReturnUrl);
    private string RegisterHref => BuildAuthHref("register", EffectiveReturnUrl);
    private string LogoutHref => BuildAuthHref("logout", "/");

    private string CurrentPath
    {
        get
        {
            var absolutePath = new Uri(Navigation.Uri).AbsolutePath;
            return absolutePath.Trim('/');
        }
    }

    private string EffectiveReturnUrl
    {
        get
        {
            var absolutePath = new Uri(Navigation.Uri).AbsolutePath;
            if (absolutePath.StartsWith("/authentication/", StringComparison.OrdinalIgnoreCase))
            {
                return "/";
            }

            return string.IsNullOrWhiteSpace(absolutePath)
                ? "/"
                : absolutePath;
        }
    }

    private string BuildNavLinkClass(string[] paths)
        => IsCurrentPage(paths) ? "site-menu-link is-active" : "site-menu-link";

    private string? BuildAriaCurrent(string[] paths)
        => IsCurrentPage(paths) ? "page" : null;

    private bool IsCurrentPage(string[] paths)
        => paths.Any(path => string.Equals(CurrentPath, path, StringComparison.OrdinalIgnoreCase));

    private static string BuildAuthHref(string action, string returnUrl)
        => $"authentication/{action}?returnUrl={Uri.EscapeDataString(returnUrl)}";

    private static string BuildDisplayName(ClaimsPrincipal user)
        => user.Identity?.Name
            ?? user.FindFirst("name")?.Value
            ?? user.FindFirst("preferred_username")?.Value
            ?? "Utilisateur connecte";

    private static string BuildMeta(ClaimsPrincipal user)
        => user.FindFirst("email")?.Value
            ?? "Session active";

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (!firstRender)
        {
            return;
        }

        _dotNetReference = DotNetObjectReference.Create(this);
        await JS.InvokeVoidAsync("chesscubingAuthModal.registerListener", _dotNetReference);
        _listenerRegistered = true;
    }

    private void OpenLoginModal()
        => OpenAuthModal("Se connecter", LoginHref);

    private void OpenRegisterModal()
        => OpenAuthModal("Creer un compte", RegisterHref);

    private void OpenAuthModal(string title, string source)
    {
        AuthModalTitle = title;
        AuthModalSource = source;
        ShowAuthModal = true;
    }

    private void CloseAuthModal()
    {
        ShowAuthModal = false;
        AuthModalSource = null;
    }

    [JSInvokable]
    public Task HandleAuthModalMessage(string status)
    {
        if (!string.Equals(status, "login-succeeded", StringComparison.OrdinalIgnoreCase)
            && !string.Equals(status, "logout-succeeded", StringComparison.OrdinalIgnoreCase))
        {
            return Task.CompletedTask;
        }

        CloseAuthModal();
        StateHasChanged();
        Navigation.NavigateTo(Navigation.Uri, forceLoad: true);
        return Task.CompletedTask;
    }

    public async ValueTask DisposeAsync()
    {
        if (_listenerRegistered)
        {
            try
            {
                await JS.InvokeVoidAsync("chesscubingAuthModal.unregisterListener");
            }
            catch
            {
            }
        }

        _dotNetReference?.Dispose();
    }

    private static string BoolString(bool value)
        => value ? "true" : "false";
}