☰

Give 'Ride-ons' to everyone on Zwift Feed

Click all buttons with a 750ms delay between each click

As of 2024-12-06. See the latest version.

// ==UserScript==
// @name         Give 'Ride-ons' to everyone on Zwift Feed
// @namespace    userstyles.github.typpi.online
// @version      1.2
// @description  Click all buttons with a 750ms delay between each click
// @author       Nick2bad4u
// @license      UnLicense
// @homepageURL  https://userstyles.github.typpi.online
// @grant        none
// @run-at       document-idle
// @include      *://*.zwift.com/feed
// @icon         https://www.google.com/s2/favicons?sz=256&domain=zwift.com
// ==/UserScript==

(function () {
    'use strict';

    let isClicking = false;
    let intervalId = null;
    // Define startStopButton globally
    let startStopButton = null;

    // Function to click buttons with a delay using a promise
    function clickButtonWithDelay(button, delay) {
        return new Promise(resolve => {
            setTimeout(() => {
                button.scrollIntoView({ behavior: 'smooth', block: 'center' });
                button.click();
                console.log('Clicked button');
                resolve();
            }, delay);
        });
    }

    // Function to click all buttons sequentially
    async function clickButtonsSequentially(buttons, delay) {
        for (let i = 0; i < buttons.length; i++) {
            await clickButtonWithDelay(buttons[i], delay);
        }
    }

    // Main process to find and click buttons, and keep scrolling
    async function startClickingProcess() {
        if (isClicking) return;
        isClicking = true;
        console.log('Starting the clicking process...');

        intervalId = setInterval(async () => {
            const buttons = Array.from(document.querySelectorAll('.button.button--rideon:not(.clicked)'));
            if (buttons.length > 0) {
                console.log(`Found ${buttons.length} buttons. Clicking...`);
                await clickButtonsSequentially(buttons, 750); // 750ms delay
                buttons.forEach(button => button.classList.add('clicked'));
            } else {
                console.log('No new buttons found at this moment.');
            }
        }, 3000); // Check for new buttons every 3 seconds
    }

    // Stop the clicking process
    function stopClickingProcess() {
        if (!isClicking) return;
        isClicking = false;
        clearInterval(intervalId);
        intervalId = null;
        console.log('Stopped the clicking process.');
    }

    // Toggle the clicking process
    function toggleClickingProcess() {
        if (isClicking) {
            stopClickingProcess();
            startStopButton.textContent = 'Give Ride-ons';
        } else {
            startClickingProcess();
            startStopButton.textContent = 'Stop';
        }
    }

    // Create a UI integrated into the navbar
    function createUI() {
        const navRight = document.querySelector('.PrimaryNav-module__right--_UfGm');
        if (!navRight) {
            console.error('Navbar not found. UI cannot be created.');
            return;
        }

        const uiContainer = document.createElement('li');
        uiContainer.className = 'PrimaryNav-module__hideNav--2X2zV PrimaryNav-module__lessLinks--2fidO';
    // Assign to the global variable
        startStopButton = document.createElement('a');
        startStopButton.textContent = 'Give Ride-ons';
        startStopButton.className = 'PrimaryNav-module__page-link--24LJd';
        startStopButton.style.cursor = 'pointer';
        startStopButton.style.marginRight = '10px';
        startStopButton.addEventListener('click', toggleClickingProcess);

        uiContainer.appendChild(startStopButton);
        navRight.appendChild(uiContainer);
    }

    createUI();
})();