luxferre/StreamGoose
1
0
Fork 0
Code Actions Activity

yt/twitch fixes 2026

Browse Source
This commit is contained in:
Luxferre
2026-03-07 09:44:35 +02:00
parent 1d317247ca
commit d0993a0910
32 changed files with 28191 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webroot/script.js
+28 -28
View File
@@ -2,8 +2,8 @@
/* escape HTML entities (for non-server-provided stuff) */
function esc(s) {
return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;')
.replace(/"/g,'&quot;').replace(/'/g,'&apos;')
return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
.replace(/"/g, '&quot;').replace(/'/g, '&apos;')
}
/* handle Twitch, YouTube and Kick emotes */
@@ -12,13 +12,13 @@ function handleEmotes(text) {
var kickurl = 'https://files.kick.com/emotes/$id/fullsize'
/* Handle Twitch emotes coming from backends */
text = text.replace(/#TWEMOTE-[^\s]+#/g,
a=>'<img src="' + twurl.replace('$id', a.split('-')[1].slice(0,-1)) + '">')
a => '<img src="' + twurl.replace('$id', a.split('-')[1].slice(0, -1)) + '">')
/* Handle Kick emotes coming from backends */
text = text.replace(/#KKEMOTE-[^\s]+#/g,
a=>'<img src="' + kickurl.replace('$id', a.split('-')[1].slice(0,-1)) + '">')
a => '<img src="' + kickurl.replace('$id', a.split('-')[1].slice(0, -1)) + '">')
/* Handle YouTube emotes */
text = text.replace(/:[^\s]+:/g, a => {
if(YT_EMOTES.indexOf(a) > -1) /* found in the database */
if (YT_EMOTES.indexOf(a) > -1) /* found in the database */
return '<img src="/img/yt-emotes/' + a + '.png">'
else return a
})
@@ -28,67 +28,67 @@ function handleEmotes(text) {
/* detect if there are any overridden styles */
function overrideStyles(text) {
var styles = '', re
if(messageHighlightRules) {
for(re in messageHighlightRules) {
if((new RegExp(re, 'iu')).test(text))
if (messageHighlightRules) {
for (re in messageHighlightRules) {
if ((new RegExp(re, 'iu')).test(text))
styles += 'color:' + messageHighlightRules[re] + ';'
}
}
if(styles.length > 0) styles = ' style="' + esc(styles) + '"'
if (styles.length > 0) styles = ' style="' + esc(styles) + '"'
return styles
}
/* individual message appender */
function gooseAppendMessage(id, native_id, author_id, type, timestamp, username, text, icon) {
var html = ""
if(parseInt(id) > 0 && type.length > 0) {
if(type == "delmsg") { /* message deletion event */
if (parseInt(id) > 0 && type.length > 0) {
if (type == "delmsg") { /* message deletion event */
var el = document.querySelector('[data-native-id="' + esc(native_id) + '"]')
if(el) el.parentNode.removeChild(el)
} else if(type == "deluser") { /* bulk deletion event by username */
if (el) el.parentNode.removeChild(el)
} else if (type == "deluser") { /* bulk deletion event by username */
var els = document.querySelectorAll('[data-author-id="' + esc(author_id) + '"]')
if(els && els.length > 0) {
if (els && els.length > 0) {
var i, l = els.length
for(i=0;i<l;i++) els[i].parentNode.removeChild(els[i])
for (i = 0; i < l; i++) els[i].parentNode.removeChild(els[i])
}
} else { /* message appending event */
var classes = type.split('^'), cl = classes.length, j,
colorpref = null, badges = [], platform, bname
for(j=0;j<cl;j++) { /* detect color preference */
if(classes[j].startsWith('color'))
colorpref = null, badges = [], platform, bname
for (j = 0; j < cl; j++) { /* detect color preference */
if (classes[j].startsWith('color'))
colorpref = classes[j].slice(5) /* remove color word */
if(classes[j].startsWith('badge')) { /* remove the class but cache it */
if (classes[j].startsWith('badge')) { /* remove the class but cache it */
badges.push(classes[j].slice(5)) /* remove badge word */
classes[j] = "" /* remove the class from the list */
}
}
html += '<div data-msg-id="' + id + '" data-native-id="' + esc(native_id) + '" data-author-id="'
+ esc(author_id) + '" class="' + classes.join(' ') +'">'
+ esc(author_id) + '" class="' + classes.join(' ') + '">'
/* handle badges and icons */
html += '<span class=icon>'
for(j=0,cl=badges.length;j<cl;j++) { /* iterate over badges */
platform = badges[j].slice(0,2) /* first 2 characters denote the platform */
for (j = 0, cl = badges.length; j < cl; j++) { /* iterate over badges */
platform = badges[j].slice(0, 2) /* first 2 characters denote the platform */
bname = badges[j].slice(2) /* the rest is the badge name itself */
html += '<img class=badge src="/badge/{platform}/{badgename}">'
.replace('{platform}', platform).replace('{badgename}', bname)
.replace('{platform}', platform).replace('{badgename}', bname)
}
if(icon.length > 0) /* user icon, if present */
if (icon.length > 0) /* user icon, if present */
html += '<img src="' + icon + '">'
html += '</span>'
html += '<span class=timestamp>' + timestamp + '</span>'
html += '<span class=username'
if(colorpref) html += ' style="color:' + colorpref + '"'
if (colorpref) html += ' style="color:' + colorpref + '"'
html += '>' + username + '</span>'
html += '<span class=msg' + overrideStyles(text) +'>' + handleEmotes(text) + '</span></div>'
html += '<span class=msg' + overrideStyles(text) + '>' + handleEmotes(text) + '</span></div>'
document.getElementById("msglist").innerHTML += html
}
}
/* autoscroll to the end */
window.setTimeout(function(){window.scrollTo(0, document.body.scrollHeight)}, 150)
window.setTimeout(function () { window.scrollTo(0, document.body.scrollHeight) }, 150)
}
/* entry point, set up an event source */
window.addEventListener('DOMContentLoaded', function() {
window.addEventListener('DOMContentLoaded', function () {
var msgSource = new EventSource('/sse')
msgSource.onmessage = e => {
var msg = JSON.parse(e.data)