Tampermonkey Hide Facebook Feed

tampermonkey-facebook-hide-feed.js

// ==UserScript==
// @name         Tampermonkey Hide Facebook Feed
// @namespace    http://tampermonkey.net/
// @version      2024-10-09
// @description  Remove Facebook main feed while keeping messages and groups
// @author       pilotpirxie
// @match        https://*.facebook.com/*
// @grant        none
// @run-at       document-start
// ==/UserScript==
(function() {
    'use strict';

    const isMainFeedPage = () => {
        const path = window.location.pathname;
        return path === '/' ||
               path === '/home.php' ||
               path.startsWith('/?') ||
               path === '/home' ||
               path === '';
    };

    let showTimeout = null;

    const createStyle = () => {
        const style = document.createElement('style');
        style.id = 'fb-feed-blocker';
        style.textContent = `
            div[role="main"] {
                display: none !important;
            }
        `;
        return style;
    };

    const updateStyle = () => {
        if (showTimeout) {
            clearTimeout(showTimeout);
            showTimeout = null;
        }

        const existingStyle = document.getElementById('fb-feed-blocker');

        if (isMainFeedPage()) {
            if (existingStyle) {
                existingStyle.textContent = createStyle().textContent;
            } else {
                document.head.appendChild(createStyle());
            }
        } else {
            showTimeout = setTimeout(() => {
                if (existingStyle) {
                    existingStyle.textContent = '';
                }
            }, 300);
        }
    };

    const ensureStyle = () => {
        if (!document.getElementById('fb-feed-blocker')) {
            document.head.appendChild(createStyle());
        }
        updateStyle();
    };

    const injectInitialStyle = () => {
        if (document.head) {
            ensureStyle();
        } else {
            const observer = new MutationObserver((mutations, obs) => {
                if (document.head) {
                    ensureStyle();
                    obs.disconnect();
                }
            });
            observer.observe(document.documentElement, {
                childList: true,
                subtree: true
            });
        }
    };

    const watchNavigation = () => {
        const originalPushState = history.pushState;
        const originalReplaceState = history.replaceState;
        history.pushState = function() {
            originalPushState.apply(this, arguments);
            updateStyle();
        };
        history.replaceState = function() {
            originalReplaceState.apply(this, arguments);
            updateStyle();
        };
        window.addEventListener('popstate', updateStyle);
    };

    const watchStyleChanges = () => {
        const observer = new MutationObserver((mutations) => {
            for (const mutation of mutations) {
                if (mutation.type === 'childList' &&
                    (mutation.target === document.head || mutation.target === document.body)) {
                    ensureStyle();
                }
            }
        });
        observer.observe(document.documentElement, {
            childList: true,
            subtree: true,
            attributes: true,
            attributeFilter: ['style']
        });
    };

    const init = () => {
        injectInitialStyle();
        watchNavigation();
        watchStyleChanges();
    };

    init();
})();