TS conversion

.dist/embed.js

@@ -0,0 +1,195 @@
+import { Fullscreen } from "./fullscreen.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
+        }
+    }
+    generateRich() {
+        console.log(this.json);
+        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.innerText = 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.textContent = this.json.title;
+        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.textContent = this.json.description;
+            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);
+                let p;
+                p = document.createElement("p");
+                p.textContent = thing.value;
+                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 providor = document.createElement("p");
+            providor.classList.add("provider");
+            providor.textContent = this.json.provider.name;
+            div.append(providor);
+        }
+        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);
+        {
+            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;
+            div.append(img);
+        }
+        colordiv.append(div);
+        return colordiv;
+    }
+}
+export { Embed };