diff options
Diffstat (limited to 'scripts')
| -rw-r--r-- | scripts/chat.js | 125 |
1 files changed, 65 insertions, 60 deletions
diff --git a/scripts/chat.js b/scripts/chat.js index 7c23eeb..6183c2a 100644 --- a/scripts/chat.js +++ b/scripts/chat.js @@ -1,43 +1,43 @@ function parseIRCMessage(line) { - line = line.replace(/\r?\n$/, ''); - let tags = {}; - let prefix = null; - let nick = null; - let command = null; - const params = []; - - // tags - if (line[0] === '@') { - const end = line.indexOf(' '); - const rawTags = line.slice(1, end); - for (const tag of rawTags.split(';')) { - const [k, v = true] = tag.split('='); - tags[k] = v === true ? true : v; + line = line.replace(/\r?\n$/, ''); + let tags = {}; + let prefix = null; + let nick = null; + let command = null; + const params = []; + + // tags + if (line[0] === '@') { + const end = line.indexOf(' '); + const rawTags = line.slice(1, end); + for (const tag of rawTags.split(';')) { + const [k, v = true] = tag.split('='); + tags[k] = v === true ? true : v; + } + line = line.slice(end + 1); + } + + // prefix + if (line[0] === ':') { + const end = line.indexOf(' '); + prefix = line.slice(1, end); + const bang = prefix.indexOf('!'); + if (bang !== -1) nick = prefix.slice(0, bang); + line = line.slice(end + 1); } - line = line.slice(end + 1); - } - - // prefix - if (line[0] === ':') { - const end = line.indexOf(' '); - prefix = line.slice(1, end); - const bang = prefix.indexOf('!'); - if (bang !== -1) nick = prefix.slice(0, bang); - line = line.slice(end + 1); - } - - // command and params - const parts = line.split(' '); - command = parts.shift(); - for (let i = 0; i < parts.length; i++) { - if (parts[i][0] === ':') { - params.push(parts.slice(i).join(' ').slice(1)); - break; + + // command and params + const parts = line.split(' '); + command = parts.shift(); + for (let i = 0; i < parts.length; i++) { + if (parts[i][0] === ':') { + params.push(parts.slice(i).join(' ').slice(1)); + break; + } + if (parts[i].length) params.push(parts[i]); } - if (parts[i].length) params.push(parts[i]); - } - return { tags, prefix, nick, command, params }; + return { tags, prefix, nick, command, params }; } function addMessage(message) { @@ -45,30 +45,35 @@ function addMessage(message) { if (!messages || message.command != "PRIVMSG") { return; } - + // msg base const elem = document.createElement("p"); elem.classList.add("message"); - + + if (params.perplex) { + elem.classList.add("perplex"); + elem.style.top = `${Math.random() * 81}%`; + } + if ("id" in message.tags) { elem.setAttribute("msg-id", message.tags["id"]); } - + if ("reply-parent-msg-id" in message.tags && "reply-parent-user-login" in message.tags) { const replyMessage = document.querySelector(`.message[msg-id='${message.tags["reply-parent-msg-id"]}']>.content`); - + if (replyMessage) { const username = message.tags["reply-parent-user-login"]; message.params[1] = message.params[1].substring(username.length + 1).trim(); - + const replyThread = document.createElement("p"); replyThread.classList.add("message-thread"); replyThread.innerHTML = `Replying to @${username}: ${replyMessage.innerHTML}`; - + elem.append(replyThread); } - } - + } + // badges if ("badges" in message.tags && message.tags["badges"].length > 0) { for (const b of message.tags["badges"].split(",")) { @@ -81,7 +86,7 @@ function addMessage(message) { } } } - + // parsing twitch emotes if ("emotes" in message.tags && message.tags["emotes"].length > 0) { const parts = message.tags["emotes"].split("/"); @@ -89,7 +94,7 @@ function addMessage(message) { const p = part.split(":"); const id = p[0]; const positions = p[1].split(","); - + for (const pos of positions) { const p = pos.split("-"); const start = p[0]; @@ -99,7 +104,7 @@ function addMessage(message) { } } } - + // username if (message.nick != null && message.nick.length > 0) { const usernameElem = document.createElement("span"); @@ -110,7 +115,7 @@ function addMessage(message) { usernameElem.classList.add("author"); usernameElem.textContent = `${message.nick}:`; } - + // message text let msgWords = message.params[1].split(" "); for (let i = 0; i < msgWords.length; i++) { @@ -118,16 +123,16 @@ function addMessage(message) { msgWords[i] = `<img src="${emotes[msgWords[i]]}" loading="lazy" alt="${msgWords[i]}" class="emote" />`; } } - + const msgContentElem = document.createElement("span"); msgContentElem.classList.add("content"); elem.append(msgContentElem); msgContentElem.innerHTML += ' ' + msgWords.join(" "); - + messages.append(elem); - + window.scrollTo(0, document.body.scrollHeight); - + // remove old messages if (messages.childElementCount > 100) { for (let i = 0; i < messages.childElementCount - 100; i++) { @@ -152,19 +157,19 @@ function connectToChat(host, nick, password, room) { "joined": [], "parted": [] }; - + const membershipInterval = setInterval(() => { if (membership.joined.length > 0) { addSystemMessage(`Users joined: ${membership.joined.join(", ")}`, null); membership.joined = []; } - + if (membership.parted.length > 0) { addSystemMessage(`Users parted: ${membership.parted.join(", ")}`, null); membership.parted = []; } }, 10000); - + socket.addEventListener("open", () => { socket.send(`NICK ${nick}`); socket.send(`PASS ${password}`); @@ -175,10 +180,10 @@ function connectToChat(host, nick, password, room) { socket.send(`JOIN #${room}`); addSystemMessage("Connected to the chat!"); }); - + socket.addEventListener("message", (e) => { const lines = e.data.split("\r\n"); - + for (const line of lines) { const l = line.trim(); if (l.length == 0) { @@ -187,7 +192,7 @@ function connectToChat(host, nick, password, room) { let m = parseIRCMessage(l); console.log(m); addMessage(m); - + if (m.command == "JOIN" && m.nick != "justinfan12345") { membership.joined.push(m.nick); } else if (m.command == "PART" && m.nick != "justinfan12345") { @@ -197,7 +202,7 @@ function connectToChat(host, nick, password, room) { } } }); - + socket.addEventListener("close", (e) => { addMessage("Chat", `Disconnected from the chat: ${e.reason}`); addMessage("Chat", "Reconnecting to the chat in 5 seconds..."); @@ -214,7 +219,7 @@ function getRecentMessages(room) { addSystemMessage(`${json["error"]} (Recent messages)`); return; } - + for (const message of json["messages"]) { addMessage(parseIRCMessage(message)); } |