Merge pull request #25 from nuttylmao/beta

• Fixed word wrapping

.common/utils/helpers.js

@@ -272,6 +272,11 @@ function RandomHex(str) {
 // Used to construct a message from "parts" variable commonly found in Streamer.bot chat messages
 function ConstructMessageFromParts(parts) {
     return parts.map(part => {
+        if (part.emoji)
+            return ` <img src="${part.image}" alt="${part.text}" title="${part.text}" class="emote"> `;
+        if (!part.type)
+            return part.text;
+
         switch (part.type)
         {
             case "text":

horizontal-chat/script.js

@@ -903,7 +903,8 @@ function YouTubeMessage(data) {
 	}
 
 	// Set the message data
-	let message = RenderMessageWithEmotesHTML(data.message, data.emotes);
+	//let message = RenderMessageWithEmotesHTML(data.message, data.emotes);
+	let message = ConstructMessageFromParts(data.parts);
 	
 	// Set furry mode
 	if (furryMode)

multichat-overlay/script.js

@@ -1351,7 +1351,8 @@ async function YouTubeMessage(data) {
 	}
 	
 	// Set the message data
-	let message = RenderMessageWithEmotesHTML(data.message, data.emotes);
+	//let message = RenderMessageWithEmotesHTML(data.message, data.emotes);
+	let message = ConstructMessageFromParts(data.parts);
 	
 	// Set furry mode
 	if (furryMode)

multichat-overlay/style.css

@@ -112,6 +112,10 @@ li {
 	gap: 0.5em;
 }
 
+#message {
+	word-break: break-word; /* Break long words if necessary */
+}
+
 .add-this-class-to-the-thing-to-make-all-the-text-centered-vertically-because-that-looks-much-better {
 	align-items: center;
 }