@namespace Oqtane.UI
@inject IJSRuntime JsRuntime
@inject NavigationManager NavigationManager

@DynamicComponent

@code {
    [CascadingParameter] PageState PageState { get; set; }

    RenderFragment DynamicComponent { get; set; }

    protected override async Task OnParametersSetAsync()
    {
        var interop = new Interop(JsRuntime);

        // handle page redirection
        if (!string.IsNullOrEmpty(PageState.Page.Url))
        {
            NavigationManager.NavigateTo(PageState.Page.Url);
            return;
        }

        // set page title
        if (!string.IsNullOrEmpty(PageState.Page.Title))
        {
            await interop.UpdateTitle(PageState.Page.Title);
        }
        else
        {
            await interop.UpdateTitle(PageState.Site.Name + " - " + PageState.Page.Name);
        }

        // manage stylesheets for this page 
        string batch = DateTime.Now.ToString("yyyyMMddHHmmssfff");
        var links = new List<object>();
        foreach (Resource resource in PageState.Page.Resources.Where(item => item.ResourceType == ResourceType.Stylesheet && item.Declaration != ResourceDeclaration.Global))
        {
            links.Add(new { id = "app-stylesheet-" + batch + "-" + (links.Count + 1).ToString("00"), rel = "stylesheet", href = resource.Url, type = "text/css", integrity = resource.Integrity ?? "", crossorigin = resource.CrossOrigin ?? "", key = "" });
        }
        if (links.Any())
        {
            await interop.IncludeLinks(links.ToArray());
        }
        await interop.RemoveElementsById("app-stylesheet", "", "app-stylesheet-" + batch + "-00");

        // add favicon
        if (PageState.Site.FaviconFileId != null)
        {
            await interop.IncludeLink("app-favicon", "shortcut icon", Utilities.ContentUrl(PageState.Alias, PageState.Site.FaviconFileId.Value), "image/x-icon", "", "", "id");
        }
        // add PWA support
        if (PageState.Site.PwaIsEnabled && PageState.Site.PwaAppIconFileId != null && PageState.Site.PwaSplashIconFileId != null)
        {
            await InitializePwa(interop);
        }

        DynamicComponent = builder =>
        {
            var themeType = Type.GetType(PageState.Page.ThemeType);
            builder.OpenComponent(0, themeType);
            builder.CloseComponent();
        };
    }

    private async Task InitializePwa(Interop interop)
    {
        string url = NavigationManager.BaseUri;
        url = url.Substring(0, url.Length - 1);

        // dynamically create manifest.json and add to page
        string manifest = "setTimeout(() => { " +
            "var manifest = { " +
            "\"name\": \"" + PageState.Site.Name + "\", " +
            "\"short_name\": \"" + PageState.Site.Name + "\", " +
            "\"start_url\": \"" + url + "/\", " +
            "\"display\": \"standalone\", " +
            "\"background_color\": \"#fff\", " +
            "\"description\": \"" + PageState.Site.Name + "\", " +
            "\"icons\": [{ " +
                "\"src\": \"" + url + Utilities.ContentUrl(PageState.Alias, PageState.Site.PwaAppIconFileId.Value) + "\", " +
                "\"sizes\": \"192x192\", " +
                "\"type\": \"image/png\" " +
                "}, { " +
                "\"src\": \"" + url + Utilities.ContentUrl(PageState.Alias, PageState.Site.PwaSplashIconFileId.Value) + "\", " +
                "\"sizes\": \"512x512\", " +
                "\"type\": \"image/png\" " +
            "}] " +
            "}; " +
            "const serialized = JSON.stringify(manifest); " +
            "const blob = new Blob([serialized], {type: 'application/javascript'}); " +
            "const url = URL.createObjectURL(blob); " +
            "document.getElementById('app-manifest').setAttribute('href', url); " +
            "} " +
            ", 1000);";
        await interop.IncludeScript("app-pwa", "", "", "", manifest, "body", "id");

        // service worker must be in root of site
        string serviceworker = "if ('serviceWorker' in navigator) { " +
            "navigator.serviceWorker.register('/service-worker.js').then(function(registration) { " +
                "console.log('ServiceWorker Registration Successful'); " +
            "}).catch (function(err) { " +
                "console.log('ServiceWorker Registration Failed ', err); " +
            "}); " +
            "}";
        await interop.IncludeScript("app-serviceworker", "", "", "", serviceworker, "body", "id");
    }
}