Kubernetes documentation webpage greasemonkey cleanup script

Kubernetes documentation, fat cleanup.user.js

// ==UserScript==
// @name         Kubernetes documentation, fat cleanup
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description
// @author       You
// @match        https://kubernetes.io/docs/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    var showing = true;
    var documentationWidthBeforeHiding;
    var hideNavIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyMDQ4IDE3OTIiPjxwYXRoIGZpbGw9InJnYigyMSwxMDEsMTkyKSIgZD0iTTAgODk2cTAtMTMwIDUxLTI0OC41dDEzNi41LTIwNCAyMDQtMTM2LjUgMjQ4LjUtNTFoNzY4cTEzMCAwIDI0OC41IDUxdDIwNCAxMzYuNSAxMzYuNSAyMDQgNTEgMjQ4LjUtNTEgMjQ4LjUtMTM2LjUgMjA0LTIwNCAxMzYuNS0yNDguNSA1MWgtNzY4cS0xMzAgMC0yNDguNS01MXQtMjA0LTEzNi41LTEzNi41LTIwNC01MS0yNDguNXpNMTQwOCAxNDA4cTEwNCAwIDE5OC41LTQwLjV0MTYzLjUtMTA5LjUgMTA5LjUtMTYzLjUgNDAuNS0xOTguNS00MC41LTE5OC41LTEwOS41LTE2My41LTE2My41LTEwOS41LTE5OC41LTQwLjUtMTk4LjUgNDAuNS0xNjMuNSAxMDkuNS0xMDkuNSAxNjMuNS00MC41IDE5OC41IDQwLjUgMTk4LjUgMTA5LjUgMTYzLjUgMTYzLjUgMTA5LjUgMTk4LjUgNDAuNXoiLz48L3N2Zz4=';
    var showNavIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyMDQ4IDE3OTIiPjxwYXRoIGZpbGw9InJnYigxODksMTg5LDE4OSkiIGQ9Ik0xMTUyIDg5NnEwLTEwNC00MC41LTE5OC41dC0xMDkuNS0xNjMuNS0xNjMuNS0xMDkuNS0xOTguNS00MC41LTE5OC41IDQwLjUtMTYzLjUgMTA5LjUtMTA5LjUgMTYzLjUtNDAuNSAxOTguNSA0MC41IDE5OC41IDEwOS41IDE2My41IDE2My41IDEwOS41IDE5OC41IDQwLjUgMTk4LjUtNDAuNSAxNjMuNS0xMDkuNSAxMDkuNS0xNjMuNSA0MC41LTE5OC41ek0xOTIwIDg5NnEwLTEwNC00MC41LTE5OC41dC0xMDkuNS0xNjMuNS0xNjMuNS0xMDkuNS0xOTguNS00MC41aC0zODZxMTE5IDkwIDE4OC41IDIyNHQ2OS41IDI4OC02OS41IDI4OC0xODguNSAyMjRoMzg2cTEwNCAwIDE5OC41LTQwLjV0MTYzLjUtMTA5LjUgMTA5LjUtMTYzLjUgNDAuNS0xOTguNXpNMjA0OCA4OTZxMCAxMzAtNTEgMjQ4LjV0LTEzNi41IDIwNC0yMDQgMTM2LjUtMjQ4LjUgNTFoLTc2OHEtMTMwIDAtMjQ4LjUtNTF0LTIwNC0xMzYuNS0xMzYuNS0yMDQtNTEtMjQ4LjUgNTEtMjQ4LjUgMTM2LjUtMjA0IDIwNC0xMzYuNSAyNDguNS01MWg3NjhxMTMwIDAgMjQ4LjUgNTF0MjA0IDEzNi41IDEzNi41IDIwNCA1MSAyNDguNXoiLz48L3N2Zz4=';

    var toggle = document.createElement('img');
    toggle.src = hideNavIcon;
    toggle.style.position = 'fixed';
    toggle.style.bottom = "10px";
    toggle.style.right = "10px";
    toggle.style.width = "20px";
    toggle.style.height = "20px";
    toggle.style.cursor = "pointer";
    toggle.addEventListener("click", function() {
        showing = !showing;
        if (!showing) {
            hideNav();
        } else {
            showNav();
        }
    });
    document.getElementsByTagName('body')[0].appendChild(toggle);

    // There a blind interval running every 10 seconds in all kubernetes docunmenation pages, not sure why this used. But this is making the CPU go 100% of I hide sections.
    // Even otherwise, the CPU per page is staying at 6%
    // So lets clear all intervals on the page
    for (var i = 1; i < 99999; i++) {
        window.clearInterval(i);
    }

    function hideNav() {
        console.log('hiding controls');
        var header = document.querySelectorAll('header')[0];
        header.style.display = 'none';
        var footer = document.querySelectorAll('footer')[0];
        footer.style.display = 'none';
        var heroSection = document.getElementById('hero');
        heroSection.style.display = 'none';
        var toc = document.getElementById('docsToc');
        toc.style.display = 'none';
        var editPageButton = document.getElementById('editPageButton');
        editPageButton.style.display = 'none';
        var documentation = document.getElementById('docsContent');
        documentationWidthBeforeHiding = documentation.style.width;
        documentation.style.width = '100%';

        toggle.src = showNavIcon;
    }

    function showNav() {
        console.log('showing controls');
       var header = document.querySelectorAll('header')[0];
        header.style.display = '';
        var footer = document.querySelectorAll('footer')[0];
        footer.style.display = '';
        var heroSection = document.getElementById('hero');
        heroSection.style.display = '';
        var toc = document.getElementById('docsToc');
        toc.style.display = '';
        var editPageButton = document.getElementById('editPageButton');
        editPageButton.style.display = '';
        var documentation = document.getElementById('docsContent');
        documentation.style.width = documentationWidthBeforeHiding;

        toggle.src = hideNavIcon;
    }

    function hasClass(el, className) {
        if (el.classList)
            return el.classList.contains(className);
        else
            return !!el.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'));
    }

    function addClass(el, className) {
        if (el.classList)
            el.classList.add(className);
        else if (!hasClass(el, className)) el.className += " " + className;
    }

    function removeClass(el, className) {
        if (el.classList)
            el.classList.remove(className);
        else if (hasClass(el, className)) {
            var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
            el.className=el.className.replace(reg, ' ');
        }
    }
})();