1337x - Steam Hover Preview

On-hover Steam thumbnail, description, Steam‐provided tags, and User Review for 1337x torrent titles

目前為 2025-04-25 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         1337x - Steam Hover Preview 
// @namespace    https://greasyfork.org/en/users/1340389-deonholo
// @version      2.5
// @description  On-hover Steam thumbnail, description, Steam‐provided tags, and User Review for 1337x torrent titles
// @icon         https://greasyfork.s3.us-east-2.amazonaws.com/x432yc9hx5t6o2gbe9ccr7k5l6u8
// @author       DeonHolo
// @license      MIT
// @match        *://*.1337x.to/*
// @match        *://*.1337x.ws/*
// @match        *://*.1337x.is/*
// @match        *://*.1337x.gd/*
// @match        *://*.x1337x.cc/*
// @match        *://*.1337x.st/*
// @match        *://*.x1337x.ws/*
// @match        *://*.1337x.eu/*
// @match        *://*.1337x.se/*
// @match        *://*.x1337x.eu/*
// @match        *://*.x1337x.se/*
// @match        http://l337xdarkkaqfwzntnfk5bmoaroivtl6xsbatabvlb52umg6v3ch44yd.onion/*
// @grant        GM_xmlhttpRequest
// @grant        GM_addStyle
// @connect      store.steampowered.com
// @connect      steamcdn-a.akamaihd.net
// @run-at       document-idle
// ==/UserScript==

