☰

Bandcamp Name Your Price Finder

Finds and highlights "Name Your Price" (NYP) albums on Bandcamp discover pages..

// ==UserScript==
// @name         Bandcamp Name Your Price Finder
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Finds and highlights "Name Your Price" (NYP) albums on Bandcamp discover pages..
// @author       f0
// @match        https://bandcamp.com/discover
// @match        https://bandcamp.com/discover/*
// @grant        GM_xmlhttpRequest
// @grant        GM_addStyle
// @connect      bandcamp.com
// @connect      *.bandcamp.com
// @license MIT

// ==/UserScript==

(function() {
    'use strict';

    // --- 1. Constants and State ---
    const ALBUM_SELECTOR = 'li.results-grid-item:not([data-nyp-checked])';
    const state = {
        isRunning: false,
        nypFound: 0,
    };

    // --- 2. UI Setup ---
    function setupUI() {
        GM_addStyle(`
            #nyp-finder-container {
                position: fixed; bottom: 20px; right: 20px; z-index: 9999;
                background-color: #1a1a1a; color: #fff; padding: 15px;
                border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.3);
                font-family: sans-serif; min-width: 240px;
                display: flex; flex-direction: column; gap: 10px;
            }
            .nyp-finder-button {
                background-color: #629aa9; color: white; border: none;
                padding: 10px 15px; border-radius: 5px; cursor: pointer; font-size: 14px;
            }
            .nyp-finder-button:hover:not(:disabled) { filter: brightness(1.1); }
            .nyp-finder-button:disabled { background-color: #555; cursor: not-allowed; }
            #nyp-fetch-all-button { background-color: #4CAF50; }
            #nyp-fetch-limited-button { background-color: #f0ad4e; }
            #nyp-finder-status { font-size: 12px; color: #ccc; min-height: 1.2em; text-align: center; }
            .nyp-album-highlight { border: 3px solid #ff69b4 !important; box-shadow: 0 0 10px #ff69b4; border-radius: 4px; }
            .nyp-album-label {
                position: absolute; top: 5px; left: 5px; z-index: 10;
                background-color: #ff69b4; color: white; padding: 2px 5px;
                font-size: 12px; font-weight: bold; border-radius: 3px;
            }
            .nyp-controls-row { display: flex; gap: 8px; align-items: center; }
            #nyp-fetch-count-input {
                width: 60px; background: #333; border: 1px solid #555;
                color: white; border-radius: 4px; padding: 8px; text-align: center;
            }
            .nyp-filter-container { display: flex; align-items: center; justify-content: flex-end; font-size: 13px; gap: 6px; cursor: pointer; color: #eee; }
        `);

        const container = document.createElement('div');
        container.id = 'nyp-finder-container';
        container.innerHTML = `
            <div class="nyp-controls-row">
                <button id="nyp-fetch-limited-button" class="nyp-finder-button" style="flex-grow: 1;">Fetch X Albums</button>
                <input type="number" id="nyp-fetch-count-input" placeholder="200" min="1">
            </div>
            <button id="nyp-fetch-all-button" class="nyp-finder-button">Fetch All Albums</button>
            <button id="nyp-finder-button" class="nyp-finder-button">Find "Name Your Price"</button>
            <div id="nyp-finder-status">Ready to search.</div>
            <label class="nyp-filter-container">
                <input type="checkbox" id="nyp-filter-checkbox"> Show NYP Only
            </label>
        `;
        document.body.appendChild(container);

        return {
            findButton: container.querySelector('#nyp-finder-button'),
            fetchAllButton: container.querySelector('#nyp-fetch-all-button'),
            fetchLimitedButton: container.querySelector('#nyp-fetch-limited-button'),
            fetchCountInput: container.querySelector('#nyp-fetch-count-input'),
            statusDiv: container.querySelector('#nyp-finder-status'),
            filterCheckbox: container.querySelector('#nyp-filter-checkbox'),
            buttons: container.querySelectorAll('.nyp-finder-button'),
        };
    }

    // --- 3. Core Logic ---
    const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));

    function setUiState(loading, message) {
        state.isRunning = loading;
        ui.buttons.forEach(btn => btn.disabled = loading);
        ui.statusDiv.textContent = message;
    }

    /**
     *  FIXED: This function now properly parses the HTML to accurately find NYP albums.
     */
    function isNameYourPrice(albumElement) {
        return new Promise((resolve) => {
            const link = albumElement.querySelector('a[href*=".bandcamp.com/album/"]');
            if (!link) return resolve(false);

            GM_xmlhttpRequest({
                method: "GET",
                url: link.href,
                onload: (response) => {
                    try {
                        const doc = document.createElement('html');
                        doc.innerHTML = response.responseText;

                        // 1. Find the specific "Buy Digital Album" section
                        const digitalBuyItem = doc.querySelector('.buyItem.digital');
                        if (!digitalBuyItem) return resolve(false);

                        // 2. Look for the "Name Your Price" indicator *within* that section
                        const nypSpan = digitalBuyItem.querySelector('.buyItemExtra.buyItemNyp');
                        const isNyp = nypSpan && nypSpan.textContent.trim().toLowerCase().includes('name your price');
                        resolve(!!isNyp);
                    } catch (e) {
                        console.error(`Error parsing ${link.href}:`, e);
                        resolve(false);
                    }
                },
                onerror: (error) => {
                    console.error(`Error fetching ${link.href}:`, error);
                    resolve(false);
                }
            });
        });
    }

    function highlightAlbum(albumElement) {
        albumElement.classList.add('nyp-album-highlight');
        const imageContainer = albumElement.querySelector('section.image-carousel, .art');
        if (imageContainer) {
            imageContainer.style.position = 'relative';
            const label = document.createElement('div');
            label.className = 'nyp-album-label';
            label.textContent = 'NYP';
            imageContainer.appendChild(label);
        }
    }

    async function fetchAlbums(limit = Infinity) {
        if (state.isRunning) return;
        setUiState(true, 'Fetching albums...');

        try {
            const albumsPerPage = 48;
            let clicksNeeded = Infinity;

            if (limit !== Infinity) {
                const currentCount = document.querySelectorAll('li.results-grid-item').length;
                const albumsToLoad = limit - currentCount;
                if (albumsToLoad <= 0) {
                    setUiState(false, `Already have ${currentCount} albums.`);
                    return;
                }
                clicksNeeded = Math.ceil(albumsToLoad / albumsPerPage);
            }

            for (let i = 0; i < clicksNeeded; i++) {
                const viewMoreButton = document.getElementById('view-more');
                if (!viewMoreButton || viewMoreButton.offsetParent === null) break;

                const totalAlbums = document.querySelectorAll('li.results-grid-item').length;
                setUiState(true, `Loading... (${totalAlbums} loaded)`);
                viewMoreButton.click();
                await sleep(1500);
            }
        } finally {
            const finalCount = document.querySelectorAll('li.results-grid-item').length;
            setUiState(false, `Loaded ${finalCount} albums. Ready to find NYP.`);
        }
    }

    async function processAlbums() {
        if (state.isRunning) return;

        const albumElements = document.querySelectorAll(ALBUM_SELECTOR);
        if (albumElements.length === 0) {
            setUiState(false, `All albums checked. Total found: ${state.nypFound}`);
            return;
        }

        setUiState(true, 'Starting scan...');
        const showNypOnly = ui.filterCheckbox.checked;

        try {
            let newFound = 0;
            for (const [index, el] of albumElements.entries()) {
                setUiState(true, `Checking ${index + 1}/${albumElements.length}... (Found: ${state.nypFound})`);
                el.dataset.nypChecked = 'true';

                if (await isNameYourPrice(el)) {
                    state.nypFound++;
                    newFound++;
                    highlightAlbum(el);
                } else if (showNypOnly) {
                    el.style.display = 'none';
                }
                await sleep(100);
            }
            setUiState(false, `Scan complete. Found ${newFound} more. Total: ${state.nypFound}.`);
        } catch (error) {
            console.error("An error occurred during album processing:", error);
            setUiState(false, "An error occurred. Check console.");
        }
    }

    function initObserver() {
        const targetNode = document.querySelector('.results-grid ul.items');
        if (!targetNode) return setTimeout(initObserver, 500);

        const observer = new MutationObserver((mutationsList) => {
            if (state.isRunning) return;
            for (const mutation of mutationsList) {
                if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
                    setUiState(false, 'New albums loaded. Click "Find" to check them.');
                    break;
                }
            }
        });
        observer.observe(targetNode, { childList: true });
    }

    // --- 4. Initialization ---
    const ui = setupUI();

    ui.findButton.addEventListener('click', processAlbums);
    ui.fetchAllButton.addEventListener('click', () => fetchAlbums(Infinity));
    ui.fetchLimitedButton.addEventListener('click', () => {
        const count = parseInt(ui.fetchCountInput.value, 10);
        if (isNaN(count) || count <= 0) {
            setUiState(false, 'Please enter a valid number.');
            return;
        }
        fetchAlbums(count);
    });
    initObserver();
})();