Price List

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

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

// ==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 });
    });
}());