☰

YouTube Enhancer (Stats)

Add a Stats Button.

当前为 2025-03-11 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         YouTube Enhancer (Stats)
  3. // @description  Add a Stats Button.
  4. // @icon         https://raw.githubusercontent.com/exyezed/youtube-enhancer/refs/heads/main/extras/youtube-enhancer.png
  5. // @version      1.5
  6. // @author       exyezed
  7. // @namespace    https://github.com/exyezed/youtube-enhancer/
  8. // @supportURL   https://github.com/exyezed/youtube-enhancer/issues
  9. // @license      MIT
  10. // @match        https://www.youtube.com/*
  11. // @grant        none
  12. // @run-at       document-idle
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.  
  18.     const styles = `
  19.         .videoStats {
  20.             width: 36px;
  21.             height: 36px;
  22.             border-radius: 50%;
  23.             display: flex;
  24.             align-items: center;
  25.             justify-content: center;
  26.             cursor: pointer;
  27.             margin-left: 8px;
  28.         }
  29.         html[dark] .videoStats {
  30.             background-color: #ffffff1a;
  31.         }
  32.         html:not([dark]) .videoStats {
  33.             background-color: #0000000d;
  34.         }
  35.         html[dark] .videoStats:hover {
  36.             background-color: #ffffff33;
  37.         }
  38.         html:not([dark]) .videoStats:hover {
  39.             background-color: #00000014;
  40.         }
  41.         .videoStats svg {
  42.             width: 18px;
  43.             height: 18px;
  44.         }
  45.         html[dark] .videoStats svg {
  46.             fill: var(--yt-spec-text-primary, #fff);
  47.         }
  48.         html:not([dark]) .videoStats svg {
  49.             fill: var(--yt-spec-text-primary, #030303);
  50.         }
  51.  
  52.         .shortsStats {
  53.             display: flex;
  54.             align-items: center;
  55.             justify-content: center;
  56.             margin-top: 16px;
  57.             width: 48px;
  58.             height: 48px;
  59.             border-radius: 50%;
  60.             cursor: pointer;
  61.             transition: background-color 0.3s;
  62.         }
  63.  
  64.         html[dark] .shortsStats {
  65.             background-color: rgba(255, 255, 255, 0.1);
  66.         }
  67.  
  68.         html:not([dark]) .shortsStats {
  69.             background-color: rgba(0, 0, 0, 0.05);
  70.         }
  71.  
  72.         html[dark] .shortsStats:hover {
  73.             background-color: rgba(255, 255, 255, 0.2);
  74.         }
  75.  
  76.         html:not([dark]) .shortsStats:hover {
  77.             background-color: rgba(0, 0, 0, 0.1);
  78.         }
  79.  
  80.         .shortsStats svg {
  81.             width: 24px;
  82.             height: 24px;
  83.         }
  84.  
  85.         html[dark] .shortsStats svg {
  86.             fill: white;
  87.         }
  88.  
  89.         html:not([dark]) .shortsStats svg {
  90.             fill: black;
  91.         }
  92.         
  93.         .stats-menu-container {
  94.             position: relative;
  95.             display: inline-block;
  96.         }
  97.  
  98.         .stats-horizontal-menu {
  99.             position: absolute;
  100.             display: flex;
  101.             left: 100%;
  102.             top: 0;
  103.             height: 100%;
  104.             visibility: hidden;
  105.             opacity: 0;
  106.             transition: visibility 0s, opacity 0.2s linear;
  107.             z-index: 100;
  108.         }
  109.  
  110.         .stats-menu-container:hover .stats-horizontal-menu {
  111.             visibility: visible;
  112.             opacity: 1;
  113.         }
  114.  
  115.         .stats-menu-button {
  116.             margin-left: 8px;
  117.             white-space: nowrap;
  118.         }
  119.     `;
  120.  
  121.     let previousUrl = location.href;
  122.     let isChecking = false;
  123.     let channelFeatures = {
  124.         hasStreams: false,
  125.         hasShorts: false
  126.     };
  127.  
  128.     function addStyles() {
  129.         if (!document.querySelector('#youtube-enhancer-styles')) {
  130.             const styleElement = document.createElement('style');
  131.             styleElement.id = 'youtube-enhancer-styles';
  132.             styleElement.textContent = styles;
  133.             document.head.appendChild(styleElement);
  134.         }
  135.     }
  136.  
  137.     function getVideoId() {
  138.         const url = window.location.href;
  139.         const urlParams = new URLSearchParams(window.location.search);
  140.         const normalVideoId = urlParams.get('v');
  141.         const shortsMatch = url.match(/\/shorts\/([^?]+)/);
  142.         return normalVideoId || (shortsMatch ? shortsMatch[1] : null);
  143.     }
  144.  
  145.     function getChannelIdentifier() {
  146.         const url = window.location.href;
  147.         let identifier = '';
  148.  
  149.         if (url.includes('/channel/')) {
  150.             identifier = url.split('/channel/')[1].split('/')[0];
  151.         } else if (url.includes('/@')) {
  152.             identifier = url.split('/@')[1].split('/')[0];
  153.         }
  154.  
  155.         return identifier;
  156.     }
  157.  
  158.     async function checkChannelTabs(url) {
  159.         if (isChecking) return;
  160.         isChecking = true;
  161.         
  162.         try {
  163.             const response = await fetch(url, {
  164.                 credentials: 'same-origin'
  165.             });
  166.             
  167.             if (!response.ok) {
  168.                 isChecking = false;
  169.                 return;
  170.             }
  171.             
  172.             const html = await response.text();
  173.             const match = html.match(/var ytInitialData = (.+?);<\/script>/);
  174.             
  175.             if (!match || !match[1]) {
  176.                 isChecking = false;
  177.                 return;
  178.             }
  179.             
  180.             const data = JSON.parse(match[1]);
  181.             const tabs = data?.contents?.twoColumnBrowseResultsRenderer?.tabs || [];
  182.             
  183.             let hasStreams = false;
  184.             let hasShorts = false;
  185.             
  186.             tabs.forEach(tab => {
  187.                 const tabUrl = tab?.tabRenderer?.endpoint?.commandMetadata?.webCommandMetadata?.url;
  188.                 if (tabUrl) {
  189.                     if (/\/streams$/.test(tabUrl)) hasStreams = true;
  190.                     if (/\/shorts$/.test(tabUrl)) hasShorts = true;
  191.                 }
  192.             });
  193.             
  194.             channelFeatures = {
  195.                 hasStreams: hasStreams,
  196.                 hasShorts: hasShorts
  197.             };
  198.             
  199.             const existingMenu = document.querySelector('.stats-menu-container');
  200.             if (existingMenu) {
  201.                 existingMenu.remove();
  202.                 createStatsMenu();
  203.             }
  204.         } catch (e) {
  205.         } finally {
  206.             isChecking = false;
  207.         }
  208.     }
  209.  
  210.     function isChannelPage(url) {
  211.         return url.includes('youtube.com/') && 
  212.                (url.includes('/channel/') || url.includes('/@')) && 
  213.                !url.includes('/video/') && 
  214.                !url.includes('/watch');
  215.     }
  216.  
  217.     function checkUrlChange() {
  218.         const currentUrl = location.href;
  219.         if (currentUrl !== previousUrl) {
  220.             previousUrl = currentUrl;
  221.             if (isChannelPage(currentUrl)) {
  222.                 setTimeout(() => checkChannelTabs(currentUrl), 500);
  223.             }
  224.         }
  225.     }
  226.  
  227.     function createStatsIcon(isShorts = false) {
  228.         const icon = document.createElement('div');
  229.         icon.className = isShorts ? 'shortsStats' : 'videoStats';
  230.  
  231.         const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  232.         svg.setAttribute("viewBox", "0 0 512 512");
  233.         
  234.         const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
  235.         path.setAttribute("d", "M500 89c13.8-11 16-31.2 5-45s-31.2-16-45-5L319.4 151.5 211.2 70.4c-11.7-8.8-27.8-8.5-39.2 .6L12 199c-13.8 11-16 31.2-5 45s31.2 16 45 5L192.6 136.5l108.2 81.1c11.7 8.8 27.8 8.5 39.2-.6L500 89zM160 256l0 192c0 17.7 14.3 32 32 32s32-14.3 32-32l0-192c0-17.7-14.3-32-32-32s-32 14.3-32 32zM32 352l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32s-32 14.3-32 32zm288-64c-17.7 0-32 14.3-32 32l0 128c0 17.7 14.3 32 32 32s32-14.3 32-32l0-128c0-17.7-14.3-32-32-32zm96-32l0 192c0 17.7 14.3 32 32 32s32-14.3 32-32l0-192c0-17.7-14.3-32-32-32s-32 14.3-32 32z");
  236.         
  237.         svg.appendChild(path);
  238.         icon.appendChild(svg);
  239.  
  240.         icon.addEventListener('click', redirectToStatsAPI);
  241.  
  242.         return icon;
  243.     }
  244.  
  245.     function redirectToStatsAPI() {
  246.         const videoId = getVideoId();
  247.         if (videoId) {
  248.             const apiUrl = `https://afkarxyzstats.vercel.app/?directVideo=${videoId}`;
  249.             window.open(apiUrl, '_blank');
  250.         }
  251.     }
  252.  
  253.     function insertIconForRegularVideo() {
  254.         const targetSelector = '#owner';
  255.         const target = document.querySelector(targetSelector);
  256.  
  257.         if (target && !document.querySelector('.videoStats')) {
  258.             const statsIcon = createStatsIcon();
  259.             target.appendChild(statsIcon);
  260.         }
  261.     }
  262.  
  263.     function insertIconForShorts() {
  264.         const shortsContainer = document.querySelector('ytd-reel-video-renderer[is-active] #actions');
  265.         
  266.         if (shortsContainer && !shortsContainer.querySelector('.shortsStats')) {
  267.             const iconDiv = createStatsIcon(true);
  268.             shortsContainer.insertBefore(iconDiv, shortsContainer.firstChild);
  269.             return true;
  270.         }
  271.         return false;
  272.     }
  273.  
  274.     function createButton(text, svgPath, viewBox, className, onClick) {
  275.         const buttonViewModel = document.createElement('button-view-model');
  276.         buttonViewModel.className = `yt-spec-button-view-model ${className}-view-model`;
  277.  
  278.         const button = document.createElement('button');
  279.         button.className = `yt-spec-button-shape-next yt-spec-button-shape-next--outline yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--enable-backdrop-filter-experiment ${className}-button`;
  280.         button.setAttribute('aria-disabled', 'false');
  281.         button.setAttribute('aria-label', text);
  282.         button.style.display = 'flex';
  283.         button.style.alignItems = 'center';
  284.         button.style.justifyContent = 'center';
  285.         button.style.gap = '8px';
  286.  
  287.         button.addEventListener('click', onClick);
  288.  
  289.         const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  290.         svg.setAttribute("viewBox", viewBox);
  291.         svg.style.width = "20px";
  292.         svg.style.height = "20px";
  293.         svg.style.fill = "currentColor";
  294.  
  295.         const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
  296.         path.setAttribute("d", svgPath);
  297.         svg.appendChild(path);
  298.  
  299.         const buttonText = document.createElement('div');
  300.         buttonText.className = `yt-spec-button-shape-next__button-text-content ${className}-text`;
  301.         buttonText.textContent = text;
  302.         buttonText.style.display = 'flex';
  303.         buttonText.style.alignItems = 'center';
  304.  
  305.         const touchFeedback = document.createElement('yt-touch-feedback-shape');
  306.         touchFeedback.style.borderRadius = 'inherit';
  307.  
  308.         const touchFeedbackDiv = document.createElement('div');
  309.         touchFeedbackDiv.className = 'yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response';
  310.         touchFeedbackDiv.setAttribute('aria-hidden', 'true');
  311.  
  312.         const strokeDiv = document.createElement('div');
  313.         strokeDiv.className = 'yt-spec-touch-feedback-shape__stroke';
  314.  
  315.         const fillDiv = document.createElement('div');
  316.         fillDiv.className = 'yt-spec-touch-feedback-shape__fill';
  317.  
  318.         touchFeedbackDiv.appendChild(strokeDiv);
  319.         touchFeedbackDiv.appendChild(fillDiv);
  320.         touchFeedback.appendChild(touchFeedbackDiv);
  321.  
  322.         button.appendChild(svg);
  323.         button.appendChild(buttonText);
  324.         button.appendChild(touchFeedback);
  325.         buttonViewModel.appendChild(button);
  326.  
  327.         return buttonViewModel;
  328.     }
  329.  
  330.     function createStatsMenu() {
  331.         if (document.querySelector('.stats-menu-container')) {
  332.             return;
  333.         }
  334.  
  335.         const containerDiv = document.createElement('div');
  336.         containerDiv.className = 'yt-flexible-actions-view-model-wiz__action stats-menu-container';
  337.  
  338.         const mainButtonViewModel = document.createElement('button-view-model');
  339.         mainButtonViewModel.className = 'yt-spec-button-view-model main-stats-view-model';
  340.  
  341.         const mainButton = document.createElement('button');
  342.         mainButton.className = 'yt-spec-button-shape-next yt-spec-button-shape-next--outline yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--enable-backdrop-filter-experiment main-stats-button';
  343.         mainButton.setAttribute('aria-disabled', 'false');
  344.         mainButton.setAttribute('aria-label', 'Stats');
  345.         mainButton.style.display = 'flex';
  346.         mainButton.style.alignItems = 'center';
  347.         mainButton.style.justifyContent = 'center';
  348.         mainButton.style.gap = '8px';
  349.  
  350.         const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  351.         svg.setAttribute("viewBox", "0 0 512 512");
  352.         svg.style.width = "20px";
  353.         svg.style.height = "20px";
  354.         svg.style.fill = "currentColor";
  355.  
  356.         const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
  357.         path.setAttribute("d", "M500 89c13.8-11 16-31.2 5-45s-31.2-16-45-5L319.4 151.5 211.2 70.4c-11.7-8.8-27.8-8.5-39.2 .6L12 199c-13.8 11-16 31.2-5 45s31.2 16 45 5L192.6 136.5l108.2 81.1c11.7 8.8 27.8 8.5 39.2-.6L500 89zM160 256l0 192c0 17.7 14.3 32 32 32s32-14.3 32-32l0-192c0-17.7-14.3-32-32-32s-32 14.3-32 32zM32 352l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32s-32 14.3-32 32zm288-64c-17.7 0-32 14.3-32 32l0 128c0 17.7 14.3 32 32 32s32-14.3 32-32l0-128c0-17.7-14.3-32-32-32zm96-32l0 192c0 17.7 14.3 32 32 32s32-14.3 32-32l0-192c0-17.7-14.3-32-32-32s-32 14.3-32 32z");
  358.         svg.appendChild(path);
  359.  
  360.         const buttonText = document.createElement('div');
  361.         buttonText.className = 'yt-spec-button-shape-next__button-text-content main-stats-text';
  362.         buttonText.textContent = 'Stats';
  363.         buttonText.style.display = 'flex';
  364.         buttonText.style.alignItems = 'center';
  365.  
  366.         const touchFeedback = document.createElement('yt-touch-feedback-shape');
  367.         touchFeedback.style.borderRadius = 'inherit';
  368.  
  369.         const touchFeedbackDiv = document.createElement('div');
  370.         touchFeedbackDiv.className = 'yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response';
  371.         touchFeedbackDiv.setAttribute('aria-hidden', 'true');
  372.  
  373.         const strokeDiv = document.createElement('div');
  374.         strokeDiv.className = 'yt-spec-touch-feedback-shape__stroke';
  375.  
  376.         const fillDiv = document.createElement('div');
  377.         fillDiv.className = 'yt-spec-touch-feedback-shape__fill';
  378.  
  379.         touchFeedbackDiv.appendChild(strokeDiv);
  380.         touchFeedbackDiv.appendChild(fillDiv);
  381.         touchFeedback.appendChild(touchFeedbackDiv);
  382.  
  383.         mainButton.appendChild(svg);
  384.         mainButton.appendChild(buttonText);
  385.         mainButton.appendChild(touchFeedback);
  386.         mainButtonViewModel.appendChild(mainButton);
  387.         containerDiv.appendChild(mainButtonViewModel);
  388.  
  389.         const horizontalMenu = document.createElement('div');
  390.         horizontalMenu.className = 'stats-horizontal-menu';
  391.  
  392.         const channelButtonContainer = document.createElement('div');
  393.         channelButtonContainer.className = 'stats-menu-button channel-stats-container';
  394.         
  395.         const channelButton = createButton(
  396.             'Channel', 
  397.             "M64 48c-8.8 0-16 7.2-16 16l0 288c0 8.8 7.2 16 16 16l512 0c8.8 0 16-7.2 16-16l0-288c0-8.8-7.2-16-16-16L64 48zM0 64C0 28.7 28.7 0 64 0L576 0c35.3 0 64 28.7 64 64l0 288c0 35.3-28.7 64-64 64L64 416c-35.3 0-64-28.7-64-64L0 64zM120 464l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-400 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z",
  398.             "0 0 640 512",
  399.             'channel-stats',
  400.             () => {
  401.                 const channelId = getChannelIdentifier();
  402.                 if (channelId) {
  403.                     const url = `https://afkarxyzstats.vercel.app/?directChannel=${channelId}`;
  404.                     window.open(url, '_blank');
  405.                 }
  406.             }
  407.         );
  408.         
  409.         channelButtonContainer.appendChild(channelButton);
  410.         horizontalMenu.appendChild(channelButtonContainer);
  411.  
  412.         if (channelFeatures.hasStreams) {
  413.             const liveButtonContainer = document.createElement('div');
  414.             liveButtonContainer.className = 'stats-menu-button live-stats-container';
  415.             
  416.             const liveButton = createButton(
  417.                 'Live', 
  418.                 "M99.8 69.4c10.2 8.4 11.6 23.6 3.2 33.8C68.6 144.7 48 197.9 48 256s20.6 111.3 55 152.8c8.4 10.2 7 25.3-3.2 33.8s-25.3 7-33.8-3.2C24.8 389.6 0 325.7 0 256S24.8 122.4 66 72.6c8.4-10.2 23.6-11.6 33.8-3.2zm376.5 0c10.2-8.4 25.3-7 33.8 3.2c41.2 49.8 66 113.8 66 183.4s-24.8 133.6-66 183.4c-8.4 10.2-23.6 11.6-33.8 3.2s-11.6-23.6-3.2-33.8c34.3-41.5 55-94.7 55-152.8s-20.6-111.3-55-152.8c-8.4-10.2-7-25.3 3.2-33.8zM248 256a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zm-61.1-78.5C170 199.2 160 226.4 160 256s10 56.8 26.9 78.5c8.1 10.5 6.3 25.5-4.2 33.7s-25.5 6.3-33.7-4.2c-23.2-29.8-37-67.3-37-108s13.8-78.2 37-108c8.1-10.5 23.2-12.3 33.7-4.2s12.3 23.2 4.2 33.7zM427 148c23.2 29.8 37 67.3 37 108s-13.8 78.2-37 108c-8.1 10.5-23.2 12.3-33.7 4.2s-12.3-23.2-4.2-33.7C406 312.8 416 285.6 416 256s-10-56.8-26.9-78.5c-8.1-10.5-6.3-25.5 4.2-33.7s25.5-6.3 33.7 4.2z",
  419.                 "0 0 576 512",
  420.                 'live-stats',
  421.                 () => {
  422.                     const channelId = getChannelIdentifier();
  423.                     if (channelId) {
  424.                         const url = `https://afkarxyzstats.vercel.app/?directStream=${channelId}`;
  425.                         window.open(url, '_blank');
  426.                     }
  427.                 }
  428.             );
  429.             
  430.             liveButtonContainer.appendChild(liveButton);
  431.             horizontalMenu.appendChild(liveButtonContainer);
  432.         }
  433.  
  434.         if (channelFeatures.hasShorts) {
  435.             const shortsButtonContainer = document.createElement('div');
  436.             shortsButtonContainer.className = 'stats-menu-button shorts-stats-container';
  437.             
  438.             const shortsButton = createButton(
  439.                 'Shorts', 
  440.                 "M80 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l224 0c8.8 0 16-7.2 16-16l0-384c0-8.8-7.2-16-16-16L80 48zM16 64C16 28.7 44.7 0 80 0L304 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L80 512c-35.3 0-64-28.7-64-64L16 64zM160 400l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z",
  441.                 "0 0 384 512",
  442.                 'shorts-stats',
  443.                 () => {
  444.                     const channelId = getChannelIdentifier();
  445.                     if (channelId) {
  446.                         const url = `https://afkarxyzstats.vercel.app/?directShorts=${channelId}`;
  447.                         window.open(url, '_blank');
  448.                     }
  449.                 }
  450.             );
  451.             
  452.             shortsButtonContainer.appendChild(shortsButton);
  453.             horizontalMenu.appendChild(shortsButtonContainer);
  454.         }
  455.  
  456.         containerDiv.appendChild(horizontalMenu);
  457.  
  458.         const joinButton = document.querySelector('.yt-flexible-actions-view-model-wiz__action:not(.stats-menu-container)');
  459.         if (joinButton) {
  460.             joinButton.parentNode.appendChild(containerDiv);
  461.         } else {
  462.             const buttonContainer = document.querySelector('#subscribe-button + #buttons');
  463.             if (buttonContainer) {
  464.                 buttonContainer.appendChild(containerDiv);
  465.             }
  466.         }
  467.  
  468.         return containerDiv;
  469.     }
  470.  
  471.     function checkAndAddMenu() {
  472.         const joinButton = document.querySelector('.yt-flexible-actions-view-model-wiz__action:not(.stats-menu-container)');
  473.         const statsMenu = document.querySelector('.stats-menu-container');
  474.  
  475.         if (joinButton && !statsMenu) {
  476.             createStatsMenu();
  477.         }
  478.     }
  479.  
  480.     function checkAndInsertIcon() {
  481.         const isShorts = window.location.pathname.includes('/shorts/');
  482.         if (isShorts) {
  483.             const shortsObserver = new MutationObserver((_mutations, observer) => {
  484.                 if (insertIconForShorts()) {
  485.                     observer.disconnect();
  486.                 }
  487.             });
  488.  
  489.             const shortsContainer = document.querySelector('ytd-shorts');
  490.             if (shortsContainer) {
  491.                 shortsObserver.observe(shortsContainer, { 
  492.                     childList: true, 
  493.                     subtree: true 
  494.                 });
  495.                 insertIconForShorts();
  496.             }
  497.         } else if (getVideoId()) {
  498.             insertIconForRegularVideo();
  499.         }
  500.     }
  501.  
  502.     function init() {
  503.         addStyles();
  504.         checkAndInsertIcon();
  505.         checkAndAddMenu();
  506.         
  507.         history.pushState = (function(f) {
  508.             return function() {
  509.                 const result = f.apply(this, arguments);
  510.                 checkUrlChange();
  511.                 return result;
  512.             };
  513.         })(history.pushState);
  514.  
  515.         history.replaceState = (function(f) {
  516.             return function() {
  517.                 const result = f.apply(this, arguments);
  518.                 checkUrlChange();
  519.                 return result;
  520.             };
  521.         })(history.replaceState);
  522.  
  523.         window.addEventListener('popstate', checkUrlChange);
  524.         
  525.         if (isChannelPage(location.href)) {
  526.             checkChannelTabs(location.href);
  527.         }
  528.     }
  529.  
  530.     const observer = new MutationObserver((mutations) => {
  531.         for (let mutation of mutations) {
  532.             if (mutation.type === 'childList') {
  533.                 checkAndInsertIcon();
  534.                 checkAndAddMenu();
  535.             }
  536.         }
  537.     });
  538.  
  539.     observer.observe(document.body, { childList: true, subtree: true });
  540.  
  541.     if (document.readyState === 'loading') {
  542.         document.addEventListener('DOMContentLoaded', init);
  543.     } else {
  544.         init();
  545.     }
  546.  
  547.     window.addEventListener('yt-navigate-finish', () => {
  548.         checkAndInsertIcon();
  549.         checkAndAddMenu();
  550.         if (isChannelPage(location.href)) {
  551.             checkChannelTabs(location.href);
  552.         }
  553.     });
  554.  
  555.     document.addEventListener('yt-action', function(event) {
  556.         if (event.detail && event.detail.actionName === 'yt-reload-continuation-items-command') {
  557.             checkAndInsertIcon();
  558.             checkAndAddMenu();
  559.         }
  560.     });
  561. })();