Price List

Collect prices on supported listing pages, show stats, copy to clipboard

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

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

Tendrás que instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Tendrás que instalar una extensión como Tampermonkey antes de poder instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

// ==UserScript==
// @name        Price List
// @description Collect prices on supported listing pages, show stats, copy to clipboard
// @namespace   shiftgeist
// @match       https://www.ebay.com/sch/*
// @match       https://www.ebay.de/sch/*
// @match       https://www.ebay.co.uk/sch/*
// @match       https://www.ebay.fr/sch/*
// @match       https://www.ebay.it/sch/*
// @match       https://www.ebay.es/sch/*
// @match       https://www.ebay.at/sch/*
// @match       https://www.ebay.ch/sch/*
// @match       https://www.1000ps.de/gebrauchte-motorraeder/marke/*/modell/*
// @match       https://www.1000ps.at/gebrauchte-motorraeder/marke/*/modell/*
// @match       https://suchen.mobile.de/*/*
// @match       https://www.kleinanzeigen.de/s-*
// @match       https://www.autoscout24.de/lst-moto*
// @match       https://www.motorrad-boerse.de/*
// @version     1.1.0
// @author      shiftgeist
// @license     GNU GPLv3
// @grant       GM_addStyle
// @grant       GM_setClipboard
// ==/UserScript==

