dmx-interface/data/status.js

const statusDialog = document.querySelector(".dialog-status");
const expandButton = document.querySelector(".expand-status");

expandButton.addEventListener("click", () => {
    statusDialog.showModal();
});

async function loadStatus() {
    try {
        const res = await fetch("/status");
        if (!res.ok) {
            throw new Error(
                `Response status: ${res.status}\n${await res.text()}`
            );
        }

        const data = await res.json();
        console.log(data);

        return data;
    } catch (e) {
        console.error(e);
        return null;
    }
}

function setStatus(status) {
    setValue("model", status.chip.model);
    setValue("mac", status.chip.mac.toString(16).toUpperCase());
    setValue("sdk-version", status.sdkVersion);

    setValue("rssi", status.connection.signalStrength);

    setValue("cpu-freq", status.chip.cpuFreqMHz);
    setValue("cpu-cycle-count", status.chip.cycleCount);
    setValue("cpu-temp", status.chip.tempC);

    const usedHeap = status.heap.total - status.heap.free;
    setValue("heap-used", formatBytes(usedHeap));
    setValue("heap-total", formatBytes(status.heap.total));
    setValue(
        "heap-percentage",
        Math.round((usedHeap / status.heap.total) * 100)
    );

    const usedPsram = status.psram.total - status.psram.free;
    setValue("psram-used", formatBytes(usedPsram));
    setValue("psram-total", formatBytes(status.psram.total));
    setValue(
        "psram-percentage",
        Math.round((usedPsram / status.psram.total) * 100)
    );

    setValue("uptime", parseDuration(status.uptime));
}

function setValue(className, value) {
    document.querySelectorAll("." + className).forEach((element) => {
        element.innerText = value;
    });
}

function parseDuration(ms) {
    const date = new Date(ms);
    console.log(date);
    const time =
        date.getUTCHours().toString().padStart(2, "0") +
        ":" +
        date.getUTCMinutes().toString().padStart(2, "0") +
        " h";
    const days = Math.floor(date.getTime() / (1000 * 60 * 60 * 24));

    return days !== 0 ? `${days} Tage, ${time}` : time;
}

function formatBytes(bytes) {
    const units = ["Bytes", "KB", "MB", "GB"];

    let value = bytes;
    let index = 0;
    while (value >= 1000) {
        value /= 1000;
        index++;
    }

    return `${Math.round(value * 10) / 10} ${units[index]}`;
}

setStatus(await loadStatus());