Add files via upload

js/app-mockup.js

@@ -443,6 +443,8 @@ function generateMockEvent() {
                 message : messagetext
             };
 
+            console.log('superchat', data.amount);
+
             youTubeSuperChatMessage(data);
 
         break;
@@ -685,4 +687,4 @@ function randomString(length) {
 function randomColor() {
     const randomColor = "hsl(" + Math.random() * 360 + ", 100%, 75%)";
     return randomColor;
-}
+}

js/app.js

@@ -65,11 +65,13 @@ const streamerBotClient = new StreamerbotClient({
 
 
 async function addMessageToChat(userID, messageID, platform, data) {
-        
+
     const html = DOMPurify.sanitize(`
         <div id="${messageID}" data-user="${userID}" class="${platform} ${data.classes} message" style="">
             <div class="animate__animated ${chatHorizontal == true ? 'animate__fadeInRight' : 'animate__fadeInUp'} animate__faster">
 
+                ${data.classes.includes("first-message") ? '<span class="first-chatter">👋</span>' : '' }
+
                 ${!data.shared ? '' : data.shared}
 
                 ${showTimestamps == true ? '<span class="time">'+whatTimeIsIt()+'</span>' : ''}

js/lang/en.js

@@ -3,6 +3,7 @@ const en = {
     streamerbotdisconnected: 'Streamer.bot Disconnected!',
 
     twitch : {
+        firstMessage : () => `First chatter`,
         follow : () => ` followed the channel`,
         announcement : () => ` <div class="reply">📢 <strong>Announcement</strong></div>`,
         channelpoints : ({ title }) => ` <div class="reply"><i class="fa-solid fa-wand-magic-sparkles"></i> <strong>Channel Points - ${title}</strong></div>`,

js/lang/es.js

@@ -3,6 +3,7 @@ const es = {
     streamerbotdisconnected: '¡Streamer.bot desconectado!',
 
     twitch : {
+        firstMessage : () => `Primeira mensaje`,
         follow : () => ` siguió el canal`,
         announcement : () => ` <div class="reply">📢 <strong>Anuncio</strong></div>`,
         channelpoints : ({ title }) => ` <div class="reply"><i class="fa-solid fa-wand-magic-sparkles"></i> <strong>Puntos del canal - ${title}</strong></div>`,

js/lang/ptbr.js

@@ -3,6 +3,7 @@ const ptbr = {
     streamerbotdisconnected: 'Streamer.bot Desconectado!',
 
     twitch : {
+        firstMessage : () => `Primeira mensagem`,
         follow : () => ` seguiu o canal`,
         announcement : () => ` <div class="reply">📢 <strong>Anúncio</strong></div>`,
         channelpoints : ({ title }) => ` <div class="reply"><i class="fa-solid fa-wand-magic-sparkles"></i> <strong>Pontos do Canal - ${title}</strong></div>`,