wah-su.github.io/static/js/checkstatus.js

const statusIcon = document.getElementById("status-icon");
const statusText = document.getElementById("status-text");

const serviceUp = {
  color: ["bg-green-500", "dark:bg-green-400"],
  text: "All Services Operational",
};
const serviceDegraded = {
  color: ["bg-yellow-400", "dark:bg-yellow-200"],
  text: "Degraded Services",
};
const serviceDown = {
  color: ["bg-red-600", "dark:bg-red-500"],
  text: "All Services Down",
};
const serviceUnknown = {
  color: ["bg-gray-500", "dark:bg-gray-400"],
  text: "Unknown or Failed to fetch",
};

async function getServicesHealth() {
  try {
    const serviceStatus = await fetch(
      "https://status.wah.su/api/status-page/heartbeat/services"
    );

    const services = await serviceStatus.json();
    const heartbeatDict = services.heartbeatList;
    let lastHeartbeats = [];

    for (const [key, value] of Object.entries(heartbeatDict)) {
      lastHeartbeats.push(
        heartbeatDict[key][heartbeatDict[key].length - 1].status
      );
    }
    const count = lastHeartbeats.reduce((partialSum, a) => partialSum + a, 0);

    switch (count) {
      case lastHeartbeats.length: {
        statusIcon.classList.add(...serviceUp.color);
        statusIcon.classList.remove(
          ...serviceDegraded.color,
          ...serviceDown.color,
          ...serviceUnknown.color
        );
        statusText.textContent = serviceUp.text;
        break;
      }
      case 0: {
        statusIcon.classList.add(...serviceDown.color);
        statusIcon.classList.remove(
          ...serviceUp.color,
          ...serviceDegraded.color,
          ...serviceUnknown.color
        );
        statusText.textContent = serviceDown.text;
        break;
      }
      default: {
        statusIcon.classList.add(...serviceDegraded.color);
        statusIcon.classList.remove(
          ...serviceUp.color,
          ...serviceDown.color,
          ...serviceUnknown.color
        );
        statusText.textContent = serviceDegraded.text;
        break;
      }
    }
  } catch (error) {
    statusIcon.classList.add(...serviceUnknown.color);
    statusIcon.classList.remove(
      ...serviceUp.color,
      ...serviceDegraded.color,
      ...serviceDown.color
    );
    statusText.textContent = serviceUnknown.text;
    console.log("Failed to fetch services status: " + error);
    return;
  }
}

getServicesHealth();
setInterval(getServicesHealth, 600000);