Reddit Content Filter

Hide posts and comments containing specified keywords on Reddit
当前为 2024-11-11 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Reddit Content Filter
// @namespace    https://gf.qytechs.cn/en/users/567951-stuart-saddler
// @version      1.2
// @description  Hide posts and comments containing specified keywords on Reddit
// @license      MIT
// @match        *://www.reddit.com/*
// @match        *://old.reddit.com/*
// @run-at       document-end
// @grant        GM.getValue
// @grant        GM.setValue
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_addStyle
// @grant        GM_registerMenuCommand
// @grant        GM_unregisterMenuCommand
// ==/UserScript==

(function() {
    'use strict';

    let filteredCount = 0;
    let menuCommand = null;
    let processedPosts = new WeakSet();
    let keywordsArray = [];

    // Cross-compatibility wrapper for GM functions
    const GM = {
        async getValue(name, defaultValue) {
            return typeof GM_getValue !== 'undefined'
                ? GM_getValue(name, defaultValue)
                : await GM.getValue(name, defaultValue);
        },
        async setValue(name, value) {
            if (typeof GM_setValue !== 'undefined') {
                GM_setValue(name, value);
            } else {
                await GM.setValue(name, value);
            }
        }
    };

    const CSS = `
        .content-filtered {
            display: none !important;
            height: 0 !important;
            overflow: hidden !important;
        }
        .reddit-filter-dialog {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            border-radius: 8px;
            z-index: 1000000;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            min-width: 300px;
            max-width: 500px;
        }
        .reddit-filter-dialog textarea {
            width: 100%;
            min-height: 200px;
            margin: 10px 0;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-family: monospace;
        }
        .reddit-filter-dialog button {
            padding: 8px 16px;
            margin: 0 5px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .reddit-filter-dialog .save-btn {
            background-color: #0079d3;
            color: white;
        }
        .reddit-filter-dialog .cancel-btn {
            background-color: #f2f2f2;
        }
        .reddit-filter-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.5);
            z-index: 999999;
        }
    `;

    // Add CSS
    if (typeof GM_addStyle !== 'undefined') {
        GM_addStyle(CSS);
    } else {
        const style = document.createElement('style');
        style.textContent = CSS;
        document.head.appendChild(style);
    }

    function getKeywords() {
        return GM_getValue('filterKeywords', []);
    }

    async function showConfig() {
        const overlay = document.createElement('div');
        overlay.className = 'reddit-filter-overlay';

        const dialog = document.createElement('div');
        dialog.className = 'reddit-filter-dialog';
        dialog.innerHTML = `
            <h2 style="margin-top: 0;">Reddit Filter Keywords</h2>
            <p>Enter keywords one per line:</p>
            <textarea spellcheck="false">${keywordsArray.join('\n')}</textarea>
            <div style="text-align: right;">
                <button class="cancel-btn">Cancel</button>
                <button class="save-btn">Save</button>
            </div>
        `;

        document.body.appendChild(overlay);
        document.body.appendChild(dialog);

        const closeDialog = () => {
            dialog.remove();
            overlay.remove();
        };

        dialog.querySelector('.save-btn').addEventListener('click', async () => {
            const newKeywords = dialog.querySelector('textarea').value
                .split('\n')
                .map(k => k.trim())
                .filter(k => k.length > 0);
            await GM.setValue('filterKeywords', newKeywords);
            closeDialog();
            location.reload();
        });

        dialog.querySelector('.cancel-btn').addEventListener('click', closeDialog);
        overlay.addEventListener('click', closeDialog);
    }

    function updateCounter() {
        if (menuCommand) {
            GM_unregisterMenuCommand(menuCommand);
        }
        menuCommand = GM_registerMenuCommand(
            `Configure Filter Keywords (${filteredCount} blocked)`,
            showConfig
        );
    }

    function processPost(post) {
        if (!post || processedPosts.has(post)) return;
        processedPosts.add(post);

        const postContent = [
            post.textContent,
            ...Array.from(post.querySelectorAll('h1, h2, h3, p, a[href], [role="heading"]'))
                .map(el => el.textContent)
        ].join(' ').toLowerCase();

        if (keywordsArray.some(keyword => postContent.includes(keyword.toLowerCase()))) {
            post.classList.add('content-filtered');
            const parentArticle = post.closest('article, div[data-testid="post-container"]');
            if (parentArticle) {
                parentArticle.classList.add('content-filtered');
            }
            filteredCount++;
            updateCounter();
        }
    }

    async function init() {
        keywordsArray = await GM.getValue('filterKeywords', []);

        // Initialize menu
        updateCounter();

        const observer = new MutationObserver((mutations) => {
            for (const mutation of mutations) {
                for (const node of mutation.addedNodes) {
                    if (node.nodeType === Node.ELEMENT_NODE) {
                        if (node.matches('article, div[data-testid="post-container"], shreddit-post')) {
                            processPost(node);
                        }
                        node.querySelectorAll('article, div[data-testid="post-container"], shreddit-post')
                            .forEach(processPost);
                    }
                }
            }
        });

        observer.observe(document.body, {
            childList: true,
            subtree: true
        });

        // Initial processing
        document.querySelectorAll('article, div[data-testid="post-container"], shreddit-post')
            .forEach(processPost);
    }

    // Ensure DOM is ready before initializing
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
})();
欢迎访问Greasy Fork镜像
