Price List

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

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

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