ac939e5fb6
There is a known regresion for the MESSAGE_CREATE event while it's not on screen, though I have not been able to replicate it while I'm looking for it. If you see this bug, please let me know the conditions it happens under
396 lines
15 KiB
JavaScript
396 lines
15 KiB
JavaScript
import { Contextmenu } from "./contextmenu.js";
|
|
import { User } from "./user.js";
|
|
import { Member } from "./member.js";
|
|
import { markdown } from "./markdown.js";
|
|
import { Embed } from "./embed.js";
|
|
import { Fullscreen } from "./fullscreen.js";
|
|
class Message {
|
|
static contextmenu = new Contextmenu("message menu");
|
|
owner;
|
|
headers;
|
|
embeds;
|
|
author;
|
|
mentions;
|
|
mention_roles;
|
|
attachments; //probably should be its own class tbh, should be Attachments[]
|
|
id;
|
|
message_reference;
|
|
type;
|
|
timestamp;
|
|
content;
|
|
static del;
|
|
static resolve;
|
|
div;
|
|
static setup() {
|
|
this.del = new Promise(_ => { this.resolve = _; });
|
|
Message.setupcmenu();
|
|
}
|
|
static async wipeChanel() {
|
|
this.resolve();
|
|
document.getElementById("messages").innerHTML = "";
|
|
await Promise.allSettled([this.resolve]);
|
|
this.del = new Promise(_ => { this.resolve = _; });
|
|
}
|
|
static setupcmenu() {
|
|
Message.contextmenu.addbutton("Copy raw text", function () {
|
|
navigator.clipboard.writeText(this.content);
|
|
});
|
|
Message.contextmenu.addbutton("Reply", function (div) {
|
|
if (this.channel.replyingto) {
|
|
this.channel.replyingto.classList.remove("replying");
|
|
}
|
|
this.channel.replyingto = div;
|
|
console.log(div);
|
|
this.channel.replyingto.classList.add("replying");
|
|
});
|
|
Message.contextmenu.addbutton("Copy message id", function () {
|
|
navigator.clipboard.writeText(this.id);
|
|
});
|
|
Message.contextmenu.addbutton("Copy user id", function () {
|
|
navigator.clipboard.writeText(this.author.id);
|
|
});
|
|
Message.contextmenu.addbutton("Message user", function () {
|
|
fetch(this.info.api.toString() + "/v9/users/@me/channels", { method: "POST",
|
|
body: JSON.stringify({ "recipients": [this.author.id] }),
|
|
headers: this.headers
|
|
});
|
|
});
|
|
Message.contextmenu.addbutton("Edit", function () {
|
|
this.channel.editing = this;
|
|
document.getElementById("typebox").value = this.content;
|
|
}, null, _ => { return _.author.id === _.localuser.user.id; });
|
|
Message.contextmenu.addbutton("Delete message", function () {
|
|
this.delete();
|
|
}, null, _ => { return _.canDelete(); });
|
|
}
|
|
constructor(messagejson, owner) {
|
|
this.owner = owner;
|
|
this.headers = this.owner.headers;
|
|
for (const thing of Object.keys(messagejson)) {
|
|
this[thing] = messagejson[thing];
|
|
}
|
|
for (const thing in this.embeds) {
|
|
console.log(thing, this.embeds);
|
|
this.embeds[thing] = new Embed(this.embeds[thing], this);
|
|
}
|
|
this.author = new User(this.author, this.localuser);
|
|
for (const thing in this.mentions) {
|
|
this.mentions[thing] = new User(this.mentions[thing], this.localuser);
|
|
}
|
|
if (this.mentions.length || this.mention_roles.length) { //currently mention_roles isn't implemented on the spacebar servers
|
|
console.log(this.mentions, this.mention_roles);
|
|
}
|
|
if (this.mentionsuser(this.localuser.user)) {
|
|
console.log(this);
|
|
}
|
|
}
|
|
canDelete() {
|
|
return this.channel.hasPermission("MANAGE_MESSAGES") || this.author.id === this.localuser.user.id;
|
|
}
|
|
get channel() {
|
|
return this.owner;
|
|
}
|
|
get guild() {
|
|
return this.owner.guild;
|
|
}
|
|
get localuser() {
|
|
return this.owner.localuser;
|
|
}
|
|
get info() {
|
|
return this.owner.info;
|
|
}
|
|
messageevents(obj) {
|
|
const func = Message.contextmenu.bind(obj, this);
|
|
this.div = obj;
|
|
Message.del.then(_ => {
|
|
obj.removeEventListener("click", func);
|
|
this.div = null;
|
|
});
|
|
obj.classList.add("messagediv");
|
|
}
|
|
mentionsuser(userd) {
|
|
if (userd instanceof User) {
|
|
return this.mentions.includes(userd);
|
|
}
|
|
else if (userd instanceof Member) {
|
|
return this.mentions.includes(userd.user);
|
|
}
|
|
}
|
|
getimages() {
|
|
const build = [];
|
|
for (const thing of this.attachments) {
|
|
if (thing.content_type.startsWith('image/')) {
|
|
build.push(thing);
|
|
}
|
|
}
|
|
return build;
|
|
}
|
|
async edit(content) {
|
|
return await fetch(this.info.api.toString() + "/channels/" + this.channel.id + "/messages/" + this.id, {
|
|
method: "PATCH",
|
|
headers: this.headers,
|
|
body: JSON.stringify({ content: content })
|
|
});
|
|
}
|
|
delete() {
|
|
fetch(`${this.info.api.toString()}/channels/${this.channel.id}/messages/${this.id}`, {
|
|
headers: this.headers,
|
|
method: "DELETE",
|
|
});
|
|
}
|
|
deleteEvent() {
|
|
if (this.div) {
|
|
this.div.innerHTML = "";
|
|
this.div = null;
|
|
}
|
|
const index = this.channel.messages.indexOf(this);
|
|
this.channel.messages.splice(this.channel.messages.indexOf(this), 1);
|
|
delete this.channel.messageids[this.id];
|
|
const regen = this.channel.messages[index - 1];
|
|
if (regen) {
|
|
regen.generateMessage();
|
|
}
|
|
}
|
|
generateMessage(premessage = null) {
|
|
if (!premessage) {
|
|
premessage = this.channel.messages[this.channel.messages.indexOf(this) + 1];
|
|
}
|
|
const div = this.div;
|
|
div.innerHTML = "";
|
|
const build = document.createElement('table');
|
|
if (this.message_reference) {
|
|
const replyline = document.createElement("div");
|
|
const line = document.createElement("hr");
|
|
const minipfp = document.createElement("img");
|
|
minipfp.classList.add("replypfp");
|
|
replyline.appendChild(line);
|
|
replyline.appendChild(minipfp);
|
|
const username = document.createElement("span");
|
|
replyline.appendChild(username);
|
|
const reply = document.createElement("div");
|
|
username.classList.add("username");
|
|
Member.resolve(this.author, this.guild).then(_ => {
|
|
if (!_) {
|
|
return;
|
|
}
|
|
;
|
|
console.log(_.error);
|
|
if (_.error) {
|
|
username.textContent += "Error";
|
|
alert("Should've gotten here");
|
|
const error = document.createElement("span");
|
|
error.textContent = "!";
|
|
error.classList.add("membererror");
|
|
username.after(error);
|
|
return;
|
|
}
|
|
username.style.color = _.getColor();
|
|
}).catch(_ => {
|
|
console.log(_);
|
|
});
|
|
reply.classList.add("replytext");
|
|
replyline.appendChild(reply);
|
|
const line2 = document.createElement("hr");
|
|
replyline.appendChild(line2);
|
|
line2.classList.add("reply");
|
|
line.classList.add("startreply");
|
|
replyline.classList.add("replyflex");
|
|
fetch(this.info.api.toString() + "/v9/channels/" + this.message_reference.channel_id + "/messages?limit=1&around=" + this.message_reference.message_id, { headers: this.headers }).then(responce => responce.json()).then(responce => {
|
|
const author = new User(responce[0].author, this.localuser);
|
|
reply.appendChild(markdown(responce[0].content));
|
|
minipfp.src = author.getpfpsrc();
|
|
author.profileclick(minipfp);
|
|
username.textContent = author.username;
|
|
author.profileclick(username);
|
|
});
|
|
div.appendChild(replyline);
|
|
}
|
|
this.messageevents(div);
|
|
build.classList.add("message");
|
|
div.appendChild(build);
|
|
if ({ 0: true, 19: true }[this.type] || this.attachments.length !== 0) {
|
|
const pfpRow = document.createElement('th');
|
|
let pfpparent, current;
|
|
if (premessage != null) {
|
|
pfpparent ??= premessage;
|
|
let pfpparent2 = pfpparent.all;
|
|
pfpparent2 ??= pfpparent;
|
|
const old = (new Date(pfpparent2.timestamp).getTime()) / 1000;
|
|
const newt = (new Date(this.timestamp).getTime()) / 1000;
|
|
current = (newt - old) > 600;
|
|
}
|
|
const combine = (premessage?.author?.id != this.author.id) || (current) || this.message_reference;
|
|
if (combine) {
|
|
const pfp = this.author.buildpfp();
|
|
this.author.profileclick(pfp);
|
|
pfpRow.appendChild(pfp);
|
|
}
|
|
else {
|
|
div["pfpparent"] = pfpparent;
|
|
}
|
|
pfpRow.classList.add("pfprow");
|
|
build.appendChild(pfpRow);
|
|
const text = document.createElement("th");
|
|
const texttxt = document.createElement("table");
|
|
texttxt.classList.add("commentrow");
|
|
text.appendChild(texttxt);
|
|
if (combine) {
|
|
const username = document.createElement("span");
|
|
username.classList.add("username");
|
|
this.author.profileclick(username);
|
|
Member.resolve(this.author, this.guild).then(_ => {
|
|
if (!_) {
|
|
return;
|
|
}
|
|
;
|
|
if (_.error) {
|
|
const error = document.createElement("span");
|
|
error.textContent = "!";
|
|
error.classList.add("membererror");
|
|
username.after(error);
|
|
return;
|
|
}
|
|
username.style.color = _.getColor();
|
|
});
|
|
username.textContent = this.author.username;
|
|
const userwrap = document.createElement("tr");
|
|
userwrap.appendChild(username);
|
|
if (this.author.bot) {
|
|
const username = document.createElement("span");
|
|
username.classList.add("bot");
|
|
username.textContent = "BOT";
|
|
userwrap.appendChild(username);
|
|
}
|
|
const time = document.createElement("span");
|
|
time.textContent = " " + formatTime(new Date(this.timestamp));
|
|
time.classList.add("timestamp");
|
|
userwrap.appendChild(time);
|
|
texttxt.appendChild(userwrap);
|
|
}
|
|
const messaged = markdown(this.content);
|
|
div["txt"] = messaged;
|
|
const messagedwrap = document.createElement("tr");
|
|
messagedwrap.appendChild(messaged);
|
|
texttxt.appendChild(messagedwrap);
|
|
build.appendChild(text);
|
|
if (this.attachments.length) {
|
|
console.log(this.attachments);
|
|
const attatch = document.createElement("tr");
|
|
for (const thing of this.attachments) {
|
|
const array = thing.url.split("/");
|
|
array.shift();
|
|
array.shift();
|
|
array.shift();
|
|
const src = this.info.cdn.toString() + array.join("/");
|
|
if (thing.content_type.startsWith('image/')) {
|
|
const img = document.createElement("img");
|
|
img.classList.add("messageimg");
|
|
img.onclick = function () {
|
|
const full = new Fullscreen(["img", img.src, ["fit"]]);
|
|
full.show();
|
|
};
|
|
img.src = src;
|
|
attatch.appendChild(img);
|
|
}
|
|
else {
|
|
attatch.appendChild(this.createunknown(thing.filename, thing.size, src));
|
|
}
|
|
}
|
|
messagedwrap.appendChild(attatch);
|
|
}
|
|
if (this.embeds.length) {
|
|
const embeds = document.createElement("tr");
|
|
for (const thing of this.embeds) {
|
|
embeds.appendChild(thing.generateHTML());
|
|
}
|
|
messagedwrap.appendChild(embeds);
|
|
}
|
|
//
|
|
}
|
|
else if (this.type === 7) {
|
|
const text = document.createElement("th");
|
|
const texttxt = document.createElement("table");
|
|
text.appendChild(texttxt);
|
|
build.appendChild(text);
|
|
const messaged = document.createElement("p");
|
|
div["txt"] = messaged;
|
|
messaged.textContent = "welcome: " + this.author.username;
|
|
const messagedwrap = document.createElement("tr");
|
|
messagedwrap.appendChild(messaged);
|
|
const time = document.createElement("span");
|
|
time.textContent = " " + formatTime(new Date(this.timestamp));
|
|
time.classList.add("timestamp");
|
|
messagedwrap.append(time);
|
|
texttxt.appendChild(messagedwrap);
|
|
}
|
|
div["all"] = this;
|
|
return (div);
|
|
}
|
|
buildhtml(premessage) {
|
|
if (this.div) {
|
|
console.error(`HTML for ${this} already exists, aborting`);
|
|
return;
|
|
}
|
|
//premessage??=messages.lastChild;
|
|
const div = document.createElement("div");
|
|
this.div = div;
|
|
return this.generateMessage(premessage);
|
|
}
|
|
createunknown(fname, fsize, src) {
|
|
const div = document.createElement("table");
|
|
div.classList.add("unknownfile");
|
|
const nametr = document.createElement("tr");
|
|
div.append(nametr);
|
|
const fileicon = document.createElement("td");
|
|
nametr.append(fileicon);
|
|
fileicon.append("🗎");
|
|
fileicon.classList.add("fileicon");
|
|
fileicon.rowSpan = 2;
|
|
const nametd = document.createElement("td");
|
|
if (src) {
|
|
const a = document.createElement("a");
|
|
a.href = src;
|
|
a.textContent = fname;
|
|
nametd.append(a);
|
|
}
|
|
else {
|
|
nametd.textContent = fname;
|
|
}
|
|
nametd.classList.add("filename");
|
|
nametr.append(nametd);
|
|
const sizetr = document.createElement("tr");
|
|
const size = document.createElement("td");
|
|
sizetr.append(size);
|
|
size.textContent = "Size:" + this.filesizehuman(fsize);
|
|
size.classList.add("filesize");
|
|
div.appendChild(sizetr);
|
|
return div;
|
|
}
|
|
filesizehuman(fsize) {
|
|
var i = fsize == 0 ? 0 : Math.floor(Math.log(fsize) / Math.log(1024));
|
|
return +((fsize / Math.pow(1024, i)).toFixed(2)) * 1 + ' ' + ['Bytes', 'Kilobytes', 'Megabytes', 'Gigabytes', 'Terabytes'][i];
|
|
}
|
|
}
|
|
function formatTime(date) {
|
|
const now = new Date();
|
|
const sameDay = date.getDate() === now.getDate() &&
|
|
date.getMonth() === now.getMonth() &&
|
|
date.getFullYear() === now.getFullYear();
|
|
const yesterday = new Date(now);
|
|
yesterday.setDate(now.getDate() - 1);
|
|
const isYesterday = date.getDate() === yesterday.getDate() &&
|
|
date.getMonth() === yesterday.getMonth() &&
|
|
date.getFullYear() === yesterday.getFullYear();
|
|
const formatTime = date => date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
|
|
if (sameDay) {
|
|
return `Today at ${formatTime(date)}`;
|
|
}
|
|
else if (isYesterday) {
|
|
return `Yesterday at ${formatTime(date)}`;
|
|
}
|
|
else {
|
|
return `${date.toLocaleDateString()} at ${formatTime(date)}`;
|
|
}
|
|
}
|
|
Message.setup();
|
|
export { Message };
|