hallzy / remove-youtube-shorts

TamperMonkey Script to remove YouTube Shorts from the page.

Remove YouTube Shorts

remove-youtube-shorts's Issues

Toggle Option

I added a toggle feature to your script, maybe you like it. (I'm not the best coder yet, so excuse bad habits )

(
    () =>
    {

        const sleep = (milliseconds) => {
            return new Promise(resolve => setTimeout(resolve, milliseconds));
        }

        const createToggleButton = () => {
            const buttonDiv = document.querySelector('div#end')
            const checkBox = document.createElement('input')
            checkBox.type = 'checkbox'
            checkBox.id = 'shortsToggle'
            checkBox.style.height = checkBox.style.width = '20px'
            checkBox.addEventListener('change', handleToggle)
            checkBox.checked = localStorage.getItem('hidden') != 'true'
            buttonDiv.insertBefore(checkBox, buttonDiv.firstChild)
        }


        const handleToggle = () => {
            const isToggled = document.getElementById('shortsToggle').checked
            isToggled ? localStorage.removeItem('hidden') : localStorage.setItem('hidden', 'true')
            toggleShorts(isToggled)
        }

        const toggleShorts = (isToggled) =>
        {
            Array
                .from(document.querySelectorAll(`a[href^="/shorts"]`))
                .forEach
            (
                a =>
                {
                    let parent = a.parentElement;

                    while (parent && (!parent.tagName.startsWith('YTD-') || parent.tagName === 'YTD-THUMBNAIL'))
                    {
                        parent = parent.parentElement;
                    }

                    if (parent)
                    {
                        parent.style.visibility = isToggled ? 'visible' : 'hidden'
                    }
                }
            )
            ;
        }
        createToggleButton()
        const loadLastChoice = async () => {
            const hidden = localStorage.getItem('hidden') != 'true'
            await sleep(1000)
            toggleShorts(hidden)
        }
        loadLastChoice()

        const observer = new MutationObserver(localStorage.getItem('hidden') != 'true');
        observer.observe
        (
            document,
            {
                childList:  true,
                subtree:    true,
            }
        );
    }
)();

It works but.. could be better ?

I thought it would rearrange the list after removing shorts. Same for grid view, it just creates holes in the feed.

Shorts still show

I think YouTube changed something, and now they don't get blocked anymore

Empty YouTube Trending

With turned on this extension youtube trending list is empty.

Does not work on the mobile version of YouTube

Thanks for the code, it's the only script I found that will remove the shorts completely, but apparently it doesn't work with the mobile versions, is there any change in these versions?
I changed these lines in header to test and it still doesn't work. Thank you very much!

// @match ://.youtube.com/*
// @exclude ://music.youtube.com/
// @exclude ://.music.youtube.com/*

Block shorts completely

HI, here is the code to block main page of shorts, pls add it if you think it is useful

const regex = /^https:\/\/www\.youtube\.com\/shorts.*/;
if (regex.test(window.location.href)) {
    window.location.href = "https://www.youtube.com/";
}