Filter Reddit

Hide posts and comments containing specified keywords on Reddit, including plural forms

目前為 2024-12-01 提交的版本,檢視 最新版本

// ==UserScript==
// @name         Filter Reddit
// @namespace    https://gf.qytechs.cn/en/users/567951-stuart-saddler
// @version      1.9
// @description  Hide posts and comments containing specified keywords on Reddit, including plural forms
// @author       Stuart Saddler
// @license      MIT
// @icon         https://clipart-library.com/images_k/smoke-clipart-transparent/smoke-clipart-transparent-6.png
// @supportURL   https://gf.qytechs.cn/en/users/567951-stuart-saddler
// @match        *://www.reddit.com/*
// @match        *://old.reddit.com/*
// @run-at       document-end
// @grant        GM.getValue
// @grant        GM.setValue
// @grant        GM_addStyle
// @grant        GM_registerMenuCommand
// @grant        GM_unregisterMenuCommand
// ==/UserScript==

(async function() {
    'use strict';

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

    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;
            font-family: Arial, sans-serif;
            color: #333;
        }
        .reddit-filter-dialog h2 {
            margin-top: 0;
            color: #0079d3;
            font-size: 1.5em;
            font-weight: bold;
        }
        .reddit-filter-dialog p {
            font-size: 0.9em;
            margin-bottom: 10px;
            color: #555;
        }
        .reddit-filter-dialog textarea {
            width: 100%;
            min-height: 200px;
            margin: 10px 0;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-family: monospace;
            background: #f9f9f9;
            color: #000;
        }
        .reddit-filter-dialog .button-container {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            margin-top: 10px;
        }
        .reddit-filter-dialog button {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px 16px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 1em;
            text-align: center;
        }
        .reddit-filter-dialog .save-btn {
            background-color: #0079d3;
            color: white;
        }
        .reddit-filter-dialog .cancel-btn {
            background-color: #f2f2f2;
            color: #333;
        }
        .reddit-filter-dialog button:hover {
            opacity: 0.9;
        }
        .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 to escape special regex characters in keywords
    function escapeRegExp(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    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. Filtering is case-insensitive and matches common plural forms (e.g., "apple" blocks "apples"). Irregular plurals (e.g., "mouse" and "mice") must be added separately.</p>
            <textarea spellcheck="false">${keywordsArray.join('\n')}</textarea>
            <div class="button-container">
                <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().toLowerCase()) // Convert each keyword to lowercase
                .filter(k => k.length > 0);
            await GM.setValue('filterKeywords', newKeywords);
            keywordsArray = newKeywords; // Update keywordsArray after saving
            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) || keywordsArray.length === 0) return;
        processedPosts.add(post);

        const postContent = post.textContent.toLowerCase();

        if (keywordsArray.some(keyword => {
            const escapedKeyword = escapeRegExp(keyword);
            const pattern = new RegExp(`\\b${escapedKeyword}(s|es|ies)?\\b`, 'i');
            return pattern.test(postContent);
        })) {
            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', []);

        // Ensure keywords are in lowercase (in case they were saved before the change)
        keywordsArray = keywordsArray.map(k => k.toLowerCase());

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

    await init(); // Ensure init runs immediately

})();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址