import { Fullscreen } from "./fullscreen.js";
import { MarkDown } from "./markdown.js";
class Embed {
    type;
    owner;
    json;
    constructor(json, owner) {
        this.type = this.getType(json);
        this.owner = owner;
        this.json = json;
    }
    getType(json) {
        return json.type || "rich";
    }
    generateHTML() {
        switch (this.type) {
            case "rich":
                return this.generateRich();
            case "image":
                return this.generateImage();
            case "link":
                return this.generateLink();
            case "article":
                return this.generateArticle();
            default:
                console.warn(`unsupported embed type ${this.type}, please add support dev :3`, this.json);
                return document.createElement("div"); //prevent errors by giving blank div
        }
    }
    get message() {
        return this.owner;
    }
    get channel() {
        return this.message.channel;
    }
    get guild() {
        return this.channel.guild;
    }
    get localuser() {
        return this.guild.localuser;
    }
    generateRich() {
        const div = document.createElement("div");
        if (this.json.color) {
            div.style.backgroundColor = "#" + this.json.color.toString(16);
        }
        div.classList.add("embed-color");
        const embed = document.createElement("div");
        embed.classList.add("embed");
        div.append(embed);
        if (this.json.author) {
            const authorline = document.createElement("div");
            if (this.json.author.icon_url) {
                const img = document.createElement("img");
                img.classList.add("embedimg");
                img.src = this.json.author.icon_url;
                authorline.append(img);
            }
            const a = document.createElement("a");
            a.textContent = this.json.author.name;
            if (this.json.author.url) {
                a.href = this.json.author.url;
            }
            a.classList.add("username");
            authorline.append(a);
            embed.append(authorline);
        }
        const title = document.createElement("a");
        title.append(new MarkDown(this.json.title, this.channel).makeHTML());
        if (this.json.url) {
            title.href = this.json.url;
        }
        title.classList.add("embedtitle");
        embed.append(title);
        if (this.json.description) {
            const p = document.createElement("p");
            p.append(new MarkDown(this.json.description, this.channel).makeHTML());
            embed.append(p);
        }
        embed.append(document.createElement("br"));
        if (this.json.fields) {
            for (const thing of this.json.fields) {
                const div = document.createElement("div");
                const b = document.createElement("b");
                b.textContent = thing.name;
                div.append(b);
                const p = document.createElement("p");
                p.append(new MarkDown(thing.value, this.channel).makeHTML());
                p.classList.add("embedp");
                div.append(p);
                if (thing.inline) {
                    div.classList.add("inline");
                }
                embed.append(div);
            }
        }
        if (this.json.footer || this.json.timestamp) {
            const footer = document.createElement("div");
            if (this.json?.footer?.icon_url) {
                const img = document.createElement("img");
                img.src = this.json.footer.icon_url;
                img.classList.add("embedicon");
                footer.append(img);
            }
            if (this.json?.footer?.text) {
                const span = document.createElement("span");
                span.textContent = this.json.footer.text;
                span.classList.add("spaceright");
                footer.append(span);
            }
            if (this.json?.footer && this.json?.timestamp) {
                const span = document.createElement("span");
                span.textContent = "•";
                span.classList.add("spaceright");
                footer.append(span);
            }
            if (this.json?.timestamp) {
                const span = document.createElement("span");
                span.textContent = new Date(this.json.timestamp).toLocaleString();
                ;
                footer.append(span);
            }
            embed.append(footer);
        }
        return div;
    }
    generateImage() {
        const img = document.createElement("img");
        img.classList.add("messageimg");
        img.onclick = function () {
            const full = new Fullscreen(["img", img.src, ["fit"]]);
            full.show();
        };
        img.src = this.json.thumbnail.proxy_url;
        return img;
    }
    generateLink() {
        const table = document.createElement("table");
        table.classList.add("embed", "linkembed");
        const trtop = document.createElement("tr");
        table.append(trtop);
        {
            const td = document.createElement("td");
            const a = document.createElement("a");
            a.href = this.json.url;
            a.textContent = this.json.title;
            td.append(a);
            trtop.append(td);
        }
        {
            const td = document.createElement("td");
            const img = document.createElement("img");
            if (this.json.thumbnail) {
                img.classList.add("embedimg");
                img.onclick = function () {
                    const full = new Fullscreen(["img", img.src, ["fit"]]);
                    full.show();
                };
                img.src = this.json.thumbnail.proxy_url;
                td.append(img);
            }
            trtop.append(td);
        }
        const bottomtr = document.createElement("tr");
        const td = document.createElement("td");
        const span = document.createElement("span");
        span.textContent = this.json.description;
        td.append(span);
        bottomtr.append(td);
        table.append(bottomtr);
        return table;
    }
    generateArticle() {
        const colordiv = document.createElement("div");
        colordiv.style.backgroundColor = "#000000";
        colordiv.classList.add("embed-color");
        const div = document.createElement("div");
        div.classList.add("embed");
        if (this.json.provider) {
            const provider = document.createElement("p");
            provider.classList.add("provider");
            provider.textContent = this.json.provider.name;
            div.append(provider);
        }
        const a = document.createElement("a");
        a.href = this.json.url;
        a.textContent = this.json.title;
        div.append(a);
        const description = document.createElement("p");
        description.textContent = this.json.description;
        div.append(description);
        if (this.json.thumbnail) {
            const img = document.createElement("img");
            img.classList.add("bigembedimg");
            img.onclick = function () {
                const full = new Fullscreen(["img", img.src, ["fit"]]);
                full.show();
            };
            img.src = this.json.thumbnail.proxy_url || this.json.thumbnail.url;
            div.append(img);
        }
        colordiv.append(div);
        return colordiv;
    }
}
export { Embed };