1337x - Steam Hover Preview

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

当前为 2025-04-25 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         1337x - Steam Hover Preview 
// @namespace    https://greasyfork.org/en/users/1340389-deonholo
// @version      2.7
// @description  On-hover Steam thumbnail, description, Steam‐provided tags, and Steam Ratings 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 CACHE_TTL = 1000 * 60 * 15;

    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,
                    headers: { 'Accept-Language': 'en-US,en;q=0.9' },
                    onload: res => {
                        if (res.status >= 200 && res.status < 300) {
                             if (responseType === 'json') {
                                if (typeof res.response === 'object' && res.response !== null) { resolve(res.response); }
                                else { try { resolve(JSON.parse(res.responseText)); } catch (e) { reject(new Error(`JSON parse error for ${url}`)); } }
                             } else { resolve(res.response); }
                        } else {
                             reject(new Error(`HTTP ${res.status} for ${url}`));
                        }
                    },
                    onerror: err => reject(new Error(`Network error for ${url}: ${err.statusText || err.error || 'Unknown'}`)),
                    ontimeout: () => reject(new Error(`Timeout (${timeout}ms) for ${url}`)),
                    onabort: () => reject(new Error(`Aborted request for ${url}`))
                });
            }));
    }

    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 < CACHE_TTL)) {
            return cachedData.data;
        }

        let appData, appId;
        try {
            const searchUrl = `https://store.steampowered.com/api/storesearch/?cc=us&l=en&term=${encodeURIComponent(name)}`;
            const search = await gmFetch(searchUrl);
            let sr = search?.items?.[0];
            if (search?.items?.length > 1) {
                 const lcName = name.toLowerCase();
                 const exactMatch = search.items.find(i => i.name.toLowerCase() === lcName);
                 if (exactMatch) sr = exactMatch;
            }
            appId = sr?.id;
            if (!appId) throw new Error('No AppID found via storesearch');
            const detailsUrl = `https://store.steampowered.com/api/appdetails?appids=${appId}&cc=us&l=en`;
            const detailsResp = await gmFetch(detailsUrl);
            appData = detailsResp?.[appId]?.success ? detailsResp[appId].data : null;
            if (!appData) throw new Error('No appdetails data');
        } catch (err) {
            apiCache.set(name, { data: null, ts: now }); pruneCache(apiCache);
            return null;
        }

        let finalReviewInfo = null;
        try {
             const reviewApiUrl = `https://store.steampowered.com/appreviews/${appId}?json=1&language=all&purchase_type=all&filter=summary`;
             const reviewData = await gmFetch(reviewApiUrl);
             if (reviewData && reviewData.success && reviewData.query_summary) {
                  const summary = reviewData.query_summary;
                  const percent = (summary.total_reviews && summary.total_reviews > 0)
                                      ? Math.round((summary.total_positive / summary.total_reviews) * 100)
                                      : null;
                  const desc = summary.review_score_desc || (summary.total_reviews === 0 ? 'No Reviews' : 'N/A');
                  if (summary.total_reviews > 0 || desc !== 'N/A') {
                     finalReviewInfo = {
                          desc: desc,
                          percent: percent,
                          total: summary.total_reviews || 0,
                          source: 'api_appreviews'
                     };
                  }
             }
        } catch (reviewErr) {}

        let finalTags = [];
        try {
            const htmlUrl = `https://store.steampowered.com/app/${appId}/?cc=us&l=en`;
            const html = await gmFetch(htmlUrl, 'text', 15000);
            const doc = new DOMParser().parseFromString(html, 'text/html');
            const scrapedTags = Array.from(doc.querySelectorAll('.glance_tags.popular_tags a.app_tag'))
                                    .map(el => el.textContent.trim())
                                    .slice(0, 5);
            if (scrapedTags.length > 0) {
                finalTags = scrapedTags;
            } else {
                 finalTags = [...new Set([
                     ...(appData.genres || []).map(g => g.description),
                     ...(appData.categories || []).map(c => c.description)
                 ])].slice(0, 5);
            }
        } catch (tagErr) {
            finalTags = [...new Set([
                ...(appData.genres || []).map(g => g.description),
                ...(appData.categories || []).map(c => c.description)
            ])].slice(0, 5);
        }

        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|\bUltimate\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, currentFetchPromise = null;

    async function showTip(e) {
        clearTimeout(showTimeout);
        pointerOn = true;
        lastEvent = e;
        const targetElement = e.target;
        const raw = targetElement.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 || !targetElement.matches(':hover')) {
                if (!document.querySelector(`${SEL}:hover`)) hideTip();
                return;
            }
            try {
                currentFetchPromise = fetchSteam(name);
                const data = await currentFetchPromise;
                currentFetchPromise = null;
                if (hoverId !== thisId || !pointerOn || !targetElement.matches(':hover')) {
                    if (!document.querySelector(`${SEL}:hover`)) hideTip();
                    return;
                }
                if (!data) {
                    tip.innerHTML = `<p>No Steam info found for<br><strong>${name}</strong>.</p>`;
                    positionTip(lastEvent || e);
                    return;
                }
                let reviewHtml = '';
                if (data.reviewInfo && data.reviewInfo.desc && data.reviewInfo.desc !== 'N/A') {
                    const { desc, percent, total } = data.reviewInfo;
                    const starsHtml = getRatingStars(percent, desc);
                    const formattedTotal = (typeof total === 'number' && total > 0) ? total.toLocaleString('en-US') : '';
                    reviewHtml = `
                      <p class="steamRating">
                          <strong>Rating:</strong>
                          ${starsHtml}
                          <span class="ratingText">
                              ${desc}
                              ${formattedTotal ? `&nbsp;&nbsp;|&nbsp;&nbsp;${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" onerror="this.style.display='none';">
                  <p><strong>${data.name || name}</strong></p> <p>${data.short_description || 'No description available.'}</p>
                  ${reviewHtml}
                  ${tagHtml}`;
                positionTip(lastEvent || e);
            } catch (error) {
                if (hoverId === thisId && pointerOn && targetElement.matches(':hover')) {
                    tip.innerHTML = `<p>Error loading data for<br><strong>${name}</strong>.</p>`;
                    positionTip(lastEvent || e);
                }
                currentFetchPromise = null;
            }
        }, 150);
    }

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

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

    const SEL = 'table.torrent-list td.name a[href^="/torrent/"], table.torrents td.name a[href^="/torrent/"], table.table-list td.name a[href^="/torrent/"]';

    document.addEventListener('mouseover', e => {
        const target = e.target.closest(SEL);
        if (target) {
            if (tip.style.display === 'block' && tip.innerHTML.includes(`<strong>${cleanName(target.textContent)}</strong>`)) {
                pointerOn = true;
                lastEvent = e;
                return;
            }
            if(tip.style.display === 'none' || !tip.innerHTML.includes(`<strong>${cleanName(target.textContent)}</strong>`)) {
                showTip({ target: target, clientX: e.clientX, clientY: e.clientY });
            }
        }
    }, true);

    document.addEventListener('mouseout', e => {
        const target = e.target.closest(SEL);
        if (target) {
            if (!target.contains(e.relatedTarget) && !tip.contains(e.relatedTarget)) {
                hideTip();
            }
        } else if (!tip.contains(e.relatedTarget) && !document.querySelector(`${SEL}:hover`)) {
            hideTip();
        }
    }, true);

    document.addEventListener('pointermove', onPointerMove, { capture: true, passive: true });

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