☰

No more google before you continue

Universal solution to remove "Before you continue"

// ==UserScript==
// @name         No more google before you continue
// @version      1.3.6
// @description  Universal solution to remove "Before you continue"
// @author       Davilarek
// @match        http*://www.google.com/
// @match        http*://www.google.com/*
// @match        http*://consent.google.com/m?continue=*
// @match        http*://consent.youtube.com/m?continue=*
// @match        http*://m.youtube.com/
// @match        http*://m.youtube.com/*
// @match        http*://www.youtube.com/*
// @match        http*://www.youtube.com/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=google.com
// @grant        none
// @run-at       document-end
// @homepageURL  https://github.com/Davilarek/RemoveGoogleBeforeYouContinue
// @supportURL   https://github.com/Davilarek/RemoveGoogleBeforeYouContinue/issues
// @namespace https://greasyfork.org/users/1024514
// ==/UserScript==

(function () {
    'use strict';
    function checkStyleOrClass(element, styleName, styleValue) {
        if (element.style[styleName] === styleValue) {
            return true;
        }

        var computedStyle = getComputedStyle(element);
        for (var i = 0; i < element.classList.length; i++) {
            var className = element.classList[i];
            if (computedStyle[styleName] === styleValue) {
                return true;
            }
        }
        return false;
    }

    function waitForElement(selector, callback, timeout = 5000, timedOut = (() => { })) {
        let timeoutId = null;

        const element = document.querySelector(selector);
        if (element) {
            callback(element);
            return;
        }

        const observer = new MutationObserver(function (mutations) {
            const element = document.querySelector(selector);
            if (element) {
                observer.disconnect();
                clearTimeout(timeoutId);
                callback(element);
            }
        });

        observer.observe(document.body, { childList: true, subtree: true });

        timeoutId = (setTimeout(() => {
            observer.disconnect();
            timedOut();
        }, timeout));
    }

    switch (new URL(location.href).origin) {
        case "https://consent.youtube.com":
        case "https://consent.google.com": {
            let elements = Array.from(document.getElementsByTagName("form")).filter(x => !checkStyleOrClass(x.parentElement, "display", "none"));
            elements[0].getElementsByTagName("button")[0].click();
            break;
        }
        case "https://www.google.com":
        case "https://google.com": {

            const makeFilter = (elToFilter) => {
                return Array.from(elToFilter).filter(x => !x.attributes.role && !x.attributes["aria-label"]);
            };

            // filter out body. In normal case there should be 3 DIV's. First is the search UI, second is "Before you continue dialog" and I don't know what is third.
            // this code filters out the search UI, so there is only the dialog and the thing I don't know what it is.
            let element = Array.from(document.body.children).filter(x => !x.attributes["data-hveid"] && x.tagName == "DIV" && !x.attributes["aria-hidden"])[0];

            // next filter out all buttons from dialog.
            let filter = makeFilter(element.getElementsByTagName("button"));

            // no buttons found. Probably not in incognito mode or dialog is already closed.
            // if (filter.length == 0 || Array.from(document.body.children).filter(x => x.attributes["aria-modal"] && !x.attributes["data-hveid"] && x.tagName == "DIV")[0])
            // debugger;
            let targetIndx = 0;
            if (filter.length == 0) {
                /*
                //setTimeout(() => {
                element = Array.from(document.body.children).filter(x => x.attributes["aria-modal"] && !x.attributes["data-hveid"] && x.tagName == "DIV")[0];
                if (!element)
                    return;
                filter = makeFilter(element.getElementsByTagName("button"));
                if (filter.length == 0)
                    return;
                filter[1].click();
                */
                return;
                //}, 500);
            }
            if (filter.length == 3) {
                targetIndx = 1; // we are dealing with android, or google updated something
            }
            // simulate click of "Deny" button.
            filter[targetIndx].click();
            break;
        }
        // mobile youtube
        case "https://m.youtube.com": {
            waitForElement(".eom-reject", () => {
                let elements = document.getElementsByClassName("eom-reject");
                if (elements.length > 0) {
                    setTimeout(() => {
                        elements[0].getElementsByTagName("button")[0].onclick();
                    }, 1000);
                }
            }, 5000);
            break;
        }
        // pc youtube
        case "https://www.youtube.com": {
            waitForElement("#video-preview", () => {
                // debugger;
                // setTimeout(() => {
                waitForElement("#lightbox", (el) => {
                    // debugger;
                    // if (checkStyleOrClass(el.firstElementChild, "display", "none"))
                    //     return;
                    let filtered = Array.from(document.getElementsByTagName("ytd-button-renderer")).filter(x => x?.parentElement?.parentElement?.parentElement?.className.includes("consent") && x?.parentElement?.parentElement?.parentElement?.className.includes("body"));
                    if (filtered.length > 0) {
                        let correctIndx = 0;
                        debugger;
                        let targetButton = filtered[correctIndx].getElementsByTagName("button")[0];
                        if (!targetButton)
                            targetButton = filtered[correctIndx].querySelector("[role=\"button\"]");
                        targetButton.click();
                    }
                }, 7500);
                // }, undefined, () => { console.log("timed out"); });
                // }, 2900);
            }, Infinity);
            break;
        }
        default:
            break;
    }
})();