Add opt-in YouTube like count updates

Author: steveseguin

actions/EventFlowEditor.js

@@ -3423,8 +3423,9 @@ class EventFlowEditor {
 					{ value: 'giftredemption', label: 'Gift Received (YouTube)' },
 					{ value: 'stream_online', label: 'Stream Online' },
 					{ value: 'stream_offline', label: 'Stream Offline' },
-					{ value: 'viewer_update', label: 'Viewer Count Update' },
-					{ value: 'follower_update', label: 'Follower Count Update' },
+					{ value: 'viewer_update', label: 'Viewer Count Update' },
+					{ value: 'likes_update', label: 'Video Like Count Update (YouTube)' },
+					{ value: 'follower_update', label: 'Follower Count Update' },
 					{ value: 'subscriber_update', label: 'Subscriber Count Update' },
 					{ value: 'ad_break', label: 'Ad Break (Twitch)' }
 				];

background.js

@@ -5080,6 +5080,9 @@ chrome.runtime.onMessage.addListener(async function (request, sender, sendRespon
 			if (request.setting == "capturelikeevent") {
 				pushSettingChange();
 			}
+			if (request.setting == "captureyoutubelikes") {
+				pushSettingChange();
+			}
 			if (request.setting == "bttv") {
 				if (settings.bttv) {
 					clearAllWithPrefix("uid2bttv2.twitch:");

dock.html

@@ -6507,6 +6507,24 @@ <h3>Status</h3>
 					if (data.type && data.event == "follower_update"){
 						followers[data.type] = parseInt(data.meta) || 0;
 						return true;
+					} else if (data.type && data.event == "likes_update"){
+						let likeCount = parseInt(data.meta, 10);
+						if (isNaN(likeCount) || likeCount < 0) return true;
+						let ele = topBarElement.querySelector("[data-youtube-like-count]");
+						if (!ele){
+							ele = document.createElement("div");
+							ele.dataset.youtubeLikeCount = "true";
+							ele.classList.add("viewerIcons");
+							ele.title = "YouTube video likes";
+							ele.style.backgroundImage = "url(./sources/images/youtube.png)";
+							topBarElement.prepend(ele);
+						}
+						ele.innerText = "♥ " + likeCount;
+						clearTimeout(ele.timeout);
+						ele.timeout = setTimeout(function(ele){
+							if (ele) ele.remove();
+						}, 130000, ele);
+						return true;
 					} else if (data.type && data.event == "viewer_update"){
 						viewers[data.type] = parseInt(data.meta) || 0;
 

docs/event-reference.html

@@ -316,7 +316,7 @@ <h2>Field Overview</h2>
                 <h2>Meta Conventions</h2>
                 <p>To keep dashboards and automations aligned, follow these conventions when extending <code>data.meta</code>:</p>
                 <ul>
-                    <li><code>viewer_update</code>, <code>follower_update</code>, and <code>subscriber_update</code> use a plain integer <code>meta</code> value. The background script aggregates them into <code>viewer_updates</code> with an object keyed by <code>data.type</code>.</li>
+                    <li><code>viewer_update</code>, <code>follower_update</code>, <code>subscriber_update</code>, and <code>likes_update</code> use a plain integer <code>meta</code> value. The background script aggregates viewer counts into <code>viewer_updates</code> with an object keyed by <code>data.type</code>.</li>
                     <li><code>video_stats</code> uses a structured <code>meta</code> object for external encoder/server health, including <code>provider</code>, <code>label</code>, <code>online</code>, <code>bitrateKbps</code>, <code>rttMs</code>, <code>bufferMs</code>, packet loss/drop counters, and optional codec details.</li>
                     <li>Donation-style events include a descriptive object: for example <code>{ amount, currency, supporter }</code> for Kick, <code>{ bits }</code> for Twitch cheers, <code>{ supporter, eventType }</code> for YouTube memberships.</li>
                     <li>Raids and hosts pass <code>{ fromId, fromLogin, viewers }</code> so overlays can display both streamer name and audience size.</li>
@@ -466,6 +466,11 @@ <h3>YouTube – Websocket/Data API Capture</h3>
                                 <td>Streaming stats (concurrent viewers) when viewer reporting is enabled.</td>
                                 <td><code>meta</code> is integer count; mirrors DOM scripting so downstream consumers can merge both flows.</td>
                             </tr>
+                            <tr>
+                                <td class="status-event"><code>likes_update</code></td>
+                                <td>Official video statistics poll when <strong>Show YouTube video like count in dashboard</strong> is enabled.</td>
+                                <td><code>meta</code> is the current video like-count integer. It emits when the count changes and periodically while unchanged so dashboard state stays fresh.</td>
+                            </tr>
                             <tr>
                                 <td class="status-event"><code>subscriber_update</code></td>
                                 <td>Channel stats poll (subscribers) when <code>showsubscount</code> not explicitly disabled.</td>
@@ -1892,7 +1897,7 @@ <h3>Tracked Mismatches and Voids</h3>
                         </tr>
                         <tr>
                             <td>YouTube: Standard vs Websocket</td>
-                            <td>Shared: <code>superchat</code>, <code>supersticker</code>, <code>jeweldonation</code>, <code>sponsorship</code>, <code>resub</code>, <code>giftpurchase</code>, <code>giftredemption</code>, <code>viewer_update</code>. Standard-only: <code>thankyou</code>, <code>redirect</code>. Websocket-only: <code>membermilestone</code>, <code>new_follower</code>, <code>subscriber_update</code>, <code>view_update</code>.</td>
+                            <td>Shared: <code>superchat</code>, <code>supersticker</code>, <code>jeweldonation</code>, <code>sponsorship</code>, <code>resub</code>, <code>giftpurchase</code>, <code>giftredemption</code>, <code>viewer_update</code>. Standard-only: <code>thankyou</code>, <code>redirect</code>. Websocket-only: <code>membermilestone</code>, <code>new_follower</code>, <code>subscriber_update</code>, <code>view_update</code>, <code>likes_update</code> (opt-in).</td>
                             <td>Core member/event names are aligned across both; Super Chat, Super Sticker, and Jewels use <code>hasDonation</code>, while membership gift purchases/redemptions do not.</td>
                         </tr>
                         <tr>

package.json

@@ -6,6 +6,7 @@
     "test:rag:e2e": "node tests/rag-e2e.test.js",
     "test:rag:scale": "node tests/rag-scale-benchmark.test.js",
     "test:streamdeck-router": "node tests/streamdeck-remote-control-router.test.js",
+    "test:youtube-likes": "node tests/youtube-like-count.test.js",
     "test:aiprompt:smoke": "node scripts/playwright-aiprompt-smoke.cjs",
     "test:xss:sanitizer": "node tests/xss-sanitizer.test.js",
     "test:aiprompt:adversarial": "node scripts/aiprompt-ssnpatch-adversarial-e2e.cjs",

popup.html

@@ -6933,6 +6933,14 @@ <h3>Custom Injection</h3>
                                     </label>
                                     <img class="icon" src="./sources/images/tiktok.png" style="display: inline-block;" />
                                     <span> Show TikTok likes in main chat/events </span>
+                                </div>
+                                <div title="Poll the official YouTube API and show the current video like count in the dashboard.">
+                                    <label class="switch">
+                                        <input type="checkbox" data-setting="captureyoutubelikes" />
+                                        <span class="slider round"></span>
+                                    </label>
+                                    <img class="icon" src="./sources/images/youtube.png" style="display: inline-block;" />
+                                    <span> Show YouTube video like count in dashboard </span>
                                 </div>
 								<div title="Do not treat coin-bought items as gifts on Tiktok, such as roses">
                                     <label class="switch">

popup.js

@@ -4460,6 +4460,7 @@ var BEGINNER_ADVANCED_OPTION_SELECTORS = {
 		'[data-setting="notiktoklinks"]',
 		'[data-setting="capturejoinedevent"]',
 		'[data-setting="capturelikeevent"]',
+		'[data-setting="captureyoutubelikes"]',
 		'[data-setting="notiktokdonations"]',
 		'[data-setting="disabletiktokpoke"]',
 		'[data-setting="blockpremiumshorts"]',

shared/config/settingsDefinitions.js

@@ -209,6 +209,11 @@ const SETTINGS_DEFINITIONS = Object.freeze({
     category: "custom_injection",
     description: "Allow 'liked' stream events in TikTok (high volume)"
   },
+  "captureyoutubelikes": {
+    type: "boolean",
+    category: "youtube_api",
+    description: "Send the current YouTube video like count to the dashboard (polled every 30 seconds)"
+  },
   "chatbotHistoryTotal": {
     type: "number",
     category: "chat_bot",

sources/websocket/youtube.html

@@ -548,6 +548,9 @@ <h4>Advanced Controls</h4>
 	let recentSubscriberPollingGeneration = 0;
     let fetchTimeout; // Track fetch timeout to clear on disconnect
     let lastKnownViewers = null;
+	var lastKnownLikes = null;
+	var lastLikesEmitTime = 0;
+	const YT_LIKES_HEARTBEAT_MS = 90 * 1000;
 	var viewerCountFallbackVideoId = '';
 	var viewerCountMissingPolls = 0;
 	var viewerCountFallbackLastAttempt = 0;
@@ -5409,7 +5412,7 @@ <h4>Advanced Controls</h4>
 						shouldEmitViewerUpdate = true;
 					}
                 }
-                if (stats.statistics && stats.statistics.likeCount) {
+                if (stats.statistics && stats.statistics.likeCount !== undefined) {
                     updateStats('likes_update', { meta: stats.statistics.likeCount });
                 }
             }
@@ -5429,8 +5432,13 @@ <h4>Advanced Controls</h4>
         );
     }
 
+	function isYouTubeLikeCountEnabled() {
+		const currentSettings = settings && typeof settings === 'object' ? settings : {};
+		return Boolean(currentSettings.captureyoutubelikes);
+	}
+
     function shouldPollStreamStats() {
-        return isViewerTrackingEnabled();
+		return isViewerTrackingEnabled() || isYouTubeLikeCountEnabled();
     }
 
     function stopStreamStatsPolling() {
@@ -5442,7 +5450,14 @@ <h4>Advanced Controls</h4>
 
     function syncStreamStatsPolling() {
         stopStreamStatsPolling();
-        if (!currentStream || !currentStream.id || !liveChatId || !shouldPollStreamStats()) {
+		if (!isYouTubeLikeCountEnabled()) {
+			lastKnownLikes = null;
+			lastLikesEmitTime = 0;
+		}
+        if (!currentStream || !currentStream.id || !shouldPollStreamStats()) {
+			return;
+		}
+		if (!liveChatId && !isYouTubeLikeCountEnabled()) {
             return;
         }
         getStreamStats();
@@ -5495,6 +5510,8 @@ <h4>Advanced Controls</h4>
 		fetchTimeout = null;
 		liveChatPollingActive = false;
 		lastKnownViewers = null;
+		lastKnownLikes = null;
+		lastLikesEmitTime = 0;
 		resetViewerCountFallbackState(null);
 
 		// Track disconnection time and video ID
@@ -5737,7 +5754,7 @@ <h4>Advanced Controls</h4>
 					const viewerCount = document.getElementById('viewer-count');
 					if (viewerCount) viewerCount.textContent = '-';
                 }
-                if (streamInfoToUse.statistics && streamInfoToUse.statistics.likeCount) {
+                if (streamInfoToUse.statistics && streamInfoToUse.statistics.likeCount !== undefined) {
                     updateStats('likes_update', { meta: streamInfoToUse.statistics.likeCount });
                 } else {
                      document.getElementById('likes-count').textContent = 'N/A';
@@ -5788,7 +5805,7 @@ <h4>Advanced Controls</h4>
             stopStreamStatsPolling();
             if (channelStatsInterval) clearInterval(channelStatsInterval);
 
-            // Stream stats (viewers & likes) - poll only when viewer tracking is enabled
+            // Stream stats (viewers and opt-in likes)
             syncStreamStatsPolling();
 
             // Channel stats (subscribers) - every 30 minutes
@@ -6536,8 +6553,16 @@ <h4>Advanced Controls</h4>
 				document.getElementById('subscriber-count').textContent = data.meta;
 				break;
 			case 'likes_update':
-				document.getElementById('likes-count').textContent = data.meta;
-				//pushMessage({ type: youtubeShorts ? "youtubeshorts" : "youtube", event: 'likes_update', meta: data.meta });
+				var likeCount = normalizeViewerCount(data.meta);
+				document.getElementById('likes-count').textContent = likeCount !== null ? likeCount : '-';
+				if (isYouTubeLikeCountEnabled() && likeCount !== null) {
+					var now = Date.now();
+					if (likeCount !== lastKnownLikes || now - lastLikesEmitTime >= YT_LIKES_HEARTBEAT_MS) {
+						lastKnownLikes = likeCount;
+						lastLikesEmitTime = now;
+						pushMessage(applySourceIdentity({ type: youtubeShorts ? "youtubeshorts" : "youtube", event: 'likes_update', meta: likeCount }));
+					}
+				}
 				break;
 		}
 	}