Added support for TipeeeStream

horizontal-chat/script.js

@@ -48,6 +48,7 @@ const showStreamlabsDonations = GetBooleanParam("showStreamlabsDonations", true)
 const showStreamElementsTips = GetBooleanParam("showStreamElementsTips", true);
 const showPatreonMemberships = GetBooleanParam("showPatreonMemberships", true);
 const showKofiDonations = GetBooleanParam("showKofiDonations", true);
+const showTipeeestreamDonations = GetBooleanParam("showTipeeestreamDonations", true);
 
 // Set fonts for the widget
 document.body.style.fontFamily = font;
@@ -211,6 +212,11 @@ client.on('Kofi.ShopOrder', (response) => {
 	KofiShopOrder(response.data);
 })
 
+client.on('TipeeeStream.Donation', (response) => {
+	console.debug(response.data);
+	TipeeeStreamDonation(response.data);
+})
+
 
 
 /////////////////////
@@ -774,6 +780,24 @@ function KofiShopOrder(data) {
 	ShowAlert(message, 'kofi');
 }
 
+function TipeeeStreamDonation(data) {
+	if (!showTipeeestreamDonations)
+		return;
+
+	const user = data.username;
+	const amount = data.amount;
+	const currency = data.currency;
+	const tipeeeStreamIcon = `<img src="icons/platforms/tipeeeStream.png" class="platform"/>`;
+
+	let message = "";
+	if (currency == "USD")
+		message = `${tipeeeStreamIcon} ${user} donated $${amount}`;
+	else
+		message = `${tipeeeStreamIcon} ${user} ordered ${itemTotal} item(s) on Ko-fi (${currency} ${amount})`;
+
+	ShowAlert(message, 'tipeeeStream');
+}
+
 
 
 //////////////////////

horizontal-chat/settings/settings.json

@@ -223,6 +223,14 @@
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
 		},
+		{
+			"id": "showTipeeeStreamDonations",
+			"label": "TipeeeStream Donations",
+			"description": "",
+			"type": "checkbox",
+			"defaultValue": true,
+			"group": "Which donation messages do you want to see?"
+		},
 		{
 			"id": "address",
 			"label": "Address",

horizontal-chat/style.css

@@ -249,6 +249,10 @@ li {
 	background: linear-gradient(#54c7ee, #08c2ff) !important;
 }
 
+.tipeeeStream {
+	background: linear-gradient(#120e23, #5d192a) !important;
+}
+
 /****************/
 /** ANIMATIONS **/
 /****************/