import { findImageOrFail, findSpanOrFail } from "./dom.mjs";

async function populateVersion(versionSelector: string) {
    const versionParagraph = findSpanOrFail(document.body, versionSelector);
    versionParagraph.innerText = await fetch("/api/about/version").then(r => r.text());
}

async function populateUsers(charlotteSelector: string, kioSelector: string) {
    const charlotteImage = findImageOrFail(document.body, charlotteSelector);
    const kioImage = findImageOrFail(document.body, kioSelector);
    const { charlotte, kio } = await fetch("/api/about/nekomata_avatars").then(r => r.json());
    if (charlotte) charlotteImage.src = charlotte;
    if (kio) kioImage.src = kio;
}

populateVersion("#version");
populateUsers("#charlotteAvatar", "#kioAvatar");