site.lyte.dev/content/minecraft-server-status.md

---
title: Minecraft Server Status Checker
toc: false
aliases:
    /ourcraft-status
---

<noscript>
    <p>
        It looks like you have javascript disabled! This page uses javascript to query a third-party server which fetches data from our minecraft servers.
    </p>
</noscript>

<button id="check-minecraft-server-status">Reload</button>

<div id="server-status">
    <p id="server-status-loading">
        Checking minecraft servers' status...
    </p>
    <ul id="servers">
    </ul>
</div>

<script>
function checkMinecraftServerStatus() {
    const loading = document.getElementById("server-status-loading")
    const servers = document.getElementById("servers")

    loading.style.display = "inherit";
    servers.style.display = "none";
    try {
        fetch("https://deno-deploy-private.deno.dev/minecraft-server-status").then(res => {
            res.json().then(statuses => {
                console.log(statuses)
                loading.style.display = "none";
                servers.style.display = "inherit";
                const newChildren = [];
                for (let k of Object.keys(statuses)) {
                    let pl = null;
                    const status = statuses[k]
                    const el = document.createElement("li")
                    const s = document.createElement("strong")
                    s.textContent = k
                    const c = document.createElement("code")
                    c.className = "chroma"
                    const cs = document.createElement("span")
                    c.appendChild(cs)
                    cs.className = (status.online ? "na" : "err")
                    cs.textContent = status.online ? "ONLINE" : "OFFLINE"
                    const p = document.createElement("span")
                    if (status.players) {
                        p.textContent = ` with ${status.players.online}/${status.players.max} players`
                        if (status.players.online > 0 && status.players.list) {
                            pl = document.createElement("details")
                            pl.style.marginTop = "0"
                            const pld = document.createElement("summary")
                            pld.textContent = "Players List"
                            pld.style.color = "var(--link-fg)"
                            pld.style.textDecoration = "underline"
                            const plist = document.createElement("ul")
                            pl.appendChild(pld)
                            pl.appendChild(plist)
                            for (let p of status.players.list) {
                                const pi = document.createElement("li")
                                pi.textContent = p.name
                                plist.appendChild(pi)
                            }
                        }
                    } else {
                        p.textContent = ` with ??/?? players`
                    }
                    el.replaceChildren(
                        s,
                        document.createTextNode(": "),
                        c,
                        p,
                    )
                    if (pl != null) el.appendChild(pl)
                    newChildren.push(el)
                }
                servers.replaceChildren(...newChildren)
            })
        }).catch(err => console.error(err))
    } catch (err) {
        console.err(err)
    }
}
document.getElementById("check-minecraft-server-status").addEventListener("click", checkMinecraftServerStatus)
document.addEventListener("DOMContentLoaded", checkMinecraftServerStatus)
</script>