Raw Source Toggle Dropdown

• Minified Source

  Alternate update check target.

xb0t / Bandcamp Wishlist Collection Player Enhancer

// ==UserScript==
// @name         Bandcamp Wishlist Collection Player Enhancer
// @namespace    http://tampermonkey.net/
// @version      2023.06.15
// @description  Listen to full wishlisted albums instead of single tracks in BC's collection player
// @author       xb0t
// @updateURL    https://gist.github.com/xob0t/2b9910e6503a7ea8c2d4b7c16f88e480/raw/1033288758fcb16a20ac110c39d1fd1a8c98ab20/bandcamp_wishlist_collection_player_enhancer.user.js
// @match        *://bandcamp.com/*
// @licence      MIT
// ==/UserScript==
(function() {
    'use strict';
    const tralbumDetailsCache = {};
    const findParentWithAttribute = (element, attributeName) => {
        let currentElement = element;
        while (currentElement) {
            if (currentElement.hasAttribute(attributeName)) {
                return currentElement;
            }
            currentElement = currentElement.parentElement;
        }
        return null;
    };

    const findChildWithClass = (element, className) => {
        return element.querySelector(`.${className}`);
    };

    const isInWishlist = (combinedAttribute) => {
        return collectionPlayer.tracklists.wishlist.hasOwnProperty(combinedAttribute);
    };

    const click = (event) => {
        // Dispatch a new click event
        const newClickEvent = new MouseEvent('click', {
            bubbles: true,
            cancelable: true,
            detail: 2
        });
        event.target.dispatchEvent(newClickEvent);
    };

    const fetchTralbumDetails = async (bandId, tralbumId, tralbumType) => {
        const response = await fetch('https://bandcamp.com/api/mobile/25/tralbum_details', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                band_id: bandId,
                tralbum_id: tralbumId,
                tralbum_type: tralbumType
            })
        });

        if (response.ok) {
            return await response.json();
        } else {
            throw new Error(`Error: ${response.status}`);
        }
    };
    const makeNewTracklist = (apiData) => {
        const newTracklist = [];
        apiData.tracks.forEach(track => {
            if (track.streaming_url) { // Check if track has a streaming_url
                const newTrack = {
                    tralbumType: apiData.type,
                    tralbumId: apiData.id,
                    tralbumKey: `${apiData.type}${apiData.id}`,
                    bandId: apiData.band.band_id,
                    trackData: {
                        file: track.streaming_url,
                        title: track.title,
                        duration: track.duration,
                        artist: track.band_name,
                        track_number: track.track_num,
                        id: track.track_id,
                    },
                    artURL: `https://f4.bcbits.com/img/a${apiData.art_id}_16.jpg`,
                    title: apiData.title,
                    artist: apiData.tralbum_artist,
                    trackNumber: track.track_num,
                    trackTitle: track.title,
                    showCollect: true,
                    showGift: false,
                    tralbumUrl: null,
                    tralbumBuyUrl: apiData.bandcamp_url,
                    tralbumGiftUrl: `${apiData.bandcamp_url}?action=gift`,
                    showFeaturedTrack: track.track_id === apiData.featured_track_id,
                };
                newTracklist.push(newTrack);
            }
        });
        return newTracklist;
    };


    const modifyTracklistData = async (event) => {
        const parentWithAttribute = findParentWithAttribute(event.target, 'data-tralbumid');
        if (event.detail === 1 && parentWithAttribute) {
            //parsing track data
            const tralbumType = parentWithAttribute.getAttribute('data-tralbumtype');
            const tralbumId = parentWithAttribute.getAttribute('data-tralbumid');
            const bandId = parentWithAttribute.getAttribute('data-bandid');
            const wishlistKey = `${tralbumType}${tralbumId}`;

            if (isInWishlist(wishlistKey)) {
                //if album is wishlisted, get full tracklist from the api
                event.stopImmediatePropagation();
                try {
                    let apiData;
                    if (tralbumDetailsCache.hasOwnProperty(wishlistKey)) {
                        //use cache
                        apiData = tralbumDetailsCache[wishlistKey];
                    } else {
                        //make api request
                        apiData = await fetchTralbumDetails(bandId, tralbumId, tralbumType);
                        //save data to cache
                        tralbumDetailsCache[wishlistKey] = apiData;
                    }
                    //construct new tracklist
                    const newTracklist = makeNewTracklist(apiData);
                    //replace the OG trackilst the modified one
                    collectionPlayer.tracklists.wishlist[wishlistKey] = newTracklist;
                } catch (error) {
                    console.error("Error fetching tralbum details:", error);
                };
                //cick to start default behavior
                click(event);

            }
        }
    };

    document.addEventListener('click', modifyTracklistData, true);

})();