Infinite Scroll Spotify Episodes

Automatically clicks the "Load More Episodes" button when visible on Spotify using IntersectionObserver for improved efficiency

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name         Infinite Scroll Spotify Episodes
// @namespace    https://greatest.deepsurf.us/en/users/1200587-trilla-g
// @version      4.1
// @description  Automatically clicks the "Load More Episodes" button when visible on Spotify using IntersectionObserver for improved efficiency
// @author       Trilla_G
// @match        *://*.open.spotify.com/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // Define the selector for the button
    const buttonSelector = '.vqQmhCMZq7eUtTV7YYOQ';

    // Set up an observer to watch for the button entering the viewport
    const observer = new IntersectionObserver(entries => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.click();
            }
        });
    });

    // Monitor the document for the button's appearance
    function observeButton() {
        const button = document.querySelector(buttonSelector);
        if (button) {
            observer.observe(button);
        }
    }

    // Set up a MutationObserver to detect changes in the page and find the button
    const mutationObserver = new MutationObserver(observeButton);
    mutationObserver.observe(document.body, { childList: true, subtree: true });

    // Initial button observation
    observeButton();
})();