☰

98论坛预览增强

在帖子列表显示预览图和磁力链接

// ==UserScript==
// @name         98论坛预览增强
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  在帖子列表显示预览图和磁力链接
// @author       You
// @match        *://*.sehuatang.net/*
// @match        *://*.sehuatang.org/*
// @grant        GM_addStyle
// @grant        GM_xmlhttpRequest
// @grant        GM_setClipboard
// @connect      sehuatang.net
// @connect      sehuatang.org
// @license MIT
// @require      https://code.jquery.com/jquery-3.6.0.min.js
// ==/UserScript==

(function() {
    'use strict';

    if (typeof window.jQuery === 'undefined') {
        console.error('jQuery未能正确加载');
        return;
    }

    let $ = window.jQuery.noConflict(true);
    console.log('脚本开始运行');

    // 添加样式
    GM_addStyle(`
        .preview-box {
            padding: 10px;
            background: #f8f8f8;
            margin: 5px 0;
        }
        .preview-images {
            display: flex;
            gap: 10px;
            margin: 10px 0;
        }
        .preview-images img {
            max-width: 200px;
            max-height: 200px;
            border-radius: 4px;
            cursor: pointer;
            transition: transform 0.2s;
        }
        .preview-images img:hover {
            transform: scale(1.05);
        }
        .magnet-container {
            display: flex;
            align-items: center;
            gap: 10px;
            background: #fff;
            padding: 8px;
            margin: 5px 0;
            border-radius: 4px;
        }
        .magnet-link {
            flex-grow: 1;
            word-break: break-all;
            font-family: monospace;
            padding: 5px;
            border-radius: 4px;
            transition: background-color 0.3s;
        }
        .magnet-link:hover {
            background-color: #f0f0f0;
        }
        .copy-btn {
            padding: 5px 10px;
            background: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            white-space: nowrap;
        }
        .copy-btn:hover {
            background: #45a049;
        }
        .image-preview-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10000;
            cursor: pointer;
        }
        .image-preview-overlay img {
            max-width: 90%;
            max-height: 90vh;
            object-fit: contain;
        }
        .copy-tooltip {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 10px 20px;
            border-radius: 4px;
            z-index: 10000;
            pointer-events: none;
        }
    `);

    // 添加图片预览功能
    function showImagePreview(imgUrl) {
        const overlay = $('<div class="image-preview-overlay"></div>');
        const img = $('<img>').attr('src', imgUrl);
        overlay.append(img);

        overlay.click(function() {
            overlay.fadeOut(200, function() {
                overlay.remove();
            });
        });

        $('body').append(overlay);
        overlay.fadeIn(200);
    }

    // 添加显示提示的函数
    function showTooltip(message) {
        const tooltip = $('<div class="copy-tooltip"></div>').text(message);
        $('body').append(tooltip);
        setTimeout(() => {
            tooltip.fadeOut(200, function() {
                tooltip.remove();
            });
        }, 1000);
    }

    function addPreview() {
        console.log('开始处理帖子列表');

        $('tbody[id^="normalthread_"]').each(function() {
            const threadBox = $(this);
            if (threadBox.hasClass('processed')) return;

            console.log('处理帖子:', threadBox.attr('id'));

            const threadLink = threadBox.find('a.xst').first();
            if (!threadLink.length) return;

            const threadUrl = threadLink.attr('href');
            const fullUrl = new URL(threadUrl, window.location.origin).href;

            const previewBox = $('<tr><td colspan="6" class="preview-box"></td></tr>');

            GM_xmlhttpRequest({
                method: 'GET',
                url: fullUrl,
                headers: {
                    'Referer': window.location.origin
                },
                onload: function(response) {
                    if (response.status !== 200) {
                        console.error('请求失败:', response.status);
                        return;
                    }

                    const parser = new DOMParser();
                    const doc = parser.parseFromString(response.responseText, 'text/html');

                    const postContent = $(doc).find('td[id^="postmessage_"]').first();
                    if (!postContent.length) {
                        console.log('未找到帖子内容');
                        return;
                    }

                    const images = postContent.find('img[file]').not('[smilieid]');
                    console.log('找到图片数量:', images.length);

                    if (images.length > 0) {
                        const imageBox = $('<div class="preview-images"></div>');
                        images.slice(0, 3).each(function() {
                            const imgUrl = $(this).attr('file');
                            if (imgUrl) {
                                const img = $('<img>').attr('src', imgUrl);
                                img.click(function(e) {
                                    e.preventDefault();
                                    showImagePreview(imgUrl);
                                });
                                imageBox.append(img);
                            }
                        });
                        previewBox.find('td').append(imageBox);
                    }

                    const content = postContent.text();
                    const magnetMatch = content.match(/magnet:\?xt=urn:btih:[a-zA-Z0-9]{32,}/i);
                    if (magnetMatch) {
                        const magnetContainer = $('<div class="magnet-container"></div>');
                        const magnetLink = $('<div class="magnet-link"></div>')
                            .text(magnetMatch[0])
                            .css('cursor', 'pointer')
                            .attr('title', '点击复制磁力链接')
                            .click(function(e) {
                                e.preventDefault();
                                e.stopPropagation();
                                GM_setClipboard(magnetMatch[0]);
                                showTooltip('已复制磁力链接');
                                const $this = $(this);
                                $this.css('background-color', '#e6ffe6');
                                setTimeout(() => {
                                    $this.css('background-color', '');
                                }, 500);
                            });

                        const copyBtn = $('<button class="copy-btn">复制链接</button>')
                            .click(function(e) {
                                e.preventDefault();
                                e.stopPropagation();
                                GM_setClipboard(magnetMatch[0]);
                                showTooltip('已复制磁力链接');
                                const $this = $(this);
                                $this.text('已复制').css('background-color', '#45a049');
                                setTimeout(() => {
                                    $this.text('复制链接').css('background-color', '#4CAF50');
                                }, 1000);
                            });

                        magnetContainer.append(magnetLink, copyBtn);
                        previewBox.find('td').append(magnetContainer);
                    }

                    if (previewBox.find('td').children().length > 0) {
                        threadBox.find('tr').after(previewBox);
                        console.log('添加预览成功');
                    }
                },
                onerror: function(error) {
                    console.error('获取帖子内容失败:', error);
                }
            });

            threadBox.addClass('processed');
        });
    }

    $(document).ready(function() {
        console.log('页面加载完成，开始处理');
        setTimeout(addPreview, 1000);

        const observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                if (mutation.addedNodes.length) {
                    console.log('检测到页面变化，重新处理');
                    addPreview();
                }
            });
        });

        const threadlist = document.getElementById('threadlisttableid');
        if (threadlist) {
            observer.observe(threadlist, {
                childList: true,
                subtree: true
            });
            console.log('开始监听页面变化');
        }
    });
})();