Reddit Enhancement

Reddit 增强

移除推广元素和"我们遇到服务器错误..."横幅
换行
// ==UserScript==
// @name         Reddit Enhancement
// @name:zh-CN   Reddit 增强
// @name:zh-TW   Reddit 增強
// @name:ja      Reddit 拡張
// @name:ko      Reddit 개선
// @name:fr      Amélioration de Reddit
// @name:de      Reddit-Erweiterung
// @name:es      Mejora de Reddit
// @name:ru      Улучшение Reddit
// @name:ar      تحسين Reddit
// @name:pt      Aprimoramento do Reddit
// @name:it      Miglioramento di Reddit
// @description  Removes the promotion element and the "We had a server error..." banner
// @description:en Removes the promotion element and the "We had a server error..." banner
// @description:zh-CN 移除推广元素和"我们遇到服务器错误..."横幅
// @description:zh-TW 移除推廣元素和"我們遇到伺服器錯誤..."橫幅
// @description:ja プロモーション要素と"サーバーエラーが発生しました..."バナーを削除
// @description:ko 프로모션 요소와 "서버 오류가 발생했습니다..." 배너 제거
// @description:fr Supprime l'élément promotionnel et la bannière "Nous avons rencontré une erreur serveur..."
// @description:de Entfernt das Werbeelement und das "Wir hatten einen Serverfehler..."-Banner
// @description:es Elimina el elemento promocional y el banner "Tuvimos un error del servidor..."
// @description:ru Удаляет рекламный элемент и баннер "У нас возникла ошибка сервера..."
// @description:ar يزيل العنصر الترويجي وشعار "لقد واجهنا خطأ في الخادم..."
// @description:pt Remove o elemento promocional e a faixa "Tivemos um erro de servidor..."
// @description:it Rimuove l'elemento promozionale e il banner "Abbiamo riscontrato un errore del server..."
// @author       aspen138
// @namespace    http://tampermonkey.net/
// @version      1.0.8
// @match        *://www.reddit.com/*
// @icon         data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAQlBMVEVHcEz/RQD/RQD/QgD/RQD/RQD/RQD/RQD/RQD/RQD/////MgD/OgD/s5//z8P/a0T/5d3/VyH/iGr/qJP/mYD/+vcCA1U1AAAACnRSTlMAJP//y5WUn+ElsgVe0gAAAJFJREFUGJVtT1sOwyAMy0JpIa/C2t3/qjNQaT+zkMAmD5sIqLkwl1zpwcEPjsW3ScxMefv9m7u3WVNXdXJ9Q+BKGYRN+62miXmnMvg7WotT8SzE6ZQHHzkTL+HuIv2SKRTWkHCRC5eiJWOCSJvnNgzFWrtQ4iGuY+0wZt0jHFuWeVhPpmpwsf0PR/TaR/x9xv8CYoYGnu4Mr1kAAAAASUVORK5CYII=
// @grant        none
// @license      MIT
// ==/UserScript==
 
 
//===== hover to show exact time, leave to recover =====
(function() {
    // Function to replace the innerText of <time> elements with their datetime attribute
    function replaceTimeText(node) {
        node.originalText = node.innerText; // Save the original text
        node.innerText = node.attributes.datetime.textContent;
    }
 
    // Function to recover the original innerText of <time> elements
    function recoverTimeText(node) {
        if (node.originalText !== undefined) {
            node.innerText = node.originalText;
        }
    }
 
    // Apply the replacement to all existing <time> elements
    const arr = document.evaluate(
        "//time", document, null,
        XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null
    );
 
    for (let i = 0; i < arr.snapshotLength; i++) {
        const node = arr.snapshotItem(i);
        node.addEventListener("mouseover", () => replaceTimeText(node));
        node.addEventListener("mouseout", () => recoverTimeText(node));
    }
 
    // Mutation observer callback to handle dynamically added <time> elements
    function callback(changes, observer) {
        for (let change of changes) {
            if (change.type == "childList") {
                for (let node of change.addedNodes) {
                    if (node.tagName == "TIME") {
                        node.addEventListener("mouseover", () => replaceTimeText(node));
                        node.addEventListener("mouseout", () => recoverTimeText(node));
                    }
                }
            }
        }
    }
 
    // Observe changes in the DOM
    const body = document.getElementsByTagName("body")[0];
    const config = { childList: true, subtree: true };
    const observer = new MutationObserver(callback);
    observer.observe(body, config);
 
})();
 
 
 
 
//===== hide promotion element and banner =====
(function() {
    'use strict';
 
    // Searches through all Shadow DOM roots
    function deepQuerySelectorAll(selector) {
        const nodes = [];
        function searchInNode(node) {
            if (node.shadowRoot) {
                const matches = node.shadowRoot.querySelectorAll(selector);
                if (matches.length > 0) {
                    nodes.push(...matches);
                }
                Array.from(node.shadowRoot.children).forEach(searchInNode);
            }
            Array.from(node.children).forEach(searchInNode);
        }
        searchInNode(document);
        return nodes;
    }
 
    // Combined removal function for both error banners and promo elements
    function removeElements() {
        // Remove error banners
        const banners = deepQuerySelectorAll('div.banner.error');
        banners.forEach(banner => {
            banner.remove();
            console.log("Server Error Banner has been removed.");
        });
 
        // Remove promotional elements
        const promoSelectors = [
            'a.w-100.block.h-100.cursor-pointer',
            'shreddit-ad-post.promotedlink',
            'shreddit-dynamic-ad-link',
            'shreddit-comments-page-ad.promotedlink'
        ];
 
        promoSelectors.forEach(selector => {
            const promoElements = document.querySelectorAll(selector);
            promoElements.forEach(element => {
                element.remove();
                console.log('Promotion element removed:', selector);
            });
        });
 
        // Hide elements with specific rel attribute
        const links = document.querySelectorAll('a');
        links.forEach(link => {
            if (link.getAttribute('rel') === 'noopener nofollow sponsored') {
                link.style.display = 'none';
                console.log('Link with rel "noopener nofollow sponsored" hidden');
            }
        });
 
        // Hide element by data-immersive-translate-walked attribute
        const immersiveElements = deepQuerySelectorAll('div[data-immersive-translate-walked="de111be1-6c63-482a-9f03-7fc8d0ca3ba2"]');
        immersiveElements.forEach(element => {
            element.style.display = 'none';
            console.log('Element hidden with data-immersive-translate-walked="de111be1-6c63-482a-9f03-7fc8d0ca3ba2"');
        });
    }
 
    // Single MutationObserver for all operations
    const observer = new MutationObserver(() => {
        removeElements();
    });
 
    // Start observing changes in the document
    observer.observe(document, {
        childList: true,
        subtree: true
    });
 
    // Perform initial cleanup when the page loads
    if (document.readyState === 'loading') {
        window.addEventListener('load', removeElements);
    } else {
        removeElements();
    }
})();