(function () {
    'use strict';

    // ─── Site registry ──────────────────────────────────────────────
    // Add a new site by appending an entry.
    // Required: hostPattern, priceSelector
    // Optional: locale (default 'eu'), filter, onCollected
    //
    // Selectors marked "// unverified" are best guesses — open DevTools
    // on a results page and inspect the price element to confirm.

    const SITES = [
        {
            name: 'eBay',
            hostPattern: /\.ebay\.(com|de|co\.uk|fr|it|es|at|ch)$/,
            priceSelector: '.s-card__price',
            locale: () => /\.(de|fr|it|es|at|ch)$/.test(location.hostname) ? 'eu' : 'us',
            // Exclude aria-hidden wrappers (eBay's clipped "Shop on eBay" placeholders)
            // and anything not actually rendered on screen.
            filter: el => el.checkVisibility() && !el.closest('[aria-hidden="true"]'),
        },
        {
            name: '1000ps',
            hostPattern: /\.1000ps\.(de|at)$/,
            priceSelector: '.pricesize',
            locale: 'eu',
        },
        {
            name: 'mobile.de',
            hostPattern: /^suchen\.mobile\.de$/,
            priceSelector: '[data-testid^="result-listing-"] [data-testid="price-label"]',
            locale: 'eu',
            onCollected: ({ button }) => {
                const pagination = document.querySelector('[data-testid="srp-pagination"]');
                if (!pagination) return;
                button.textContent += ' + More';
                pagination.scrollIntoView();
            },
        },
        {
            name: 'Kleinanzeigen',
            hostPattern: /^www\.kleinanzeigen\.de$/,
            // p.font-strong inside article[data-adid] is the asking price.
            // The site uses Tailwind utility classes — no stable BEM hook exists.
            // "VB" suffix (Verhandlungsbasis) is stripped by the parser.
            priceSelector: 'article[data-adid] p.font-strong',
            locale: 'eu',
        },
        {
            name: 'AutoScout24',
            hostPattern: /^www\.autoscout24\.de$/,
            priceSelector: '[data-testid="regular-price"]', // unverified
            locale: 'eu',
        },
        {
            name: 'Motorrad-Boerse',
            hostPattern: /^www\.motorrad-boerse\.de$/,
            priceSelector: '.price', // unverified
            locale: 'eu',
        },
    ];

    // ─── Visible-text extraction ────────────────────────────────────
    // Walks the DOM to recover what the user actually sees. Skips
    // display:none / visibility:hidden nodes, includes ::before/::after
    // pseudo-element content. Defeats common anti-scraping tricks where
    // digits are injected via CSS or decoy spans are hidden.

    function pseudoContent(el, pseudo) {
        const raw = getComputedStyle(el, pseudo).content;
        if (!raw || raw === 'none' || raw === 'normal') return '';
        const quoted = raw.match(/^"(.*)"$/);
        return quoted ? quoted[1] : '';
    }

    function extractVisibleText(element) {
        const parts = [];
        function walk(node) {
            if (node.nodeType === Node.TEXT_NODE) {
                parts.push(node.textContent);
                return;
            }
            if (node.nodeType !== Node.ELEMENT_NODE) return;
            const style = getComputedStyle(node);
            if (style.display === 'none' || style.visibility === 'hidden') return;
            parts.push(pseudoContent(node, '::before'));
            for (const child of node.childNodes) walk(child);
            parts.push(pseudoContent(node, '::after'));
        }
        walk(element);
        return parts.join('');
    }

    // ─── Price parsing ──────────────────────────────────────────────
    // locale 'eu': 1.234,56 → 1234.56
    // locale 'us': 1,234.56 → 1234.56
    // Ranges (e.g. "€ 100 – € 200") return the midpoint.

    function parsePrice(text, locale) {
        const cleaned = text.replace(/[A-Z]{3}|[€$£¥]/g, '').trim();
        const tokens = cleaned.match(/[\d.,]+/g);
        if (!tokens) return null;

        const numbers = tokens
            .map(token => {
                const normalized = locale === 'eu'
                    ? token.replace(/\./g, '').replace(',', '.')
                    : token.replace(/,/g, '');
                return Number.parseFloat(normalized);
            })
            .filter(n => !Number.isNaN(n) && n > 0);

        if (numbers.length === 0) return null;
        return numbers.reduce((a, b) => a + b, 0) / numbers.length;
    }

    function computeStats(prices) {
        const sorted = [...prices].sort((a, b) => a - b);
        const sum = prices.reduce((a, b) => a + b, 0);
        return {
            count: prices.length,
            average: sum / prices.length,
            median: sorted[Math.floor(sorted.length / 2)],
            min: sorted[0],
            max: sorted[sorted.length - 1],
        };
    }

    function formatSummary(stats) {
        return [
            `Count:   ${stats.count}`,
            `Average: ${stats.average.toFixed(2)}`,
            `Median:  ${stats.median.toFixed(2)}`,
            `Min:     ${stats.min.toFixed(2)}`,
            `Max:     ${stats.max.toFixed(2)}`,
        ].join('\n');
    }

    // ─── Main ───────────────────────────────────────────────────────

    const site = SITES.find(s => s.hostPattern.test(location.hostname));
    if (!site) return;

    const locale = typeof site.locale === 'function' ? site.locale() : (site.locale ?? 'eu');
    const filter = site.filter ?? (() => true);

    GM_addStyle(`
        #priceCollectorBtn {
            position: fixed;
            bottom: 1rem;
            left: 1rem;
            z-index: 9999;
            padding: 8px 12px;
            background: #333;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-family: sans-serif;
            font-size: 13px;
        }
        #priceCollectorBtn:active {
            background: #2563eb;
        }
        #priceCollectorPanel {
            position: fixed;
            bottom: 4rem;
            left: 1rem;
            z-index: 9999;
            padding: 12px 16px;
            border-radius: 4px;
            font-family: monospace;
            font-size: 12px;
            max-width: 320px;
            max-height: 70vh;
            overflow: auto;
            white-space: pre;
            display: none;
            cursor: pointer;

            background: #fff;
            color: #111;
            border: 1px solid #ccc;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
        }
        @media (prefers-color-scheme: dark) {
            #priceCollectorPanel {
                background: #1e1e1e;
                color: #e0e0e0;
                border-color: #444;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
            }
        }
    `);

    const btn = document.createElement('button');
    btn.id = 'priceCollectorBtn';
    btn.textContent = 'PRICE LIST';
    document.body.appendChild(btn);

    const panel = document.createElement('div');
    panel.id = 'priceCollectorPanel';
    panel.title = 'Click to dismiss';
    panel.addEventListener('click', () => { panel.style.display = 'none'; });
    document.body.appendChild(panel);

    btn.addEventListener('click', () => {
        const elements = document.querySelectorAll(site.priceSelector);
        const prices = Array.from(elements)
            .filter(filter)
            .map(el => parsePrice(extractVisibleText(el), locale))
            .filter(p => p !== null);

        if (prices.length === 0) {
            panel.textContent = 'No prices found';
            panel.style.display = 'block';
            return;
        }

        const stats = computeStats(prices);
        const summary = formatSummary(stats);
        const clipboard = prices.map(p => p.toFixed(2)).join(',');

        GM_setClipboard(clipboard);
        panel.textContent = `${summary}\n\n(Prices copied — click to dismiss)`;
        panel.style.display = 'block';

        console.log(`=== Price List (${site.name}) ===`);
        console.log(summary);
        console.log('Prices:', clipboard);
        console.log('✅ Copied to clipboard');

        if (site.onCollected) site.onCollected({ prices, stats, button: btn, panel });
    });
}());