diff --git a/multichat-overlay/script.js b/multichat-overlay/script.js index 1b8274a..6c1f89b 100644 --- a/multichat-overlay/script.js +++ b/multichat-overlay/script.js @@ -68,6 +68,7 @@ const showYouTubeSuperStickers = GetBooleanParam("showYouTubeSuperStickers", tru const showYouTubeMemberships = GetBooleanParam("showYouTubeMemberships", true); const enableTikTokSupport = GetBooleanParam("enableTikTokSupport", false); +const showTikTokFollows = GetBooleanParam("showTikTokFollows", false); const showTikTokMessages = GetBooleanParam("showTikTokMessages", false); const showTikTokGifts = GetBooleanParam("showTikTokGifts", false); const showTikTokSubs = GetBooleanParam("showTikTokSubs", false); @@ -433,6 +434,9 @@ function TikfinityConnect() { case 'chat': TikTokChat(data); break; + case 'follow': + TikTokFollow(data); + break; case 'gift': TikTokGift(data); break; @@ -2667,6 +2671,38 @@ function TikTokGift(data) { AddMessageItem(instance, data.messageId); } + +function TikTokFollow(data) { + if (!showTikTokFollows) + return; + + // Get a reference to the template + const template = document.getElementById('cardTemplate'); + + // Create a new instance of the template + const instance = template.content.cloneNode(true); + + // Get divs + const cardDiv = instance.querySelector("#card"); + const headerDiv = instance.querySelector("#header"); + const avatarDiv = instance.querySelector("#avatar"); + const iconDiv = instance.querySelector("#icon"); + const titleDiv = instance.querySelector("#title"); + const contentDiv = instance.querySelector("#content"); + + // Set the card background colors + cardDiv.classList.add('tiktok'); + + const user = data.nickname; + const tiktokIcon = ``; + + titleDiv.innerHTML = `${tiktokIcon} ${user} followed you on TikTok`; + + AddMessageItem(instance, data.msgId); +} + + + function TikTokSubscribe(data) { if (!showTikTokSubs) return; @@ -2689,7 +2725,7 @@ function TikTokSubscribe(data) { cardDiv.classList.add('tiktok'); const user = data.nickname; - const tiktokIcon = ``; + const tiktokIcon = ``; titleDiv.innerHTML = `${tiktokIcon} ${user} subscribed on TikTok`; diff --git a/multichat-overlay/settings/settings.json b/multichat-overlay/settings/settings.json index 8389a86..3103e6b 100644 --- a/multichat-overlay/settings/settings.json +++ b/multichat-overlay/settings/settings.json @@ -393,6 +393,15 @@ "showIf": "enableTikTokSupport", "group": "Which TikTok messages do you want to see?" }, + { + "id": "showTikTokFollows", + "label": "New Followers", + "description": "", + "type": "checkbox", + "defaultValue": true, + "showIf": "enableTikTokSupport", + "group": "Which TikTok messages do you want to see?" + }, { "id": "showTikTokGifts", "label": "Gifts",