Added support for Twitch Power Ups

multistream-alerts/icons/badges/twitch-bit.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 2664 2665" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1.03455,0,0,1.03455,-46.020186,0)">
+        <path d="M1332,0L2444,1578L1332,2576L220,1578L1332,0ZM1332,1778L1922,1519L1332,622L742,1519L1332,1778Z" style="fill:white;"/>
+    </g>
+</svg>

multistream-alerts/script.js

@@ -63,6 +63,8 @@ const showTwitchSubs = GetBooleanParam("showTwitchSubs", true);
 const twitchSubAction = urlParams.get("twitchSubAction") || "";
 const showTwitchChannelPointRedemptions = GetBooleanParam("showTwitchChannelPointRedemptions", true);
 const twitchChannelPointRedemptionAction = urlParams.get("twitchChannelPointRedemptionAction") || "";
+const showTwitchPowerUpRedemptions = GetBooleanParam("showTwitchPowerUpRedemptions", true);
+const twitchPowerUpRedemptionAction = urlParams.get("twitchPowerUpRedemptionAction") || "";
 const showTwitchCheers = GetBooleanParam("showTwitchCheers", true);
 const twitchCheerAction = urlParams.get("twitchCheerAction") || "";
 const showTwitchRaids = GetBooleanParam("showTwitchRaids", true);
@@ -218,6 +220,11 @@ client.on('Twitch.RewardRedemption', (response) => {
 	TwitchRewardRedemption(response.data);
 })
 
+client.on('Twitch.CustomPowerUpRedemption', (response) => {
+	console.debug(response.data);
+	TwitchCustomPowerUpRedemption(response.data);
+})
+
 client.on('Twitch.Raid', (response) => {
 	console.debug(response.data);
 	TwitchRaid(response.data);
@@ -696,6 +703,34 @@ async function TwitchRewardRedemption(data) {
 	);
 }
 
+async function TwitchCustomPowerUpRedemption(data) {
+	if (!showTwitchPowerUpRedemptions)
+		return;
+
+	let username = data.user.name;
+	if (data.user.name.toLowerCase() != data.user.login.toLowerCase())
+		username = `${data.user.name} (${data.user.login})`;
+	const powerUpName = data.custom_power_up.title;
+	const cost = data.custom_power_up.bits_cost;
+	const prompt = data.custom_power_up.prompt;
+	const bitIcon = `<img src="icons/badges/twitch-bit.svg" class="platform" style="height: 1em"/>`;
+
+	// Render avatars
+	const avatarURL = await GetAvatar(data.user.login, 'twitch');
+
+	UpdateAlertBox(
+		'twitch',
+		avatarURL,
+		`${username} redeemed`,
+		`${powerUpName} ${bitIcon} ${cost}`,
+		'',
+		username,
+		prompt,
+		twitchPowerUpRedemptionAction,
+		data
+	);
+}
+
 async function TwitchRaid(data) {
 	if (!showTwitchRaids)
 		return;

multistream-alerts/settings/settings.json

@@ -278,6 +278,23 @@
 			"showIf": "showTwitchChannelPointRedemptions",
 			"group": "Which Twitch alerts do you want to see?"
 		},
+		{
+			"id": "showTwitchPowerUpRedemptions",
+			"label": "Power-Up Redemptions",
+			"description": "",
+			"type": "checkbox",
+			"defaultValue": true,
+			"group": "Which Twitch alerts do you want to see?"
+		},
+		{
+			"id": "twitchPowerUpRedemptionAction",
+			"label": "",
+			"description": "Also run this Streamer.bot Action",
+			"type": "sb-actions",
+			"defaultValue": "",
+			"showIf": "showTwitchPowerUpRedemptions",
+			"group": "Which Twitch alerts do you want to see?"
+		},
 		{
 			"id": "showTwitchCheers",
 			"label": "Cheers",