// ==UserScript== // @name Hexbear Hide Posts // @namespace http://tampermonkey.net/ // @version 1.0 // @description Hide posts on hexbear.net and store their state in local storage // @author You // @match https://hexbear.net/* // @grant none // @run-at document-end // ==/UserScript==

(function() { 'use strict';

// Function to create and return a 'Hide' button element
function createHideButton(postHref) {
    let btn = document.createElement('button');
    btn.innerHTML = 'Hide';
    btn.className = 'btn btn-sm btn-link btn-animate text-muted py-0';
    btn.style.marginLeft = '5px';
    btn.addEventListener('click', function () {
        // Find the closest post container to the button clicked
        const postElement = this.closest('div.post-listing') || this.closest('article');
        if (postElement) {
            hidePost(postElement, postHref);
        }
    });
    return btn;
}

// Function to hide the post and save its href in local storage
function hidePost(postElement, postHref) {
    postElement.style.display = 'none'; // Hide the post
    localStorage.setItem('hidden-' + postHref, 'true'); // Mark the post as hidden in local storage
}

// Function to process and potentially hide a post
function processPost(post) {
    // Use the href attribute of the first anchor tag within the post as a unique identifier
    const postHref = post.querySelector('a').getAttribute('href');

    // Check if the post is already marked as hidden in local storage
    if (localStorage.getItem('hidden-' + postHref) === 'true') {
        post.style.display = 'none'; // Hide the post if it was previously hidden
    }

    // Find the dropdown button to insert the 'Hide' button after
    const dropdown = post.querySelector('[data-bs-toggle="dropdown"]');
    if (dropdown) {
        const hideButton = createHideButton(postHref);
        dropdown.parentNode.insertBefore(hideButton, dropdown.nextSibling);
    }
}

// MutationObserver callback to watch for changes in the DOM
const observerCallback = (mutationsList, observer) => {
    for (const mutation of mutationsList) {
        if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === Node.ELEMENT_NODE) {
                    // Check if the added node is a post container
                    if (node.matches('div.post-listing, article.post-container')) {
                        processPost(node);
                    } else {
                        // Check if any child nodes are post containers
                        const postNodes = node.querySelectorAll('div.post-listing, article.post-container');
                        postNodes.forEach(processPost);
                    }
                }
            });
        }
    }
};

// Set up the MutationObserver to watch for changes in the entire document
const observer = new MutationObserver(observerCallback);
const config = { childList: true, subtree: true };

// Start observing the document
observer.observe(document.documentElement, config);

// Additionally, process any posts that are already in the DOM at script start
document.querySelectorAll('div.post-listing, article.post-container').forEach(processPost);

})();