Bookmarklet for automatically giving kudos to all events in your Strava feed

Readme.md

Give kudos to everything in your feed

When run from a bookmarklet (aka javascript bookmark) this code gives kudos to all entries in your feed. The "compiled" bookmarklet is maintained at https://bookmarkl.ink/ArneS/3531ae48cc38a8433328b3da95ea8c89

To use

1. Add bookmarklet as bookmark to your browser via https://bookmarkl.ink/ArneS/3531ae48cc38a8433328b3da95ea8c89
2. Navigate to your strava feed https://www.strava.com/dashboard?num_entries=100
3. Click the bookmarklet

Derived from https://gist.github.com/Jonathan-Mckenzie/5d9a585f9d9a22ad115d14fa60a019e7

Automatic kudos to Strava feed bookmarklet.js

const maxButtons = 100; // Its weird going too far back
let delay = 50; // ms delay between clicks 

var buttonsToBeClicked = 0;
const poppy = function() {
    const popup = document.createElement("div");
    popup.innerHTML = `
        <div style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center;">
          <div style="background: white; padding: 20px; border-radius: 5px; text-align: center;">
            <h2 style="margin: 0 0 10px;">The Kudoz Machina</h2>
            <p id="km"></p>
            <p id="km2"></p>
            <button onclick="this.parentElement.parentElement.remove()">oki!</button>
          </div>
        </div>
      `;
    document.body.appendChild(popup);
}
const wr = function(t, id) {
    //console.log(t)
    document.getElementById(id).innerHTML = t
}

poppy()
setTimeout(() => {
    let allButtons = document.querySelectorAll('button:where([data-testid="kudos_button"])');
    if (allButtons.length > 0) {

        wr(`Yay - found ${allButtons.length} buttons`, 'km');

        let buttons = Array.from(allButtons).slice(0, maxButtons);
        buttons = buttons.filter(button => ['Be the first to give kudos!', 'Give kudos'].includes(button.title));
        // This does not work - it will click users own entries and trigger the "View kudos" menu
        //buttons = buttons.filter(button => button.querySelector('svg[data-testid="unfilled_kudos"]'));
        

        if (buttons.length == 0) {
            wr(`No kudos to give`, 'km2');
        } else {

            wr(`There are ${buttons.length} kudoz to give`,'km2')
            buttons.forEach((node, i) => {
                buttonsToBeClicked++;
                setTimeout(() => {
                    wr(`Kudozing item ${i + 1} of ${buttonsToBeClicked}`, 'km2');
                    node.click();
                    if (i + 1 == buttonsToBeClicked) {
                        wr(`Gave ${buttonsToBeClicked} kudoz`, 'km2');
                    }
                }, delay * (i + 1));
            });
            wr(`Giving ${buttonsToBeClicked} kudoz for you`, 'km');
        }
    } else {
        wr("No buttons found")
    }

}, 200)

//bookmarklet_title: Kudoz 
//bookmarklet_about: Bookmarklet for giving all your friends kudos on Strava

Thank you!