☰

YouTube Watched Subscription Hider

Remove (using Hide) watched videos from YouTube subscription page.

// ==UserScript==
// @name         YouTube Watched Subscription Hider
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  Remove (using Hide) watched videos from YouTube subscription page.
// @author       Surf Archer
// @icon         https://www.youtube.com/favicon.ico
// @require      https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js
// @match        https://www.youtube.com/*
// @match        http://www.youtube.com/*
// @match        https://youtube.com/*
// @match        http://youtube.com/*
// @grant        none
// ==/UserScript==
//
// VERSION HISTORY
//	x0.1	13-Apr-2021	Private internal version.
//	v0.2	01-Jan-2020	First public version.
//	v0.3	20-Jan-2023	Update hide endpoint name after YouTube changed it.
//	v0.4	27-Jan-2023	Update API call after YouTube changed it.
//	v0.5	20-Jun-2023	Update after YouTube changed it's page design and layout.

'use strict';

logMsg("Initialising Watched Subscription Hider...");

const DEBUG = false;
const INITIAL_DELAY_MS = 1500;
const RUN_EVERY_MS = 333;
const PERCENT_COMPLETE_HIDE = 90;
const DEBUG_HEARTBEAT_EVERY = (2 * 60);



// Setup code.
injectJS();



function injectJS() {
  logMsg("Injecting Javascript...");

  var script = document.createElement("script");
  script.type = "application/javascript";

  var textContent = ("(" + injectScript + ")();");

  textContent = textContent.replace("const DEBUG = false;", "const DEBUG = "+DEBUG+";");
  textContent = textContent.replace("const INITIAL_DELAY_MS = 0;", "const INITIAL_DELAY_MS = "+INITIAL_DELAY_MS+";");
  textContent = textContent.replace("const RUN_EVERY_MS = 0;", "const RUN_EVERY_MS = "+RUN_EVERY_MS+";");
  textContent = textContent.replace("const PERCENT_COMPLETE_HIDE = 0;", "const PERCENT_COMPLETE_HIDE = "+PERCENT_COMPLETE_HIDE+";");
  textContent = textContent.replace("const DEBUG_HEARTBEAT_EVERY = 0;", "const DEBUG_HEARTBEAT_EVERY = "+DEBUG_HEARTBEAT_EVERY+";");

  script.textContent = textContent;
  document.body.appendChild(script);

  logMsg("Javascript injected!");
}

