7TV and Pronouns

1. Added pronouns to usercards
2. Added updated 7TV cosmetics to the more menu in chatbox
3. The 7TV EventSub webscocket gets notified each 5 minutes and when the user joins the chat

Author: Fiszh

pages/channel.html

@@ -126,6 +126,7 @@
                                     <li>Reconnect to chat</li>
                                     <li>Reload emotes</li>
                                     <li>Reload subcriber emotes</li>
+                                    <li>Update 7TV cosmetics</li>
                                 </ul>
                             </div>
                         </button>

src/channel/SevenTVCosmetics.js

@@ -108,7 +108,7 @@ async function updateCosmetics(body) {
 
                 cosmetics.paints.push(push)
             }
-        } else if (body.object.name == "Personal Emote Set" || body.object.name == "Personal Emotes" || body.object.user || body.object.id === "00000000000000000000000000" || (body.object.flags && body.object.flags === 11)) {
+        } else if (body.object.flags && (body.object.flags === 4 || body.object.flags === 11) || body.object.kind && body.object.kind == "EMOTE_SET") {
             if (body.object.id === "00000000000000000000000000" && body.object.ref_id) {
                 body.object.id = body.object.ref_id
             }

src/channel/index.js

@@ -38,6 +38,7 @@ const commands = [
 ]
 let rateLimitRemaining = Infinity;
 let rateLimitReset = 0;
+let pronouns_data = [];
 
 //TMI
 let tmiUsername = 'none';
@@ -886,7 +887,7 @@ async function replaceWithEmotes(inputString, TTVMessageEmoteData, userstate, ch
             for (let i = 0; i < replacedParts.length; i++) {
                 let part = replacedParts[i];
 
-                if (part.startsWith("@") && part.length > 2 && part.length <= 25 ) {
+                if (part.startsWith("@") && part.length > 2 && part.length <= 25) {
                     const username = part.replace('@', '');
 
                     if (/^[A-Za-z0-9_]+$/.test(username)) {
@@ -1623,6 +1624,13 @@ async function pushUserData(userData) {
         };
 
         TTVUsersData.push(user);
+
+        if (user7TV_id) {
+            notifyWebSocket(user7TV_id, channelTwitchID);
+            setInterval(() => {
+                notifyWebSocket(user7TV_id, channelTwitchID);
+            }, 300000);
+        }
     } catch (error) {
         console.error(error)
     }
@@ -1681,6 +1689,7 @@ async function connectTmi() {
 
 async function Load() {
     loadCustomBadges();
+    getPronous();
 
     try {
         getAllTLDs();
@@ -1821,6 +1830,18 @@ async function Load() {
 }
 
 // No token needed
+async function getPronous() {
+    const response = await fetch(`https://pronouns.alejo.io/api/pronouns`);
+
+    if (!response.ok) {
+        debugChange("pronouns.alejo.io", "pronouns_data", false);
+        return;
+    }
+
+    debugChange("pronouns.alejo.io", "pronouns_data", true);
+
+    pronouns_data = await response.json();
+}
 
 async function getRedeems() {
     const GQLbody = `

src/channel/userCard.js

@@ -100,6 +100,22 @@ async function openCard(username) {
                             </div>`
         }
 
+        const pronouns_response = await fetch(`https://pronouns.alejo.io/api/users/${userInfo["login"]}`);
+
+        if (pronouns_response.ok) {
+            const data = await pronouns_response.json();
+
+            if (data && data?.[0]?.["pronoun_id"]) {
+                const found_pronoun = pronouns_data.find(item => item.name === data?.[0]?.["pronoun_id"]);
+
+                if (found_pronoun) {
+                    user_info.innerHTML += `Pronouns: ${found_pronoun["display"]}`
+                }
+            }
+
+            debugChange("pronouns.alejo.io", "user_pronouns", true);
+        }
+
         if (userInfo["id"]) {
             const paintName = await getPaintName(userInfo["id"]);
 

src/debug.js

@@ -66,7 +66,14 @@ const debugInfo = {
         tiles: [
             "badges_gists"
         ],
-    }
+    },
+    PRONOUNS: {
+        name: 'pronouns.alejo.io',
+        tiles: [
+            "pronouns_data",
+            "user_pronouns"
+        ],
+    },
 };
 
 function displayDebug() {

src/events.js

@@ -267,6 +267,21 @@ dropdownItems.forEach((item) => {
             } else {
                 await handleMessage(custom_userstate.Server, 'Failed reloading subscriber emotes: Not logged in.');
             }
+        } else if (option_selected == "update 7tv cosmetics") {
+            await handleMessage(custom_userstate.Server, 'Trying to notify the 7TV EventSub websocket.');
+
+            const foundUser = TTVUsersData.find(user => user.name === `@${tmiUsername}`);
+
+            if (foundUser) {
+                if (foundUser.cosmetics && foundUser.cosmetics.user_id) {
+                    notifyWebSocket(foundUser.cosmetics.user_id, channelTwitchID);
+                    await handleMessage(custom_userstate.Server, 'Notified the 7TV EventSub websocket.');
+                } else {
+                    await handleMessage(custom_userstate.Server, `Failed to notify the 7TV EventSub websocket, there is no 7TV userId for ${tmiUsername}.`);
+                }
+            } else {
+                await handleMessage(custom_userstate.Server, `Failed to notify the 7TV EventSub websocket, ${tmiUsername} was not found in user data.`);
+            }
         }
     });
 });