Add files via upload

Horizontal Chat Glitch Fix

js/app-mockup.js

@@ -66,7 +66,7 @@ const mockData = {
         "This game brings back memories",
         "Why is this so intense omg",
     
-        "Chat, what’s your favorite snack?",
+        "Chat, what's your favorite snack?",
         "That edit was slick",
         "Mobile gang where you at?",
         "Sheeesh 🥶",
@@ -208,6 +208,10 @@ function generateMockEvent() {
         'youtube-chat', 'youtube-chat', 'youtube-chat', 'youtube-chat', 'youtube-chat', 
         'youtube-superchat', 'youtube-supersticker', 'youtube-newsponsor', 'youtube-membermilestone', 'youtube-membergift',
 
+        'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 'youtube-membermilestone', 
+
+
+
         'tiktok-chat', 'tiktok-chat', 'tiktok-chat', 'tiktok-chat', 'tiktok-chat', 
         'tiktok-chat', 'tiktok-chat', 'tiktok-chat', 'tiktok-chat', 'tiktok-chat', 
         'tiktok-follow', 'tiktok-sub', 'tiktok-gift',
@@ -471,8 +475,6 @@ function generateMockEvent() {
                 message : messagetext
             };
 
-            console.log('superchat', data.amount);
-
             youTubeSuperChatMessage(data);
 
         break;

js/twitch/module.js

@@ -263,7 +263,7 @@ async function twitchAnnouncementMessage(data) {
 
 
     data.message = {
-        message: await getTwitchEmotesOnParts(data)
+        message: await getTwitchAnnouncementEmotes(data)
     };
 
 
@@ -547,7 +547,7 @@ async function getTwitchEmotes(data) {
 }
 
 
-/*async function getTwitchAnnouncementEmotes(data) {
+async function getTwitchAnnouncementEmotes(data) {
     const message = data.text;
     const emotes = data.parts;
     const words = message.split(" ");
@@ -560,18 +560,19 @@ async function getTwitchEmotes(data) {
         });
     }
     return words.join(" ");
-}*/
+}
 
 async function getTwitchEmotesOnParts(data) {
     const parts = data?.parts;
+    const message = data.text;
 
     if (!Array.isArray(parts)) {
-        return data.text;
+        return message;
     }
 
     return parts.map(part => {
         if (part.type === 'text') {
-            return part.text;
+            return message;
         } else if (part.type === 'emote') {
             return `<img src="${part.imageUrl}" alt="${part.text}" class="emote">`;
         }

js/youtube/module.js

@@ -224,7 +224,11 @@ async function youTubeNewSponsorMessage(data) {
         message: messagetext,
     } = data;
 
-    var messagewithemotes = await getYouTubeEmotes(messagetext);
+    var messagewithemotes = '';
+
+    if (messagetext) {
+        messagewithemotes = await getYouTubeEmotes(messagetext);
+    }
 
     const [avatar, message] = await Promise.all([
         ``,