YouTube Anti-AdBlock Bypass via YouTube Enhancer

A simple method of bypassing YouTube's AdBlock Detection using Enhancer for YouTube's "Remove Ads" button, featuring a GUI for easy configuration! Does not require the use of any external website like similar tools do.

// ==UserScript==
// @name         YouTube Anti-AdBlock Bypass via YouTube Enhancer
// @namespace    https://e-z.bio/yaw
// @homepage     https://github.com/Yaw-Dev/YT-AntiAdBlock-Bypass
// @icon         https://www.gstatic.com/youtube/img/branding/favicon/favicon_192x192.png
// @version      1.7.6
// @description  A simple method of bypassing YouTube's AdBlock Detection using Enhancer for YouTube's "Remove Ads" button, featuring a GUI for easy configuration! Does not require the use of any external website like similar tools do.
// @author       Yaw
// @match        https://www.youtube.com/*
// @license      MIT
// @grant        GM_getValue
// @grant        GM_setValue
// ==/UserScript==

(function() {
    'use strict';

    var searchInterval = GM_getValue('searchInterval', 800);
    var animatedTitle = GM_getValue('animatedTitle', false);
    var menuAccentColor = GM_getValue('menuAccentColor', '#FE2020')
    var failCounter = 0;
    var masterSwitch = true;
    var titleIndex = 0;

    function createSettingsMenu() {
        const settingsButton = Object.assign(document.createElement('button'), {
            textContent: 'Bypasser Settings'
        });

        Object.assign(settingsButton.style, {
            position: 'fixed',
            top: '15px',
            left: '200px',
            background: 'rgba(12, 12, 12, 0.2)',
            color: '#fff',
            border: '1px solid',
            borderColor: menuAccentColor,
            borderRadius: '5px',
            padding: '5px 10px',
            cursor: 'pointer',
            zIndex: '9999'
        });

        document.body.appendChild(settingsButton);

        function toggleSettingsButton() {
            if (document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement) {
                settingsButton.style.display = 'none';
            } else {
                settingsButton.style.display = 'block';
            }
        }

        document.addEventListener('fullscreenchange', toggleSettingsButton);
        document.addEventListener('mozfullscreenchange', toggleSettingsButton);
        document.addEventListener('webkitfullscreenchange', toggleSettingsButton);

        toggleSettingsButton();

        const settingsMenuHTML = `
            <div id="yt-settings-menu" style="display: none; position: fixed; top: 50px; left: 83px; background: rgba(12, 12, 12, 0.8); color: #fff; border: 1px solid ${menuAccentColor}; border-radius: 10px; padding: 10px; z-index: 10000;">
                <button id="close-menu" style="position: absolute; top: 8px; right: 10px; background: transparent; color: #DEDDDD; border: none; cursor: pointer; font-size: 15px;">x</button>
                <h2 style="text-align: center;">Bypasser Settings</h2>
                <br>
                <div style="text-align: left; margin-top: 5px;">
                    <label for="search-interval" style="display: inline-block; width: 70px; vertical-align: middle;">Search Interval:</label>
                    <input type="range" id="search-interval" min="100" max="5000" style="display: inline-block; vertical-align: middle; cursor: pointer;">
                    <span id="search-interval-value" style="display: inline-block; vertical-align: middle; width: 16px; overflow: visible; white-space: nowrap;">800</span>
                </div>
                <div style="text-align: left; margin-top: 5px;">
                    <label for="toggle-animated-title" style="display: inline-block; width: 70px; vertical-align: middle;">Animated Title:</label>
                    <input type="checkbox" id="toggle-animated-title" style="display: inline-block; vertical-align: middle;">
                </div>
                <div style="text-align: left; margin-top: 5px;">
                    <label for="menuAccentColor" style="display: inline-block; width: 70px; vertical-align: middle;">Accent Color:</label>
                    <input type="color" id="accent-color" style="display: inline-block; vertical-align: middle;" value="${menuAccentColor}">
                    <button id="reset-color" style="display: inline-block; vertical-align: middle; background: transparent; border: none; cursor: pointer; font-size: 15px; color: white;">↺</button>
                </div>
                <div style="text-align: center; margin-top: 12px;">
                    <button id="save-settings" style="background: #555; color: #fff; border: none; border-radius: 5px; padding: 5px 10px; cursor: pointer;">Save Settings</button>
                    <p style="color: #aaa; display: inline-block; margin-left: 10px;">(Page will refresh)</p>
                </div>
                <p style="text-align: center; color: #aaa; margin-top: 10px;">Made by github.com/Yaw-Dev (Yaw)</p>
                </div>
            `;

        const settingsMenu = Object.assign(document.createElement('div'), {
            innerHTML: settingsMenuHTML,
            style: "z-index: 10000;"
        });
        document.body.appendChild(settingsMenu);

        const colorPicker = document.getElementById('accent-color');
        function updateAccentColorStyle() {
            const settingsMenu = document.getElementById('yt-settings-menu');
            settingsMenu.style.borderColor = menuAccentColor;
            settingsButton.style.borderColor = menuAccentColor;
            colorPicker.value = menuAccentColor;
        }

        const resetColorButton = document.getElementById('reset-color');

        colorPicker.addEventListener('input', () => {
            menuAccentColor = colorPicker.value;
            updateAccentColorStyle();
        });

        resetColorButton.addEventListener('click', () => {
            menuAccentColor = '#FE2020';
            updateAccentColorStyle();
        });

        const toggleAnimatedTitle = document.getElementById('toggle-animated-title');
        toggleAnimatedTitle.addEventListener('change', () => {
            animatedTitle = toggleAnimatedTitle.checked;
        });

        var hideAllElements = false;
        document.addEventListener('keydown', function(event) {
            if (event.key === 'Insert') {
                if (hideAllElements) {
                    settingsButton.style.display = 'block';
                    settingsMenu.style.display = 'block';
                } else {
                    settingsButton.style.display = 'none';
                    settingsMenu.style.display = 'none';
                }
                hideAllElements = !hideAllElements;
            }
        });

        settingsButton.addEventListener('click', () => {
            document.getElementById('yt-settings-menu').style.display = 'block';
            document.getElementById('search-interval').value = searchInterval;
            document.getElementById('search-interval-value').textContent = searchInterval;
            toggleAnimatedTitle.checked = animatedTitle;
        });

        document.getElementById('search-interval').addEventListener('input', () => {
            searchInterval = parseInt(document.getElementById('search-interval').value);
            document.getElementById('search-interval-value').textContent = searchInterval;
        });

        document.getElementById('accent-color').addEventListener('input', function() {
            const newAccentColor = this.value;
            menuAccentColor = newAccentColor;
            settingsButton.style.borderColor = menuAccentColor;
        });

        document.getElementById('save-settings').addEventListener('click', () => {
            GM_setValue('searchInterval', searchInterval);
            GM_setValue('animatedTitle', animatedTitle);
            GM_setValue('menuAccentColor', menuAccentColor);
            location.reload();
            document.getElementById('yt-settings-menu').style.display = 'none';
        });

        document.getElementById('close-menu').addEventListener('click', () => {
            document.getElementById('yt-settings-menu').style.display = 'none';
        });
    }

    function switchTabTitle() {
        var titles = ["Enjoying YouTube with no Ads", "by github.com/Yaw-Dev"];
        if (animatedTitle) {
            window.document.title = titles[titleIndex];
            titleIndex = (titleIndex + 1) % titles.length;
        }
    }

    function removeAds() {
        const currentURL = window.location.href;
        if (masterSwitch) {
            if (/https:\/\/www\.youtube\.com\/watch\?.*/.test(currentURL)) {
                const button = document.getElementById("efyt-not-interested");
                const adShowing = document.querySelector('.ad-showing');
                if (adShowing) {
                    if (button) {
                        button.click();
                        console.log("Button found and clicked.")
                        failCounter = 0;
                    }
                    else {
                        console.log("Failed to find button. Retrying in ", searchInterval, " ms");
                        failCounter = failCounter + 1;
                    }
                    if (failCounter > 10) {
                        var buttonNotFound = window.confirm("Failed to find the 'Remove Ads' button. Please make sure that Enhancer for YouTube is installed.\n\nPress 'OK' to redirect to the installation page.\nPress 'Cancel' to disable the Bypasser for this session.");
                        if (buttonNotFound) {
                            window.open("https://chrome.google.com/webstore/detail/enhancer-for-youtube/ponfpcnoihfmfllpaingbgckeeldkhle");
                            failCounter = 0;
                        } else {
                            masterSwitch = false;
                        }
                    }
                }
            }
        }
    }
    createSettingsMenu();
    setInterval(removeAds, searchInterval);
    setInterval(switchTabTitle, 1000);
})();