Sunshine/assets/js/projects.js

// projects section script

// get project container
let container = document.getElementById("project-container")
let org_name = "LizardByte"
let base_url = `https://app.${org_name.toLowerCase()}.dev`
let cache_repo = "dashboard"


// create project cards
$(document).ready(function(){
    // Set cache = false for all jquery ajax requests.
    $.ajaxSetup({
        cache: false,
    });

    // get readthedocs projects
    let readthedocs = []
    $.ajax({
        url: `${base_url}/${cache_repo}/readthedocs/projects.json`,
        type: "GET",
        dataType: "json",
        success: function (data) {
            for (let item in data) {
                readthedocs.push(data[item])
            }
        }
    });

    $.ajax({
        url: `${base_url}/${cache_repo}/github/repos.json`,
        type: "GET",
        dataType:"json",
        success: function (result) {
            let sorted = result.sort(window.rankingSorter("stargazers_count", "name"))

            for(let repo in sorted) {
                if (sorted[repo]['archived'] === false && sorted[repo]['description'] !== null && sorted[repo]['fork'] === false) {
                    let column = document.createElement("div")
                    column.className = "col-lg-4 mb-5"
                    container.appendChild(column)

                    let card = document.createElement("div")
                    card.className = "card h-100 shadow border-0 rounded-0"
                    column.appendChild(card)

                    let banner_div = document.createElement("div")
                    banner_div.className = "hover-zoom"
                    card.append(banner_div)

                    let banner_link = document.createElement("a")
                    banner_link.className = "crowdin-ignore"
                    banner_link.href = sorted[repo]['html_url']
                    banner_link.target = "_blank"
                    banner_div.append(banner_link)

                    let banner = document.createElement("img")
                    banner.className = "card-img-top rounded-0"
                    banner.src = `${base_url}/${cache_repo}/github/openGraphImages/${sorted[repo]['name']}_624x312.png`
                    banner.alt = ""
                    banner_link.append(banner)

                    let card_body = document.createElement("div")
                    card_body.className = "card-body text-white p-4 rounded-0"
                    card.appendChild(card_body)

                    let card_title_link = document.createElement("a")
                    card_title_link.className = "text-decoration-none link-light crowdin-ignore"
                    card_title_link.href = sorted[repo]['html_url']
                    card_title_link.target = "_blank"
                    card_body.appendChild(card_title_link)

                    let card_title_text = document.createElement("h5")
                    card_title_text.className = "card-title mb-3 fw-bolder crowdin-ignore"
                    card_title_text.textContent = result[repo]['name']
                    card_title_link.appendChild(card_title_text)

                    let card_paragraph = document.createElement("p")
                    card_paragraph.className = "card-text mb-0"
                    card_paragraph.textContent = sorted[repo]['description']
                    card_body.appendChild(card_paragraph)

                    let card_footer = document.createElement("div")
                    card_footer.className = "card-footer p-2 pt-0 border-0 rounded-0"
                    card.appendChild(card_footer)

                    let repo_data_row = document.createElement("div")
                    repo_data_row.className = "d-flex align-items-center"
                    card_footer.appendChild(repo_data_row)

                    let github_link = document.createElement("a")
                    github_link.className = "nav-link text-white ms-3"
                    github_link.href = sorted[repo]['html_url']
                    github_link.target = "_blank"
                    repo_data_row.appendChild(github_link)

                    let github_link_image = document.createElement("i")
                    github_link_image.className = "fa-fw fa-brands fa-github"
                    github_link.prepend(github_link_image)

                    // try to get repo subpage using base url and overwrite the links if it exists
                    $.ajax({
                        url: `${base_url}/${sorted[repo]['name']}/`,
                        type: "GET",
                        success: function () {
                            banner_link.href = `${base_url}/${sorted[repo]['name']}/`
                            card_title_link.href = `${base_url}/${sorted[repo]['name']}/`
                        },
                    })

                    let star_link = document.createElement("a")
                    star_link.className = "nav-link nav-link-sm text-white ms-3 crowdin-ignore"
                    star_link.href = `https://star-history.com/#${sorted[repo]['full_name']}`
                    star_link.target = "_blank"
                    star_link.textContent = window.formatNumber(sorted[repo]['stargazers_count'])
                    repo_data_row.appendChild(star_link)

                    let star_link_image = document.createElement("i")
                    star_link_image.className = "fa-fw fa-solid fa-star"
                    star_link.prepend(star_link_image)

                    let fork_link = document.createElement("a")
                    fork_link.className = "nav-link nav-link-sm text-white ms-3 crowdin-ignore"
                    fork_link.href = `https://github.com/${sorted[repo]['full_name']}/network/members`
                    fork_link.target = "_blank"
                    fork_link.textContent = window.formatNumber(sorted[repo]['forks'])
                    repo_data_row.appendChild(fork_link)

                    let fork_link_image = document.createElement("i")
                    fork_link_image.className = "fa-fw fa-solid fa-code-fork"
                    fork_link.prepend(fork_link_image)

                    for (let docs in readthedocs) {
                        let docs_repo = readthedocs[docs]['repository']['url'];
                        docs_repo = docs_repo.toLowerCase();

                        let project_repo = sorted[repo]['clone_url'];
                        project_repo = project_repo.toLowerCase();

                        if (docs_repo === project_repo) {
                            let docs_url = readthedocs[docs]['urls']['documentation']
                            try {
                                let parsedUrl = new URL(docs_url);
                                if (parsedUrl.host !== "docs.lizardbyte.dev") {
                                    continue;
                                }
                            } catch (e) {
                                console.error("Invalid URL:", docs_url);
                                continue;
                            }

                            let docs_link = document.createElement("a")
                            docs_link.className = "nav-link text-warning ms-3"
                            docs_link.href = docs_url
                            docs_link.target = "_blank"
                            repo_data_row.appendChild(docs_link)

                            let docs_link_image = document.createElement("i")
                            docs_link_image.className = "fa-fw fa-solid fa-file-lines"
                            docs_link.prepend(docs_link_image)
                        }
                    }

                    $.ajax({
                        url: `${base_url}/${cache_repo}/github/languages/${sorted[repo]['name']}.json`,
                        type: "GET",
                        dataType: "json",
                        success: function (languages) {
                            let language_data_row = document.createElement("div")
                            language_data_row.className = "card-group p-3 align-items-center"
                            card_footer.appendChild(language_data_row)

                            for (let language in languages) {
                                let language_file = encodeURIComponent(`${language}.svg`)

                                let language_icon = document.createElement("img")
                                language_icon.className = "language-logo crowdin-ignore"
                                language_icon.src = `${base_url}/uno/language-icons/${language_file}`
                                language_icon.alt = language
                                language_icon.title = language
                                language_data_row.append(language_icon)
                            }
                        }
                    });
                }
            }
        }
    });
});