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",