☰

Hide Watched & Selected Youtubes Videos

Hide viewed & selected videos from your subscriptions.

// ==UserScript==
// @name           Hide Watched & Selected Youtubes Videos
// @description    Hide viewed & selected videos from your subscriptions.
// @include        https://www.youtube.com/feed/subscriptions*
// @include        https://www.youtube.com/feed/subscriptions*
// @license        MIT
// @version        1.7
// @date           31-01-2017
// @require        https://code.jquery.com/jquery-latest.min.js
// @namespace https://greasyfork.org/users/59385
// ==/UserScript==
// js-cookie
/*!
 * JavaScript Cookie v2.1.3
 * https://github.com/js-cookie/js-cookie
 *
 * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
 * Released under the MIT license
 */
;(function (factory) {
	var registeredInModuleLoader = false;
	if (typeof define === 'function' && define.amd) {
		define(factory);
		registeredInModuleLoader = true;
	}
	if (typeof exports === 'object') {
		module.exports = factory();
		registeredInModuleLoader = true;
	}
	if (!registeredInModuleLoader) {
		var OldCookies = window.Cookies;
		var api = window.Cookies = factory();
		api.noConflict = function () {
			window.Cookies = OldCookies;
			return api;
		};
	}
}(function () {
	function extend () {
		var i = 0;
		var result = {};
		for (; i < arguments.length; i++) {
			var attributes = arguments[ i ];
			for (var key in attributes) {
				result[key] = attributes[key];
			}
		}
		return result;
	}

	function init (converter) {
		function api (key, value, attributes) {
			var result;
			if (typeof document === 'undefined') {
				return;
			}

			// Write

			if (arguments.length > 1) {
				attributes = extend({
					path: '/'
				}, api.defaults, attributes);

				if (typeof attributes.expires === 'number') {
					var expires = new Date();
					expires.setMilliseconds(expires.getMilliseconds() + attributes.expires * 864e+5);
					attributes.expires = expires;
				}

				try {
					result = JSON.stringify(value);
					if (/^[\{\[]/.test(result)) {
						value = result;
					}
				} catch (e) {}

				if (!converter.write) {
					value = encodeURIComponent(String(value))
						.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
				} else {
					value = converter.write(value, key);
				}

				key = encodeURIComponent(String(key));
				key = key.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent);
				key = key.replace(/[\(\)]/g, escape);

				return (document.cookie = [
					key, '=', value,
					attributes.expires ? '; expires=' + attributes.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
					attributes.path ? '; path=' + attributes.path : '',
					attributes.domain ? '; domain=' + attributes.domain : '',
					attributes.secure ? '; secure' : ''
				].join(''));
			}

			// Read

			if (!key) {
				result = {};
			}

			// To prevent the for loop in the first place assign an empty array
			// in case there are no cookies at all. Also prevents odd result when
			// calling "get()"
			var cookies = document.cookie ? document.cookie.split('; ') : [];
			var rdecode = /(%[0-9A-Z]{2})+/g;
			var i = 0;

			for (; i < cookies.length; i++) {
				var parts = cookies[i].split('=');
				var cookie = parts.slice(1).join('=');

				if (cookie.charAt(0) === '"') {
					cookie = cookie.slice(1, -1);
				}

				try {
					var name = parts[0].replace(rdecode, decodeURIComponent);
					cookie = converter.read ?
						converter.read(cookie, name) : converter(cookie, name) ||
						cookie.replace(rdecode, decodeURIComponent);

					if (this.json) {
						try {
							cookie = JSON.parse(cookie);
						} catch (e) {}
					}

					if (key === name) {
						result = cookie;
						break;
					}

					if (!key) {
						result[name] = cookie;
					}
				} catch (e) {}
			}

			return result;
		}

		api.set = api;
		api.get = function (key) {
			return api.call(api, key);
		};
		api.getJSON = function () {
			return api.apply({
				json: true
			}, [].slice.call(arguments));
		};
		api.defaults = {};

		api.remove = function (key, attributes) {
			api(key, '', extend(attributes, {
				expires: -1
			}));
		};

		api.withConverter = init;

		return api;
	}

	return init(function () {});
}));
// Required
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '.hideButton { width:30px; position: absolute; bottom: 0%; right: 2%; background-color: white;';
style.innerHTML += 'border-radius: 50%; opacity: 1; }';
style.innerHTML += '.hideButton:hover { opacity: 1; cursor: pointer;} ';
//style.innerHTML += '.a.yt-uix-sessionlink.spf-link:hover .hideButton{ opacity: 1;}';

document.getElementsByTagName('head')[0].appendChild(style);
// Start

function hideWatched() {
    if ($("#hide-videos").is(":checked") && window.location.href == "https://www.youtube.com/feed/subscriptions" || window.location.href == "http://www.youtube.com/feed/subscriptions") {
        $(".ytd-thumbnail-overlay-resume-playback-renderer").each(function() {
            $(this).closest("ytd-grid-video-renderer").hide();
        });
    }
}

function showWatched() {
        $("ytd-grid-video-renderer").show("200");
}

function refreshHideYoutubeVideos(showAll) {
		$('ytd-grid-video-renderer #dismissable #details').each(function() {
			if(!$(this).find('.hideButton').length) {
				$(this).append('<img src="https://image.flaticon.com/icons/svg/61/61685.svg" class="hideButton" />');
			}
		});
    if (Cookies.getJSON('hideYoutubeVideos') !== undefined && window.location.href == "https://www.youtube.com/feed/subscriptions" || window.location.href == "http://www.youtube.com/feed/subscriptions") {
        var data = Cookies.getJSON('hideYoutubeVideos').data;
        data.items.forEach(function(item) {
            //console.log(item.href);
						if(showAll === true) {
							$('a[href="' + item.href + '"]').each(function() {
								$(this).closest("ytd-grid-video-renderer").show("200");
							});
						} else if ($("#hide-videos").prop('checked') === true) {
                $('a[href="' + item.href + '"]').each(function() {
									$(this).closest("ytd-grid-video-renderer").hide();
                });
            } else {
                $('a[href="' + item.href + '"]').each(function() {
									$(this).closest("ytd-grid-video-renderer").show("200");
                });
            }
        });
    }
}

$(function() {
    //Add mutation observer, checks for changes in DOM
    if (MutationObserver) {
        var myObserver = new MutationObserver(hideWatched);
    } else {
        var myObserver = new WebKitMutationObserver(hideWatched);
    }
    myObserver.observe(document, {
        childList: true,
        subtree: true
    });
    //Add mutation observer 2, checks for changes in DOM
    if (MutationObserver) {
        var myObserver2 = new MutationObserver(refreshHideYoutubeVideos);
    } else {
        var myObserver2 = new WebKitMutationObserver(refreshHideYoutubeVideos);
    }
    myObserver2.observe(document, {
        childList: true,
        subtree: true
    });
    // Add checkbox
    var checker = '<label id="checker-container" id="null">' +
        '<input type="checkbox" id="hide-videos" checked=""  id="null"/>' +
        'Hide watched & selected videos' +
        '</label>' ;
    $("#end").prepend(checker);
    $("#checker-container").css({
        'color': "#666",
        "vertical-align": "middle",
        "text-align": "center"
    });


		var removeCookie = '<li><img id="removeCookie" src="https://www.iconsdb.com/icons/preview/gray/delete-xxl.png" width="16" style="vertical-align: middle; cursor: pointer;"</li>';
		$("#appbar-nav .appbar-nav-menu").append(removeCookie);
		$('#removeCookie').on('click', function(){
				setTimeout(function() {
					refreshHideYoutubeVideos(true);
					Cookies.remove('hideYoutubeVideos');
				}, 1000);
			});

    //checkbox event
    $("#hide-videos").click(function() {
        refreshHideYoutubeVideos();
        if ($(this).is(":not(:checked)")) {
            showWatched();
        } else {
            hideWatched();
        }
    });
    //BONUS: always enable load more button.
    $("button.load-more-button").removeProp("disabled");
    hideWatched();
		//$(".yt-thumb").prepend('<img src="https://image.flaticon.com/icons/svg/61/61685.svg" class="hideButton" />');
    refreshHideYoutubeVideos();
});
// on click and Functions
$('body').on('click', '.hideButton', function(e) {
    e.preventDefault();
    if (Cookies.getJSON('hideYoutubeVideos') !== undefined) {
        var data = Cookies.getJSON('hideYoutubeVideos').data;
    } else {
        var data = {
            items: []
        };
    }
    data.items.push({
        href: $(this).parent().parent().find('a').attr('href')
    });
    Cookies.set('hideYoutubeVideos', {
        data: data,
    }, {
        expires: 36500
    });
    refreshHideYoutubeVideos();
    setTimeout(function(){ window.history.back(); }, 250);
});