(() => {
    'use strict';

    GM_addStyle(`
      .steamHoverTip {
        position: fixed; padding: 8px; background: rgba(240, 240, 240, 0.97);
        border: 1px solid #555; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.25);
        z-index: 2147483647; max-width: 310px; font-size: 12px;
        line-height: 1.45; display: none; pointer-events: none;
        white-space: normal !important; overflow-wrap: break-word; color: #111;
      }
      .steamHoverTip p { margin: 0 0 5px 0; padding: 0; white-space: normal; }
      .steamHoverTip p:last-child { margin-bottom: 0; }
      .steamHoverTip img { display: block; width: 100%; margin-bottom: 8px; border-radius: 2px; }
      .steamHoverTip strong { color: #000; }
      .steamHoverTip .steamRating, .steamHoverTip .steamTags {
          margin-top: 8px; font-size: 12px; color: #333;
      }
      .steamHoverTip .steamTags strong, .steamHoverTip .steamRating strong {
          color: #111; margin-right: 4px;
      }
      .steamHoverTip .ratingStars {
          color: #f5c518; margin-right: 6px; letter-spacing: 1px;
          font-size: 14px; display: inline-block; vertical-align: middle;
      }
      .steamHoverTip .ratingText { vertical-align: middle; }
    `);

    const tip = document.createElement('div');
    tip.className = 'steamHoverTip';
    document.body.appendChild(tip);

    const MIN_INTERVAL = 50;
    let lastRequest = 0;
    const apiCache = new Map();
    const MAX_CACHE = 100;
    const SCRAPE_TTL = 1000 * 60 * 5; 

    function pruneCache(map) {
        if (map.size <= MAX_CACHE) return;
        map.delete(map.keys().next().value);
    }

    function gmFetch(url, responseType = 'json', timeout = 10000) {
        const wait = Math.max(0, MIN_INTERVAL - (Date.now() - lastRequest));
        return new Promise(r => setTimeout(r, wait))
            .then(() => new Promise((resolve, reject) => {
                lastRequest = Date.now();
                GM_xmlhttpRequest({
                    method: 'GET', url, responseType, timeout,
                    onload: res => {
                        if (responseType === 'json') {
                            if (typeof res.response === 'object' && res.response !== null) { resolve(res.response); }
                            else { console.warn(`Invalid JSON for ${url}`); try { resolve(JSON.parse(res.responseText)); } catch (e) { reject(new Error('JSON parse error')); } }
                        } else { resolve(res.response); }
                    },
                    onerror: err => reject(new Error(`Network error: ${err.statusText || err.error || 'Unknown'}`)),
                    ontimeout: () => reject(new Error(`Timeout (${timeout}ms)`)),
                    onabort: () => reject(new Error('Aborted'))
                });
            }));
    }

    function parseReviewFromTooltip(tooltipText) {
        if (!tooltipText) return { percent: null, total: null };
        const percentMatch = tooltipText.match(/(\d+)%/);
        const totalMatch = tooltipText.match(/of the ([\d,]+) user reviews/);
        return {
            percent: percentMatch ? percentMatch[1] : null,
            total: totalMatch ? totalMatch[1].replace(/,/g, '') : null
        };
    }

    function getRatingStars(percent, desc) {
        const filledStar = '★';
        const emptyStar = '☆';
        let stars = '';
        let usedPercent = false;

        const numPercent = parseInt(percent, 10);
        if (!isNaN(numPercent)) {
            usedPercent = true;
            if      (numPercent >= 95) stars = filledStar.repeat(5);
            else if (numPercent >= 80) stars = filledStar.repeat(4) + emptyStar;
            else if (numPercent >= 70) stars = filledStar.repeat(3) + emptyStar.repeat(2);
            else if (numPercent >= 40) stars = filledStar.repeat(2) + emptyStar.repeat(3);
            else if (numPercent >= 20) stars = filledStar.repeat(1) + emptyStar.repeat(4);
            else                       stars = emptyStar.repeat(5);
        }

        if (!usedPercent && desc) {
            const lowerDesc = desc.toLowerCase();
            if      (lowerDesc.includes('overwhelmingly positive')) stars = filledStar.repeat(5);
            else if (lowerDesc.includes('very positive'))           stars = filledStar.repeat(4) + emptyStar;
            else if (lowerDesc.includes('mostly positive'))         stars = filledStar.repeat(4) + emptyStar;
            else if (lowerDesc.includes('positive'))                stars = filledStar.repeat(4) + emptyStar;
            else if (lowerDesc.includes('mixed'))                   stars = filledStar.repeat(3) + emptyStar.repeat(2);
            else if (lowerDesc.includes('mostly negative'))         stars = filledStar.repeat(2) + emptyStar.repeat(3);
            else if (lowerDesc.includes('negative'))                stars = filledStar.repeat(1) + emptyStar.repeat(4);
            else if (lowerDesc.includes('very negative'))           stars = filledStar.repeat(1) + emptyStar.repeat(4);
            else if (lowerDesc.includes('overwhelmingly negative')) stars = filledStar.repeat(1) + emptyStar.repeat(4);
        }
        return stars ? `<span class="ratingStars">${stars}</span>` : '';
    }

    async function fetchSteam(name) {
        const now = Date.now();
        let cachedData = apiCache.get(name);
        if (cachedData && (now - cachedData.ts < SCRAPE_TTL)) return cachedData.data;

        let appData, reviewInfoFromSearch, appId;
        try {
            const search = await gmFetch(`https://store.steampowered.com/api/storesearch/?cc=us&l=en&term=${encodeURIComponent(name)}`);
            let sr = search?.items?.[0];
            if (search?.items?.length > 1) { const lc = name.toLowerCase(); const em = search.items.find(i => i.name.toLowerCase() === lc); if (em) sr = em; }
            appId = sr?.id; if (!appId) throw new Error('No Store ID');
            if (sr?.review_desc) reviewInfoFromSearch = { desc: sr.review_desc, percent: sr.reviews_percent, total: sr.reviews_total?.replace(/,/g,''), source: 'api_search' };
            const detailsResp = await gmFetch(`https://store.steampowered.com/api/appdetails?appids=${appId}&cc=us&l=en`);
            appData = detailsResp?.[appId]?.success ? detailsResp[appId].data : null; if (!appData) throw new Error('No appdetails');
        } catch (err) { console.error(`API fetch err for "${name}": ${err.message}`); apiCache.set(name, { data: null, ts: now }); pruneCache(apiCache); return null; }

        let scrapedTags = [], scrapedReviewInfo = null, finalReviewInfo = reviewInfoFromSearch;
        try {
            const html = await gmFetch(`https://store.steampowered.com/app/${appId}/?cc=us&l=en`, 'text', 15000);
            const doc = new DOMParser().parseFromString(html, 'text/html');
            scrapedTags = Array.from(doc.querySelectorAll('.glance_tags.popular_tags a.app_tag')).map(el => el.textContent.trim()).slice(0, 5);

            if (!finalReviewInfo) {
                const row = Array.from(doc.querySelectorAll('.user_reviews_summary_row')).find(r => r.querySelector('.subtitle')?.textContent.trim().startsWith('All Review'));
                if (row) {
                    const span = row.querySelector('.summary .game_review_summary');
                    if (span) {
                        const desc = span.textContent.trim(); const tooltipData = parseReviewFromTooltip(span.dataset.tooltipText);
                        if (!tooltipData.total) { const cs = row.querySelector('.summary .responsive_hidden'); if(cs){ const cm=cs.textContent.match(/\(([\d,]+)\)/); if(cm) tooltipData.total=cm[1].replace(/,/g,'');}}
                        if (desc) { scrapedReviewInfo = { desc, percent: tooltipData.percent, total: tooltipData.total, source: 'scrape' }; finalReviewInfo = scrapedReviewInfo; }
                    }
                }
            }
        } catch (err) { console.warn(`HTML scrape err for "${name}":`, err); }

        const finalTags = scrapedTags.length ? scrapedTags : [...new Set([...(appData.genres || []).map(g => g.description), ...(appData.categories || []).map(c => c.description)])].slice(0, 5);
        if (finalReviewInfo && !finalReviewInfo.desc) finalReviewInfo = null;
        const combinedData = { ...appData, tags: finalTags, reviewInfo: finalReviewInfo };
        apiCache.set(name, { data: combinedData, ts: now }); pruneCache(apiCache);
        return combinedData;
    }

    function cleanName(raw) {
       if (/soundtrack|ost|demo|dlc pack|artbook|season pass|multiplayer crack/i.test(raw)) return null;
       let name = raw.trim().replace(/\(\d{4}\)/, '').replace(/S\d{1,2}(E\d{1,2})?/, '').trim();
       const delimiters = /(?:[.\-_/(\[]|\bUpdate\b|\bBuild\b|v[\d.]+|\bEdition\b|\bDeluxe\b|\bDirectors? Cut\b|\bComplete\b|\bGold\b|\bGOTY\b|\bRemastered\b|\bAnniversary\b|\bEnhanced\b|\bVR\b)/i;
       name = name.split(delimiters)[0].trim();
       name = name.replace(/[-. ](CODEX|CPY|SKIDROW|PLAZA|HOODLUM|FLT|DOGE|DARKSiDERS|EMPRESS|RUNE|TENOKE|TiNYiSO|ElAmigos|FitGirl|DODI)$/i, '').trim();
       name = name.replace(/^(The|Sid Meier'?s|Tom Clancy'?s)\s+/i, '').trim();
       return name || null;
    }

    function positionTip(e) {
        let x = e.clientX + 15; let y = e.clientY + 15; const w = tip.offsetWidth; const h = tip.offsetHeight; const margin = 10;
        if (x + w + margin > window.innerWidth) { x = e.clientX - w - 15; if (x < margin) x = margin; }
        if (y + h + margin > window.innerHeight) { y = window.innerHeight - h - margin; if (y < margin) y = margin; }
        tip.style.left = x + 'px'; tip.style.top = y + 'px';
    }

    let hoverId = 0, pointerOn = false, lastEvent = null, showTimeout = null;

    async function showTip(e) {
        clearTimeout(showTimeout); 
        pointerOn = true;
        lastEvent = e;
        const raw = e.target.textContent;
        const name = cleanName(raw);
        if (!name) return;

        const thisId = ++hoverId;

        tip.innerHTML = `<p>Loading <strong>${name}</strong>…</p>`;
        tip.style.display = 'block';
        positionTip(e);

        showTimeout = setTimeout(async () => {
            if (hoverId !== thisId || !pointerOn || !document.querySelector(`${SEL}:hover`)) {
                if (!document.querySelector(`${SEL}:hover`)) hideTip();
                return;
            }

            const data = await fetchSteam(name);

            if (hoverId !== thisId || !pointerOn || !document.querySelector(`${SEL}:hover`)) {
                 if (!document.querySelector(`${SEL}:hover`)) hideTip();
                 return;
            }

            if (!data) {
                tip.innerHTML = `<p>No Steam info found for<br><strong>${name}</strong>.</p>`;
                positionTip(e);
                return;
            }

            let reviewHtml = '';
            if (data.reviewInfo && data.reviewInfo.desc) {
                const { desc, percent, total } = data.reviewInfo;
                const starsHtml = getRatingStars(percent, desc);
                const formattedTotal = total ? parseInt(String(total).replace(/,/g, '')).toLocaleString('en-US') : '';
                reviewHtml = `
                  <p class="steamRating">
                      <strong>Rating:</strong>
                      ${starsHtml}
                      <span class="ratingText">
                          ${desc}
                          ${formattedTotal ? `   |   ${formattedTotal} reviews` : ''}
                      </span>
                  </p>`;
            }

            const tags = data.tags || [];
            const tagHtml = tags.length ? `<p class="steamTags"><strong>Tags:</strong> ${tags.join(' • ')}</p>` : '';

            tip.innerHTML = `
              <img src="${data.header_image}" alt="${data.name || name} header image">
              <p>${data.short_description || 'No description available.'}</p>
              ${reviewHtml}
              ${tagHtml}`;
            positionTip(e);

        }, 10);
    }

    function hideTip() {
        pointerOn = false;
        clearTimeout(showTimeout); 
        tip.style.display = 'none';
    }


    function onPointerMove(e) { if (!pointerOn) return; lastEvent = e; }
    function rafLoop() { if (pointerOn && lastEvent && tip.style.display === 'block') { positionTip(lastEvent); } requestAnimationFrame(rafLoop); }

    const SEL = 'td.coll-1 a[href^="/torrent/"]';
    document.addEventListener('mouseenter', e => { if (e.target.matches(SEL)) { showTip(e); } }, true); 
    document.addEventListener('mouseleave', e => { if (e.target.matches(SEL)) { hideTip(); } }, true); 
    document.addEventListener('pointermove', onPointerMove, true);
    document.addEventListener('mouseleave', (e) => { if (e.target === document.documentElement) hideTip(); });

    console.log("1337x Steam Hover Preview script-timingmod loaded.");
    rafLoop();
})();