//
//  main.js
//  altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
//
//  Copyright (c) 2023 Foxster.
//  MIT License.
//

import { urlSearchParams, sourceURL, search, isValidHTTPURL, setTintColor, insertAltStoreBanner, setUpBackButton } from "./utilities.js";

export function main(callback) {
    (() => {
        // If no source
        if (!urlSearchParams.has('source'))
            search();
        // If source is not a valid HTTP URL
        else if (!isValidHTTPURL(sourceURL)) {
            alert("Invalid HTTP URL.");
            search();
        }

        var apps;
        window.setApps = array =>
            apps = array;
        window.getAppWithBundleId = bundleId =>
            apps?.find(app => app.bundleIdentifier == bundleId) ?? undefined;

        setUpBackButton();
    })();

    fetch(sourceURL)
        .then(response => response.json())
        .then(json => {
            // Set tint color
            const tintColor = json.tintColor?.replaceAll("#", "");
            if (tintColor) setTintColor(tintColor);

            insertAltStoreBanner(json.name);

            setApps(json.apps);
            // main(json);
            callback(json);
            waitForAllImagesToLoad();
        })
        .catch(error => console.error("An error occurred.", error));

    function waitForAllImagesToLoad() {
        const allImages = document.querySelectorAll("img");
        var count = 0;

        allImages.forEach(image => {
            // New img element that won't be rendered to the DOM
            var newImage = document.createElement("img");
            // Attach load listener
            newImage.addEventListener("load", loaded);
            // Set src
            newImage.src = image.src;

            // Unable to load image
            image.addEventListener("error", (event) => {
                if (event.target.id == "app-icon") {
                    event.target.src = "img/generic_app.jpeg";
                } else event.target.remove()
                loaded();
            });
        });

        function loaded() {
            if (++count == allImages.length) {
                document.querySelector("body").classList.remove("loading");
                document.getElementById("loading").remove();
            }
        }
    }
}