function injectScript() {
  logMsg("Initialising subscriptionWatchedHide...");

  // This following consts get modified to "carry into" from the outer process during injection.
  const DEBUG = false;
  const INITIAL_DELAY_MS = 0;
  const RUN_EVERY_MS = 0;
  const PERCENT_COMPLETE_HIDE = 0;
  const DEBUG_HEARTBEAT_EVERY = 0;

  var currentBeat=0;

  if(!window.CryptoJS) {
    addScriptToPage("//cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js");
  }

  setTimeout(function(){setInterval(function(){hideWatched();}, RUN_EVERY_MS);}, INITIAL_DELAY_MS);
  //setTimeout(function(){hideWatched();}, INITIAL_DELAY_MS);

	function hideWatched() {
		if(DEBUG && ++currentBeat >= DEBUG_HEARTBEAT_EVERY) {
			logMsg("HEARTBEAT");
			currentBeat=0;
		}

		if(window.location.pathname.toLowerCase() == "/feed/subscriptions") {
			var foundVideo=false;
			//var grid=document.querySelector("ytd-section-list-renderer").querySelector("ytd-grid-renderer");
			//var section=grid.querySelector("ytd-item-section-renderer");

			//var subs=pageManager.querySelector('.style-scope.ytd-browse.grid.grid-4-columns[page-subtype="subscriptions"] #primary #contents');
			//var section=pageManager.querySelector('.grid[page-subtype="subscriptions"] #primary #contents');

			var pageManager=document.getElementById('page-manager');
			logDebug(pageManager);
			var sections=pageManager.querySelector('.ytd-browse.grid[page-subtype="subscriptions"] #primary #contents');
			logDebug(sections);
			//var section=sections.querySelector('ytd-item-section-renderer');
      var section=sections.querySelector('ytd-rich-grid-row');
			logDebug(section);

			while(section != null && !foundVideo) {
        //var video=section.querySelector('ytd-grid-video-renderer');
				var video=section.querySelector('ytd-rich-grid-media');
				if(video == null) {
					// Handle the full-width format (i.e., non-grid) video.
					video=section.querySelector("ytd-video-renderer");
				}
				while(video != null && !foundVideo) {
					if(video.data.hasOwnProperty("thumbnailOverlays")) {
						var to=video.data.thumbnailOverlays;
						if(to.length > 1) {
							if(to[0].hasOwnProperty("thumbnailOverlayResumePlaybackRenderer")) {
								if(to[0].thumbnailOverlayResumePlaybackRenderer.percentDurationWatched >= PERCENT_COMPLETE_HIDE) {
									foundVideo=true;
									hideVideo(video);
								}
							}
						}
					}
					if(video.isDismissed) {
						video.remove();
					}
					if(!foundVideo) {
						video=video.nextSibling;
					}
				}
				if(!foundVideo) {
					section=section.nextSibling;
				}
			}
		}
	}

	function hideVideo(video) {
		var ret=false;
		var vId=video.data.videoId;
		var vTitle=video.data.title.runs[0].text;
		logMsg("Hiding video. (ID: "+vId+"  Title: "+vTitle+")");
		if(doDismissal(video)) {
			ret=true;
		} else {
			logMsg("  Dismissal failed!");
		}
		video.remove();
		return ret;
	}

  // UTILITY FUNCTIONS.
	function getEndpoint(elem, endpointName) {
		var ret=null;
		var menuItems=elem.data.menu.menuRenderer.items;

		for (var i = 0; i < menuItems.length && ret === null; i++) {
      var se=menuItems[i].menuServiceItemRenderer.serviceEndpoint;
			if(endpointName in se) {
				ret=menuItems[i].menuServiceItemRenderer.serviceEndpoint;
			}
		}
		return ret;
	}

  function doDismissal(video) {
		var ret=false;
		//var ep=getEndpoint(video, "dismissalEndpoint");	// v0.2
		var ep=getEndpoint(video, "feedbackEndpoint");		// v0.3 20-Jan-2023 Youtube changed the endpoint name.

		// Build the body part.
		//var b={"context":{}, "items":[]};	// v0.2
		var b={"context":{}, "feedbackTokens":[]};		// v0.4 27-Jan-2023 Remove "items" since Youtube changed the API format.
		
		b.context=window.ytcfg.get("INNERTUBE_CONTEXT");
		b.context.client.screenWidthPoints=window.innerWidth;
		b.context.client.screenHeightPoints=window.innerHeight;
		b.context.client.screenPixelDensity=Math.round(window.devicePixelRatio || 1);
		b.context.client.screenDensityFloat=window.devicePixelRatio || 1;
		b.context.client.utcOffsetMinutes=-Math.floor((new Date).getTimezoneOffset());
		b.context.client.userInterfaceTheme="USER_INTERFACE_THEME_LIGHT";
		b.context.request.internalExperimentFlags=[];
		b.context.request.consistencyTokenJars=[];
		b.context.user={};
		b.context.clientScreenNonce=window.ytcfg.get("client-screen-nonce");

		//b.items[0] = ep.dismissalEndpoint.dismissal;	// v0.2
		//b.items[0] = ep.feedbackEndpoint.dismissal;			// v0.3 20-Jan-2023 Youtube changed the endpoint name.
    // v0.4 27-Jan-2023 Remove "items" since Youtube changed the API format.
		
		b.feedbackTokens[0] = ep.feedbackEndpoint.feedbackToken;	// v0.4 27-Jan-2023 Add "feedbackEndpoint" since Youtube changed the API format.

		// Add in the parts specific to the srcRow.
		b.context.clickTracking={"clickTrackingParams" : ep.clickTrackingParams};

		var s=JSON.stringify(b);
		
		// Now build the request.
		var r={"credentials": "include", "headers":{}, "referrer": "", "body": "", "method": "POST", "mode": "cors"};
		if(!("user-agent" in r.headers) && !("User-Agent" in r.headers)) {
			r.headers['User-Agent']=navigator.userAgent;
		}
		r.headers.Accept="*/*";
		r.headers['Accept-Language']=(navigator.language || navigator.userLanguage);
		r.headers['Content-Type']="application/json";
		r.headers.Authorization=sapisidHash();
		if(!("x-goog-authuser" in r.headers) && !("X-Goog-Authuser" in r.headers) && !("X-Goog-AuthUser" in r.headers)) {
			r.headers['X-Goog-AuthUser']=window.ytcfg.get("SESSION_INDEX");
		}
		r.headers['X-Origin']=window.location.origin;

		r.referrer=window.location.href;
		r.body=s;

		// Dispatch the fetch with the right key and wait for it to finish.
		var key=window.ytcfg.get("INNERTUBE_API_KEY");

		var url=window.location.origin+ep.commandMetadata.webCommandMetadata.apiUrl;
		var promise=fetch(url+"?key="+key, r);

		promise.then(value => {
			logDebug(promise);
			ret=true;
		});

		return ret;
	}


  // GENERIC UTILITY FUNCTIONS
  function addScriptToPage(s) {
    var script = document.createElement("script");
    script.setAttribute("src", s);
    document.body.appendChild(script);
  }

  function logDebug(msg, force=false) {
    if(DEBUG || force) {
      if(typeof msg === 'string') {
        console.debug("[yt-sub-watched-hide] "+msg);
      } else {
        console.debug("[yt-sub-watched-hide] Logging variable/object below...");
        console.debug(msg);
      }
    }
  }

  function logMsg(msg) {
    console.log("[yt-sub-watched-hide] "+msg);
  }

  function sapisidHash() {
    var ret="";

    // First get the cookie value.
    var cookies=decodeURIComponent(document.cookie).split(';');
    const SC1="SAPISIDHASH=";
    const SC2="__Secure-3PAPISID=";
    var cval="";
    for(var i=0; i < cookies.length && cval == ""; i++) {
      var c=cookies[i].trim();
      if(c.indexOf(SC1) == 0) {
        cval=c.substring(SC1.length, c.length);
      } else if(c.indexOf(SC2) == 0) {
        cval=c.substring(SC2.length, c.length);
      }
    }

    // Now generate the hash.
    if(cval != "") {
      var timeSecs = Math.floor(new Date().getTime()/1000);
      var s=timeSecs+" "+cval+" https://www.youtube.com"
      var h=CryptoJS.SHA1(s);
      s=h.toString();
      ret="SAPISIDHASH "+timeSecs+"_"+s;
    }
    return ret;
  }

  logMsg("Initialisation of YouTube Watched Subscription Hider finished...");
}

function logMsg(msg) {
  console.log("[yt-sub-watched-hide] "+msg);
}