From 10ede50e893ed6fe8f57435ef5eed19387296f99 Mon Sep 17 00:00:00 2001
From: Rodrigo Emanuel <xrodrigolima@gmail.com>
Date: Thu, 22 May 2025 00:01:28 -0300
Subject: [PATCH] Add files via upload

Horizontal Chat Glitch Fix
---
 css/app.css          | 11 +++++++----
 js/app-mockup.js     |  8 +++++---
 js/twitch/module.js  | 11 ++++++-----
 js/youtube/module.js |  6 +++++-
 4 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/css/app.css b/css/app.css
index e2e74b1..1223a4e 100644
--- a/css/app.css
+++ b/css/app.css
@@ -462,11 +462,14 @@ body {
 
 
 #chat.horizontal {
-    display: flex;
-    align-items: flex-end;
-    width: max-content;
+    position: absolute;
     right: 0;
-    gap: 15px;
+    bottom: 0;
+    
+    flex-direction: row-reverse;
+    align-items: flex-end;
+    gap: 10px;
+    width: max-content;
 }
 
 
diff --git a/js/app-mockup.js b/js/app-mockup.js
index 91bd490..1fe0946 100644
--- a/js/app-mockup.js
+++ b/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;
diff --git a/js/twitch/module.js b/js/twitch/module.js
index 6c0cee8..09a5e72 100644
--- a/js/twitch/module.js
+++ b/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">`;
         }
diff --git a/js/youtube/module.js b/js/youtube/module.js
index 932d988..f409d0b 100644
--- a/js/youtube/module.js
+++ b/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([
         ``,