sharex.downloads.js

$(document).ready(function() {
    let repo = GetParameterByName("repo");

    if (!repo) {
        repo = "ShareX/ShareX";
    }

    let repoInput = $("#downloads-repo");
    repoInput.val(repo);
    repoInput.keyup(function(e) {
        if (e.keyCode == 13) {
            repo = repoInput.val();
            GetReleases(repo);
            if (repo) {
                SetParameter("repo", repo);
            }
            else {
                ClearParameters();
            }
        }
    });

    GetReleases(repo);
});

async function GetReleases(repo) {
    if (!repo) {
        repo = "ShareX/ShareX";
    }

    $(".table-downloads tbody tr").remove();
    $(".total-downloads").hide();
    $(".total-downloads-value").text("");
    $(".table-downloads").hide();
    $(".fa-spin").show();

    let perPage = 100;
    let page = 1;
    let totalDownloadCount = 0;
    let previousPublishedAt = new Date();
    let latest = true;

    while (true) {
        let response = await fetch(`https://api.github.com/repos/${repo}/releases?per_page=${perPage}&page=${page}`);
        if (!response.ok) break;

        let releases = await response.json();

        if (releases.length > 0) {
            releases = releases.sort((a, b) => new Date(b.published_at) - new Date(a.published_at));

            for (let i = 0; i < releases.length; i++) {
                let release = releases[i];
                if (release.assets.length === 0) {
                    continue;
                }
                let assets = release.assets.sort((a, b) => b.download_count - a.download_count || a.name.localeCompare(b.name));
                let downloadCount = 0;
                let releaseInfo = `
                <div class="downloads-asset-info">
                    <a href="${release.html_url}">
                        <div>
                            ${EscapeHtml(release.name)}
                            <span class="downloads-badge"><i class="fa-solid fa-tag"></i>${EscapeHtml(release.tag_name)}</span>
                        </div>
                    </a>
                </div>
                `;
                for (let i2 = 0; i2 < assets.length; i2++) {
                    let asset = assets[i2];
                    downloadCount += asset.download_count;
                    releaseInfo += `
                    <div class="downloads-asset-info">
                        <a href="${asset.browser_download_url}">
                            <div>
                                ${EscapeHtml(asset.name)}
                                <span class="downloads-badge"><i class="fa-solid fa-file"></i>${FormatBytes(asset.size, 2)}</span>
                                <span class="downloads-badge"><i class="fa-solid fa-arrow-down"></i>${asset.download_count.toLocaleString()}</span>
                            </div>
                        </a>
                    </div>
                    `;
                }
                totalDownloadCount += downloadCount;
                let publishedAt = new Date(release.published_at);
                let activeDays = (previousPublishedAt - publishedAt) / (1000 * 60 * 60 * 24);
                previousPublishedAt = publishedAt;

                $(".table-downloads tbody").append(`
                <tr class="downloads-release-info collapsed" data-toggle="collapse" data-target="#collapse${release.id}">
                    <td>
                        <i class="fa fa-fw"></i>${EscapeHtml(release.name)}
                        ${latest ? '<span class="badge badge-success">Latest</span>' : ""}
                        ${release.prerelease ? '<span class="badge badge-warning">Pre-release</span>' : ""}
                    </td>
                    <td>${publishedAt.toLocaleDateString("en-CA")}</td>
                    <td>${activeDays.toFixed(1)}</td>
                    <td>${downloadCount.toLocaleString()}</td>
                </tr>
                <tr class="downloads-assets">
                    <td colspan="100%">
                        <div class="collapse" id="collapse${release.id}" data-parent=".table-downloads">
                            <div class="downloads-assets-container">
                                ${releaseInfo}
                            </div>
                        </div>
                    </td>
                </tr>
                `);

                latest = false;
            }
        }

        $(".total-downloads-value").text(totalDownloadCount.toLocaleString());
        $(".total-downloads").fadeIn();
        $(".table-downloads").fadeIn();

        if (releases.length < perPage) break;

        page++;
    }

    $(".fa-spin").hide();
}