-
Highlighted Chat
+ +
@@ -112,10 +129,25 @@
Twitch Highlighted Chat
+
+
+
+
+
+
+
+
+ Are you sure you want to clear the cache?
+This deletes all saved messages and data.
+ +
' : ''}
${flags.vip ? '
' : ''}
${flags.broadcaster ? '
' : ''}
${flags.subscriber ? `
` : ''}
${user}`;
- if (!isArchive) {
- let newMessageTime = document.createElement('p');
+ if (!isArchive || !dateUndefined) {
+ let newMessageTime = document.createElement('span');
+ newMessageTime.classList.add("chat-messageTime");
newMessageTime.textContent = `${messagHours}:${messagMinutes}`;
newMessageName.prepend(newMessageTime);
+ if(isArchive){
+ let newMessageDate = document.createElement('span');
+ newMessageDate.classList.add("chat-messageDate");
+ newMessageDate.textContent = `${((messageDate.getDate() + 1) < 10 ? '0' : '') + (messageDate.getDate())}/${((messageDate.getMonth() + 1) < 10 ? '0' : '') + (messageDate.getMonth() + 1)}/${messageDate.getFullYear()} - `;
+ newMessageName.insertBefore(newMessageDate, newMessageTime);
+ newMessageDiv.setAttribute("data-archive", true);
+ }
}
let messageSeparator = document.createElement('span');
- messageSeparator.setAttribute("class", "chat-messageSeparator");
- messageSeparator.textContent = ": ";
- // newMessageDiv.appendChild(messageSeparator);
+ messageSeparator.classList.add("chat-messageSeparator");
+ messageSeparator.textContent = ":";
newMessageName.appendChild(messageSeparator);
let messageContent = document.createElement('span');
- messageContent.setAttribute("class", "chat-message");
+ messageContent.classList.add("chat-message");
messageContent.setAttribute("translate", "no");
if (flags.highlighted == true) {
messageContent.classList.add('chat-message-highlighted');
newMessageDiv.setAttribute("data-type", "highlighted");
messageContent.setAttribute("title", "Click to mark as read");
messageContent.addEventListener("click", function () {
- let elemSave = JSON.parse(sessionStorage.getItem(`${storagePrefix}messagesSave-${channelInUrl}`));
+ let elemSave = JSON.parse(localStorage.getItem(`${storagePrefix}messagesSave-${channelInUrl}`));
let elemSaveThisIndex = elemSave.findIndex(elem => elem.extra.id == thisMsgId);
if (this.hasAttribute('read')) {
this.removeAttribute('read');
@@ -261,7 +352,7 @@
this.setAttribute('read', '');
elemSave[elemSaveThisIndex].isRead = true;
}
- sessionStorage.setItem(`${storagePrefix}messagesSave-${channelInUrl}`, JSON.stringify(elemSave));
+ localStorage.setItem(`${storagePrefix}messagesSave-${channelInUrl}`, JSON.stringify(elemSave));
// console.log('Elem stored edit');
});
if (!isArchive) {
@@ -269,7 +360,7 @@
let audioNotif = new Audio('sound_notif2.aac');
audioNotif.volume = 0.5;
//// easter-egg ////
- if (channelInUrl.toLowerCase() == 'ponce')
+ if (channelInUrl == 'ponce')
audioNotif = new Audio('sound_notif_ponce.aac'),
audioNotif.volume = 0.7;
audioNotif.play();
@@ -283,7 +374,7 @@
document.getElementById('hightlitedMessageChatContainer').appendChild(newMessageDiv);
///// scroll bottom
- var objDiv = document.getElementById("hightlitedMessageChatContainer");
+ let objDiv = document.getElementById("hightlitedMessageChatContainer");
if (scollBottom)
objDiv.scrollTop = objDiv.scrollHeight;
@@ -295,11 +386,11 @@
let messageWithEmote = messageTexte;
for (const [key, value] of Object.entries(emoteInMessage)) {
for (const [key2, value2] of Object.entries(value)) {
- let born = value2.split('-');
- let emoteName = messageTexte.substring(born[0], parseInt(born[1], 10) + 1);
+ let emotePosition = value2.split('-');
+ let emoteName = messageTexte.substring(emotePosition[0], parseInt(emotePosition[1], 10) + 1);
if (!(emotesName.some(elem => elem === emoteName))) {
emotesName.push(emoteName);
- messageWithEmote = messageWithEmote.replaceAll(emoteName, ``);
+ messageWithEmote = messageWithEmote.replaceAll(emoteName, ``);
}
}
}
@@ -307,6 +398,14 @@
messageContent.classList.add('chat-message-withEmote');
}
+ // if (mentionIsColorised) {
+ // let messageMention = messageContent.innerHTML;
+ // let mentionMatch = /(@[a-zA-Z0-9]+)/gim;
+ // console.log(mentionMatch);
+ // messageMention = messageMention.replace(mentionMatch, '');
+ // messageContent.innerHTML = messageMention;
+ // }
+
///// Delete old message
if (deleteOldMessages && scollBottom) {
while (document.querySelectorAll('.chat-lineMessage[data-type="normal"]').length > 150) {
diff --git a/script.min.js b/script.min.js
index b7da9d3..e3da246 100644
--- a/script.min.js
+++ b/script.min.js
@@ -1 +1 @@
-"use strict";(function(){function e(){if(console.log("%cHello ! Enjoy Highlighted Chat 😃\n 🌸🌸🌸🌸🌸","background: #222; color: #FFF; font-size: 20px;"),document.getElementById("notCoChannelInputSubmit").addEventListener("click",function(){document.getElementById("notCoChannelInput").value&&(window.location.href=`./?channel=${document.getElementById("notCoChannelInput").value.toLowerCase()}`)},{passive:!0}),document.getElementById("notCoChannelInput").focus(),document.getElementById("notCoChannelInput").addEventListener("keydown",e=>{e.repeat||"Enter"==e.key&&document.getElementById("notCoChannelInputSubmit").click()}),document.getElementById("backToHomeButton").addEventListener("click",function(){ComfyJS.Disconnect(),window.location.href="./"},{passive:!0}),document.getElementById("onlyHighlightedCheck").addEventListener("input",function(){document.getElementById("onlyHighlightedCheck").checked?(d=!0,l('[data-type="normal"]')):d=!1}),document.getElementById("highlightedNotifSound").addEventListener("input",function(){g=!!document.getElementById("highlightedNotifSound").checked}),document.getElementById("headerBurger").addEventListener("click",function(){this.classList.toggle("menuVisible"),document.getElementById("headerNav").classList.toggle("menuVisible")}),document.getElementById("chatGoToBottom").addEventListener("click",function(){let e=document.getElementById("hightlitedMessageChatContainer");e.scrollTop=e.scrollHeight,i("#chatGoToBottom"),m=!0},{passive:!0}),console.log(location.search.substr(1)),"channel"==location.search.substr(1).split("=")[0]&&(c=location.search.substr(1).split("=")[1],c)){ComfyJS.Init(c);let e=document.querySelector(".titleChat p");e.innerHTML=e.textContent+' ('+c+")","ponce"==c.toLowerCase()&&(e.textContent="🌸 "+e.textContent+" 🌸"),document.title=`${c.toLowerCase()} - Twitch Highlighted Chat`,t(),ComfyJS.onConnected=((e,t,s)=>{if(n(`Chat of ${c.toUpperCase()}`),u&&null!=sessionStorage.getItem(`${r}messagesSave-${c}`)){let e=JSON.parse(sessionStorage.getItem(`${r}messagesSave-${c}`));e.forEach(function(e){e.isRead?o(e.user,e.message,e.flags,e.self,e.extra,!0).setAttribute("read",""):o(e.user,e.message,e.flags,e.self,e.extra,!0)})}}),ComfyJS.onChat=((e,t,n,i,a)=>{d||o(e,t,n,i,a),1==n.highlighted&&(d&&o(e,t,n,i,a),u&&s(e,t,n,i,a))}),ComfyJS.onCommand=((e,t,n,i,a)=>{if(f&&"+hmsg"===t&&(i.broadcaster||i.mod||"quentinperou"==e.toLowerCase()))if(i.highlighted)o(e,"!"+t+" "+n,i,!1,a),s(e,"!"+t+" "+n,i,!1,a);else{let t=o(e,n,i,!1,a,!1);t.style.backgroundColor="var(--main-bg-color0)",t.style.padding="2px 5px"}else d?i.highlighted&&o(e,"!"+t+" "+n,i,!1,a):o(e,"!"+t+" "+n,i,!1,a)}),ComfyJS.onError=(e=>{console.log(e)})}document.getElementById("hightlitedMessageChatContainer").addEventListener("wheel",function(e){e.deltaY<0?this.clientHeight!=this.scrollHeight&&(m=!1,a("#chatGoToBottom")):e.deltaY>0&&this.scrollTop+this.clientHeight==this.scrollHeight&&(m=!0,i("#chatGoToBottom"))},{passive:!0})}function t(){a("#optionsDiv"),a(".divConnect"),i(".divNotConnect"),document.getElementById("headerBurger").classList.add("diplayOn")}function n(e){var t=Math.floor(Math.random()*Date.now());document.getElementById("notifContainer").innerHTML+=``,setTimeout(function(){document.getElementById(`notifNow${t}`).parentElement.classList.remove("hide")},10),setTimeout(function(){document.getElementById(`notifNow${t}`).parentElement.classList.add("hide"),setTimeout(function(){document.getElementById(`notifNow${t}`).parentElement.remove()},400)},2700)}function s(e,t,n,s,o){if(null==sessionStorage.getItem(`${r}messagesSave-${c}`)){let i={user:e,message:t,flags:n,self:s,extra:o,isRead:!1};sessionStorage.setItem(`${r}messagesSave-${c}`,JSON.stringify([i]))}else{let i={user:e,message:t,flags:n,self:s,extra:o,isRead:!1},a=JSON.parse(sessionStorage.getItem(`${r}messagesSave-${c}`));a.push(i),sessionStorage.setItem(`${r}messagesSave-${c}`,JSON.stringify(a))}}function o(e,t,n,s,o,i){null==i&&(i=!1);let a=o.id,l=t.toString(),d=new Date,u="0"+d.getHours(),f="0"+d.getMinutes();u=u.substr(-2),f=f.substr(-2);let p="";1==n.subscriber&&null!=o.userBadges.subscriber&&4==o.userBadges.subscriber.length&&(p=`(Tier ${o.userBadges.subscriber.match(/^[0-9]/g)[0]})`);let C=document.createElement("div");C.setAttribute("class","chat-lineMessage");let y=document.createElement("div");if(y.setAttribute("class","chat-lineNameDiv"),C.appendChild(y),y.innerHTML=`${n.mod?'
`);
+ messageWithEmote = messageWithEmote.replaceAll(emoteName, `':""}\n ${n.vip?'':""}\n ${n.broadcaster?'':""}\n ${n.subscriber?``:""}\n ${e}`,!i){let e=document.createElement("p");e.textContent=`${u}:${f}`,y.prepend(e)}let E=document.createElement("span");E.setAttribute("class","chat-messageSeparator"),E.textContent=": ",y.appendChild(E);let v=document.createElement("span");if(v.setAttribute("class","chat-message"),v.setAttribute("translate","no"),1==n.highlighted){if(v.classList.add("chat-message-highlighted"),C.setAttribute("data-type","highlighted"),v.setAttribute("title","Click to mark as read"),v.addEventListener("click",function(){let e=JSON.parse(sessionStorage.getItem(`${r}messagesSave-${c}`)),t=e.findIndex(e=>e.extra.id==a);this.hasAttribute("read")?(this.removeAttribute("read"),e[t].isRead=!1):(this.setAttribute("read",""),e[t].isRead=!0),sessionStorage.setItem(`${r}messagesSave-${c}`,JSON.stringify(e))}),!i&&g){let e=new Audio("sound_notif2.aac");e.volume=.5,"ponce"==c.toLowerCase()&&(e=new Audio("sound_notif_ponce.aac"),e.volume=.7),e.play()}}else C.setAttribute("data-type","normal");v.textContent=l,C.appendChild(v),document.getElementById("hightlitedMessageChatContainer").appendChild(C);var b=document.getElementById("hightlitedMessageChatContainer");m&&(b.scrollTop=b.scrollHeight);let S=o.messageEmotes;if(null!=S){let e=[],t=v.textContent,n=t;for(const[s,o]of Object.entries(S))for(const[i,a]of Object.entries(o)){let o=a.split("-"),i=t.substring(o[0],parseInt(o[1],10)+1);e.some(e=>e===i)||(e.push(i),n=n.replaceAll(i,``))}v.innerHTML=n,v.classList.add("chat-message-withEmote")}if(h&&m)for(;document.querySelectorAll('.chat-lineMessage[data-type="normal"]').length>150;)document.querySelector('.chat-lineMessage[data-type="normal"]').remove();return v}function i(e){document.querySelectorAll(e).forEach(e=>e.hidden=!0)}function a(e){document.querySelectorAll(e).forEach(e=>e.hidden=!1)}function l(e){document.querySelectorAll(e).forEach(e=>e.remove())}var c;document.addEventListener("DOMContentLoaded",e);let r="HgltCt-",d=!0,m=!0,g=!1,u=!0,h=!0,f=!0})();
\ No newline at end of file
+"use strict";(function(){function e(){function e(e){"blue"==e&&(document.documentElement.classList.remove("styleDarkTheme"),document.documentElement.classList.add("styleOriginalTheme")),"dark"==e&&(document.documentElement.classList.remove("styleOriginalTheme"),document.documentElement.classList.add("styleDarkTheme"))}if(console.log("%cHello ! Enjoy 😃\n 🌸🌸🌸🌸🌸","background: #222; color: #FFF; font-size: 20px;"),document.getElementById("notCoChannelInputSubmit").addEventListener("click",function(){document.getElementById("notCoChannelInput").value&&(window.location.href=`./?channel=${document.getElementById("notCoChannelInput").value.toLowerCase()}`)},{passive:!0}),document.getElementById("notCoChannelInput").focus(),document.getElementById("notCoChannelInput").addEventListener("keydown",e=>{e.repeat||"Enter"==e.key&&document.getElementById("notCoChannelInputSubmit").click()}),document.getElementById("backToHomeButton").addEventListener("click",function(){ComfyJS.Disconnect(),window.location.href="./"},{passive:!0}),null!=sessionStorage.getItem(`${d}onlyHighlightedCheck`)&&(document.getElementById("onlyHighlightedCheck").checked=!1,r=!1),document.getElementById("onlyHighlightedCheck").addEventListener("input",function(){document.getElementById("onlyHighlightedCheck").checked?(r=!0,i('[data-type="normal"]'),sessionStorage.removeItem(`${d}onlyHighlightedCheck`)):(r=!1,sessionStorage.setItem(`${d}onlyHighlightedCheck`,!1))}),document.getElementById("highlightedNotifSound").addEventListener("input",function(){u=!!document.getElementById("highlightedNotifSound").checked}),document.getElementById("enableModCommand").addEventListener("input",function(){p=!!document.getElementById("enableModCommand").checked}),null!=localStorage.getItem(`${d}theme`)&&(document.querySelector(`#choiceTheme input[value="${localStorage.getItem(`${d}theme`)}"]`).checked=!0,e(localStorage.getItem(`${d}theme`))),document.querySelectorAll("#choiceTheme input").forEach(function(t){t.addEventListener("input",function(){t.checked?(localStorage.setItem(`${d}theme`,t.value),console.log("theme:",t.value),e(t.value)):console.log("false",t.value)})}),document.getElementsByClassName("mainContainer")[0].addEventListener("click",function(){document.getElementById("headerBurger").classList.remove("menuVisible"),document.getElementById("headerNav").classList.remove("menuVisible")}),document.getElementById("clearCacheButton").addEventListener("click",function(){s("#popupDivContainer")}),document.getElementById("clearCachePopupDelete").addEventListener("click",function(){sessionStorage.clear(),localStorage.clear(),l("#popupDivContainer"),n("Cache clear !")}),document.getElementById("clearCachePopupCancel").addEventListener("click",function(){l("#popupDivContainer")}),document.getElementById("headerBurger").addEventListener("click",function(){this.classList.toggle("menuVisible"),document.getElementById("headerNav").classList.toggle("menuVisible")}),document.getElementById("chatGoToBottom").addEventListener("click",function(){let e=document.getElementById("hightlitedMessageChatContainer");e.scrollTop=e.scrollHeight,l("#chatGoToBottom"),m=!0},{passive:!0}),console.log(location.search.substr(1)),"channel"==location.search.substr(1).split("=")[0]&&(c=location.search.substr(1).split("=")[1].toLowerCase(),c)){ComfyJS.Init(c);let e=document.querySelector(".titleChat p");e.innerHTML=e.textContent+''+c+"",fetch(`https://decapi.me/twitch/avatar/${c}`).then(function(e){return e.text()}).then(function(e){let t=document.createElement("div"),n=document.createElement("a");n.href=`https://twitch.tv/${c}`,n.target="_blank";let o=document.createElement("img");o.src=e,o.id="channelProfilePicturePic",o.alt="profile picture",t.appendChild(n),n.appendChild(o),document.querySelector(".titleChat").insertBefore(t,document.querySelector(".titleChat p"))}),"ponce"==c&&(e.textContent="🌸 "+e.textContent+" 🌸"),document.title=`${c} - Twitch Highlighted Chat`,t(),ComfyJS.onConnected=((e,t,o)=>{if(n(`Connected to ${c.toUpperCase()} 's chat`),g&&null!=localStorage.getItem(`${d}messagesSave-${c}`)){let e=JSON.parse(localStorage.getItem(`${d}messagesSave-${c}`));e.forEach(function(e){e.isRead?a(e.user,e.message,e.flags,e.self,e.extra,!0,new Date(e.date)).setAttribute("read",""):a(e.user,e.message,e.flags,e.self,e.extra,!0,new Date(e.date))});let t=document.createElement("span");t.style="display: block; height: 1px; background-color: #fff; margin: 2px 0;",document.getElementById("hightlitedMessageChatContainer").appendChild(t)}}),ComfyJS.onChat=((e,t,n,l,s)=>{r||a(e,t,n,l,s),1==n.highlighted&&(r&&a(e,t,n,l,s),g&&o(e,t,n,l,s))}),ComfyJS.onCommand=((e,t,n,l,s)=>{if(p&&"+hmsg"===t&&(l.broadcaster||l.mod||"quentinperou"==e.toLowerCase()))if(l.highlighted)a(e,"!"+t+" "+n,l,!1,s),g&&o(e,"!"+t+" "+n,l,!1,s);else{let t=a(e,n,l,!1,s,!1);t.style.backgroundColor="var(--main-bg-color0)",t.style.padding="2px 5px"}else r?l.highlighted&&a(e,"!"+t+" "+n,l,!1,s):a(e,"!"+t+" "+n,l,!1,s)}),ComfyJS.onError=(e=>{console.log(e)})}document.getElementById("hightlitedMessageChatContainer").addEventListener("wheel",function(e){e.deltaY<0?this.clientHeight!=this.scrollHeight&&(m=!1,s("#chatGoToBottom")):e.deltaY>0&&this.scrollTop+this.clientHeight==this.scrollHeight&&(m=!0,l("#chatGoToBottom"))},{passive:!0})}function t(){s("#optionsDiv"),s("#optionsDiv div"),s("#choiceTheme"),s("#backToHomeButton"),s("#clearCacheButton"),s(".divConnect"),l(".divNotConnect"),document.getElementById("headerBurger").classList.add("displayOn")}function n(e){var t=Math.floor(Math.random()*Date.now());document.getElementById("notifContainer").innerHTML+=``,setTimeout(function(){document.getElementById(`notifNow${t}`).parentElement.classList.remove("hide")},10),setTimeout(function(){document.getElementById(`notifNow${t}`).parentElement.classList.add("hide"),setTimeout(function(){document.getElementById(`notifNow${t}`).parentElement.remove()},400)},2700)}function o(e,t,n,o,a){if(null==localStorage.getItem(`${d}messagesSave-${c}`)){let l={user:e,message:t,flags:n,self:o,extra:a,isRead:!1,date:new Date};localStorage.setItem(`${d}messagesSave-${c}`,JSON.stringify([l]))}else{let l={user:e,message:t,flags:n,self:o,extra:a,isRead:!1,date:new Date},s=JSON.parse(localStorage.getItem(`${d}messagesSave-${c}`));s.push(l),localStorage.setItem(`${d}messagesSave-${c}`,JSON.stringify(s))}}function a(e,t,n,o,a,l,s){null==l&&(l=!1);let i=!1;null==s&&(s=new Date,i=!0);let r=a.id,g=t.toString(),p=s,f="0"+p.getHours(),C="0"+p.getMinutes();f=f.substr(-2),C=C.substr(-2);let E="";1==n.subscriber&&null!=a.userBadges.subscriber&&4==a.userBadges.subscriber.length&&(E=`(Tier ${a.userBadges.subscriber.match(/^[0-9]/g)[0]})`);let y=document.createElement("div");y.classList.add("chat-lineMessage");let v=document.createElement("div");if(v.classList.add("chat-lineNameDiv"),y.appendChild(v),v.innerHTML=`${n.mod?'
`))}v.innerHTML=n,v.classList.add("chat-message-withEmote")}if(h&&m)for(;document.querySelectorAll('.chat-lineMessage[data-type="normal"]').length>150;)document.querySelector('.chat-lineMessage[data-type="normal"]').remove();return v}function i(e){document.querySelectorAll(e).forEach(e=>e.hidden=!0)}function a(e){document.querySelectorAll(e).forEach(e=>e.hidden=!1)}function l(e){document.querySelectorAll(e).forEach(e=>e.remove())}var c;document.addEventListener("DOMContentLoaded",e);let r="HgltCt-",d=!0,m=!0,g=!1,u=!0,h=!0,f=!0})();
\ No newline at end of file
+"use strict";(function(){function e(){function e(e){"blue"==e&&(document.documentElement.classList.remove("styleDarkTheme"),document.documentElement.classList.add("styleOriginalTheme")),"dark"==e&&(document.documentElement.classList.remove("styleOriginalTheme"),document.documentElement.classList.add("styleDarkTheme"))}if(console.log("%cHello ! Enjoy 😃\n 🌸🌸🌸🌸🌸","background: #222; color: #FFF; font-size: 20px;"),document.getElementById("notCoChannelInputSubmit").addEventListener("click",function(){document.getElementById("notCoChannelInput").value&&(window.location.href=`./?channel=${document.getElementById("notCoChannelInput").value.toLowerCase()}`)},{passive:!0}),document.getElementById("notCoChannelInput").focus(),document.getElementById("notCoChannelInput").addEventListener("keydown",e=>{e.repeat||"Enter"==e.key&&document.getElementById("notCoChannelInputSubmit").click()}),document.getElementById("backToHomeButton").addEventListener("click",function(){ComfyJS.Disconnect(),window.location.href="./"},{passive:!0}),null!=sessionStorage.getItem(`${d}onlyHighlightedCheck`)&&(document.getElementById("onlyHighlightedCheck").checked=!1,r=!1),document.getElementById("onlyHighlightedCheck").addEventListener("input",function(){document.getElementById("onlyHighlightedCheck").checked?(r=!0,i('[data-type="normal"]'),sessionStorage.removeItem(`${d}onlyHighlightedCheck`)):(r=!1,sessionStorage.setItem(`${d}onlyHighlightedCheck`,!1))}),document.getElementById("highlightedNotifSound").addEventListener("input",function(){u=!!document.getElementById("highlightedNotifSound").checked}),document.getElementById("enableModCommand").addEventListener("input",function(){p=!!document.getElementById("enableModCommand").checked}),null!=localStorage.getItem(`${d}theme`)&&(document.querySelector(`#choiceTheme input[value="${localStorage.getItem(`${d}theme`)}"]`).checked=!0,e(localStorage.getItem(`${d}theme`))),document.querySelectorAll("#choiceTheme input").forEach(function(t){t.addEventListener("input",function(){t.checked?(localStorage.setItem(`${d}theme`,t.value),console.log("theme:",t.value),e(t.value)):console.log("false",t.value)})}),document.getElementsByClassName("mainContainer")[0].addEventListener("click",function(){document.getElementById("headerBurger").classList.remove("menuVisible"),document.getElementById("headerNav").classList.remove("menuVisible")}),document.getElementById("clearCacheButton").addEventListener("click",function(){s("#popupDivContainer")}),document.getElementById("clearCachePopupDelete").addEventListener("click",function(){sessionStorage.clear(),localStorage.clear(),l("#popupDivContainer"),n("Cache clear !")}),document.getElementById("clearCachePopupCancel").addEventListener("click",function(){l("#popupDivContainer")}),document.getElementById("headerBurger").addEventListener("click",function(){this.classList.toggle("menuVisible"),document.getElementById("headerNav").classList.toggle("menuVisible")}),document.getElementById("chatGoToBottom").addEventListener("click",function(){let e=document.getElementById("hightlitedMessageChatContainer");e.scrollTop=e.scrollHeight,l("#chatGoToBottom"),m=!0},{passive:!0}),console.log(location.search.substr(1)),"channel"==location.search.substr(1).split("=")[0]&&(c=location.search.substr(1).split("=")[1].toLowerCase(),c)){ComfyJS.Init(c);let e=document.querySelector(".titleChat p");e.innerHTML=e.textContent+'':""}\n ${n.vip?'':""}\n ${n.broadcaster?'':""}\n ${n.subscriber?``:""}\n ${e}`,!l||!i){let e=document.createElement("span");if(e.classList.add("chat-messageTime"),e.textContent=`${f}:${C}`,v.prepend(e),l){let t=document.createElement("span");t.classList.add("chat-messageDate"),t.textContent=`${(p.getDate()+1<10?"0":"")+p.getDate()}/${(p.getMonth()+1<10?"0":"")+(p.getMonth()+1)}/${p.getFullYear()} - `,v.insertBefore(t,e),y.setAttribute("data-archive",!0)}}let I=document.createElement("span");I.classList.add("chat-messageSeparator"),I.textContent=":",v.appendChild(I);let S=document.createElement("span");if(S.classList.add("chat-message"),S.setAttribute("translate","no"),1==n.highlighted){if(S.classList.add("chat-message-highlighted"),y.setAttribute("data-type","highlighted"),S.setAttribute("title","Click to mark as read"),S.addEventListener("click",function(){let e=JSON.parse(localStorage.getItem(`${d}messagesSave-${c}`)),t=e.findIndex(e=>e.extra.id==r);this.hasAttribute("read")?(this.removeAttribute("read"),e[t].isRead=!1):(this.setAttribute("read",""),e[t].isRead=!0),localStorage.setItem(`${d}messagesSave-${c}`,JSON.stringify(e))}),!l&&u){let e=new Audio("sound_notif2.aac");e.volume=.5,"ponce"==c&&(e=new Audio("sound_notif_ponce.aac"),e.volume=.7),e.play()}}else y.setAttribute("data-type","normal");S.textContent=g,y.appendChild(S),document.getElementById("hightlitedMessageChatContainer").appendChild(y);let B=document.getElementById("hightlitedMessageChatContainer");m&&(B.scrollTop=B.scrollHeight);let b=a.messageEmotes;if(null!=b){let e=[],t=S.textContent,n=t;for(const[o,a]of Object.entries(b))for(const[l,s]of Object.entries(a)){let a=s.split("-"),l=t.substring(a[0],parseInt(a[1],10)+1);e.some(e=>e===l)||(e.push(l),n=n.replaceAll(l,`