driftywinds.github.io/js/main.js

(function () {
    // 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();
    }
})();

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

        insertAddToAltStoreBanner(json.name);

        setApps(json.apps);
        main(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();
        }
    }
}