Beehaw.org userscript for post filtering based on keywords.

beehaw_filter_posts.user.js

'use strict';
// ==UserScript==
// @name         filter out stuff
// @namespace    https://www.creesch.com/
// @version      0.0.1
// @description  filter out posts with keywords
// @author       Creesch
// @match        *://beehaw.org/*
// @grant        none
// ==/UserScript==
const filterWords = [
    'twitter',
    'Elon',
    'musk',
];

function handlePostListings (postListingElem) {
    const postsElem = postListingElem.querySelectorAll('.post-listing.mt-2');
    postsElem.forEach(postElem => {
        const postTitle = postElem.querySelector('.post-title').textContent;
        let filterMatch = false;
        filterWords.forEach(filterWord => {
            if (postTitle.toLowerCase().includes(filterWord.toLowerCase())) {
                filterMatch = true;
            }
        });

        if (filterMatch) {
            postElem.classList.add('filtered-element');
        }
    });
}

(function () {
    const isLemmy =
      document.head.querySelector('[name~=Description][content]').content ===
      'Lemmy';
    if (!isLemmy) {
        return;
    }

    function main () {
        // Inject styles
        const style = document.createElement('style');
        style.innerHTML = `
            .filtered-element {
                display: none !important;
            }
        `;
        document.head.appendChild(style);

        // First load, check manually for a post listing
        const postListingsOnLoad = document.querySelector('.main-content-wrapper > div > .post-listings');
        if (postListingsOnLoad) {
            handlePostListings(postListingsOnLoad);
        }

        // Set up dom observer to watch for changes now the page is loaded.
        const target = document.querySelector('body');

        // create an observer instance
        const observer = new MutationObserver(mutations => {
            mutations.forEach(mutation => {
                const postListings = mutation.target.querySelector('div > .post-listings');
                handlePostListings(postListings);
            });
        });

        // configuration of the observer:
        // We specifically want all child elements but nothing else.
        const config = {
            attributes: false,
            childList: true,
            characterData: false,
            subtree: true,
        };
        // pass in the target node, as well as the observer options
        observer.observe(target, config);
    }

    // run on page load
    main();
})();