Greasy Fork

Shined up real nice.

Greasy Fork is available in English.

Youtube - Restore Classic

If youtube is in the new 2017 YouTube Material Redesign, automatically restore classic view

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
// ==UserScript==
// @name         Youtube - Restore Classic
// @version      1.0.6
// @description  If youtube is in the new 2017 YouTube Material Redesign, automatically restore classic view
// @author       Cpt_mathix
// @include      https://www.youtube.com
// @include      https://www.youtube.com/*
// @license      GPL-2.0+; http://www.gnu.org/licenses/gpl-2.0.txt
// @namespace    https://greasyfork.org/users/16080
// @run-at       document-start
// @grant        none
// @noframes
// ==/UserScript==

(function() {
    init();

    window.addEventListener("spfdone", function(e) {
		document.getElementById("body").classList.remove("sitewide-ticker-visible");
	});

    function init() {
        restoreClassicYoutube();
        document.addEventListener('DOMContentLoaded', function(){
            hideNewYoutubeBanner();
        }, false);
    }

    function restoreClassicYoutube() {
        // Cookies are enabled?
        if (navigator.cookieEnabled) {
            if (document.cookie) {
                var cookie = getCookie("PREF");

                // Pref cookie exists?
                if (cookie) {
                    console.log("current PREF cookie: " + cookie);
                    if (cookie.search(/f6=(8|9)(&|;|$)/) === -1) {
                        replaceCookieAndReload(cookie);
                    } else {
                        deleteCache("reloadCount");
                    }
                } else {
                    createCookieAndReload();
                }
            } else {
                createCookieAndReload();
            }
        } else {
            console.log("Error: Youtube - Restore Classic doesn't work if cookies are disabled");
        }
    }

    function getCookie(name) {
        var cookie=  document.cookie.match(new RegExp(name + '=([^;]+)'));
        if (cookie && cookie[1]) {
            return cookie[1];
        }
        return null;
    }

    function createCookieAndReload() {
        document.cookie = "PREF=f6=8;path=/;domain=.youtube.com";
        reload();
    }

    function replaceCookieAndReload(cookie) {
        if (cookie.search(/f6=[^;&]*/) === -1) {
            document.cookie = "PREF=" + cookie + "&f6=8" + ";path=/;domain=.youtube.com";
        } else if (cookie.search(/f6=[^;&]*/) !== -1) {
            document.cookie = "PREF=" + cookie.replace(/f6=[^;&]*/, 'f6=8') + ";path=/;domain=.youtube.com";
        }
        reload();
    }

    function reload() {
        var reloadCount = getCache("reloadCount");
        if (reloadCount && parseInt(reloadCount) <= 3) {
            setCache("reloadCount", parseInt(reloadCount) + 1);
            location.reload();
        } else if (reloadCount && parseInt(reloadCount) > 3) {
            console.log("Youtube - Restore Classic\nSomething went wrong... Please post the following information on greasyfork and disable this script\n\nDebug information:\nCookies enabled: " + navigator.cookieEnabled + "\nCurrent cookies: " + getCookie("PREF"));
            deleteCache("reloadCount");
        } else {
            setCache("reloadCount", 1);
            location.reload();
        }
    }

    function getCache(key) {
		return JSON.parse(localStorage.getItem("YTRestore#" + key));
	}

	function deleteCache(key) {
		localStorage.removeItem("YTRestore#" + key);
	}

	function setCache(key, value) {
		localStorage.setItem("YTRestore#" + key, JSON.stringify(value));
	}

    function hideNewYoutubeBanner() {
        document.getElementById("body").classList.remove("sitewide-ticker-visible");

		var css = `
#ticker {
    display: none!important;
}
`;

		var style = document.createElement("style");
		style.type = "text/css";
		if (style.styleSheet){
			style.styleSheet.cssText = css;
		} else {
			style.appendChild(document.createTextNode(css));
		}

		document.documentElement.appendChild(style);
	}
})();