Kemono Party Blacklist with Reasons

Blacklists posts by Creator ID with reasons, featuring "Blacklist All Users", "Blacklist", and "Unblacklist" (with reasons and multiple delete)

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

// ==UserScript==
// @name         Kemono Party Blacklist with Reasons
// @namespace    https://MeusArtis.ca
// @version      2.4.0
// @description  Blacklists posts by Creator ID with reasons, featuring "Blacklist All Users", "Blacklist", and "Unblacklist" (with reasons and multiple delete)
// @author       Meus Artis
// @icon         https://www.google.com/s2/favicons?domain=kemono.su
// @match        https://kemono.su/*
// @match        https://coomer.su/*
// @license      CC BY-NC-SA 4.0
// @run-at       document-end
// ==/UserScript==

(function () {
    const BlacklistStorage = window.localStorage;

    // Initialize blacklist storage
    if (!BlacklistStorage.getItem("blacklist")) {
        BlacklistStorage.setItem("blacklist", JSON.stringify([]));
    }
    const Blacklisted = JSON.parse(BlacklistStorage.getItem("blacklist"));

    // Helper to save blacklist
    function saveBlacklist() {
        BlacklistStorage.setItem("blacklist", JSON.stringify(Blacklisted));
    }

    // Apply blacklist to hide elements
    function applyBlacklist() {
        Blacklisted.forEach(({ id }) => {
            document.querySelectorAll(`[data-user='${id}']`).forEach((el) => {
                el.closest("article").style.display = "none";
            });
        });
    }

    // Add "Blacklist All Users" button
    function addBlacklistAllButton() {
        if (document.querySelector("#blacklist-all-users")) return;

        const button = document.createElement("button");
        button.id = "blacklist-all-users";
        button.textContent = "Blacklist All Users";
        button.style.cssText = `
            position: fixed;
            bottom: 70px;
            right: 20px;
            z-index: 1000;
            padding: 10px 15px;
            background: #ff4d4f;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        `;

        button.onclick = () => {
            const userIds = new Set();
            document.querySelectorAll("article[data-user]").forEach((card) => {
                const userId = card.getAttribute("data-user");
                if (userId && !Blacklisted.some((entry) => entry.id === userId)) {
                    userIds.add(userId);
                }
            });

            if (userIds.size > 0) {
                const reason = prompt(`Enter a reason for blacklisting these ${userIds.size} users:`);

                if (reason) {
                    userIds.forEach((id) => {
                        Blacklisted.push({ id, reason });
                    });
                    saveBlacklist();
                    alert(`Blacklisted ${userIds.size} users!`);
                    applyBlacklist();
                }
            } else {
                alert("No new users found to blacklist.");
            }
        };

        document.body.appendChild(button);
    }

    // Add "Blacklist" button on creator/user pages
    function addBlacklistButton() {
        if (document.querySelector("#blacklist-button")) return;

        const button = document.createElement("button");
        button.id = "blacklist-button";
        button.textContent = "Blacklist";
        button.style.cssText = `
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 1000;
            padding: 10px 15px;
            background: #ff4d4f;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        `;

        button.onclick = () => {
            const HeadMetaPost = document.querySelector("meta[name='user']");
            const HeadMetaArtistID = document.querySelector("meta[name='id']")?.getAttribute("content");
            const currentUserId = HeadMetaPost?.getAttribute("content") || HeadMetaArtistID;

            if (currentUserId && !Blacklisted.some((entry) => entry.id === currentUserId)) {
                const reason = prompt(`Enter a reason for blacklisting user ID: ${currentUserId}`);
                if (reason) {
                    Blacklisted.push({ id: currentUserId, reason });
                    saveBlacklist();
                    alert("Creator/User Blacklisted!");
                    applyBlacklist();
                }
            } else {
                alert("This creator/user is already blacklisted.");
            }
        };

        document.body.appendChild(button);
    }

    // Add "Unblacklist Users" button
    function addUnblacklistButton() {
        if (document.querySelector("#unblacklist-users")) return;

        const button = document.createElement("button");
        button.id = "unblacklist-users";
        button.textContent = "Unblacklist Users";
        button.style.cssText = `
            position: fixed;
            bottom: 120px;
            right: 20px;
            z-index: 1000;
            padding: 10px 15px;
            background: #4caf50;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        `;

        button.onclick = () => {
            const modal = document.createElement("div");
            modal.style.cssText = `
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 1001;
                padding: 20px;
                background: #ffffff;
                border-radius: 10px;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
                max-height: 80%;
                overflow-y: auto;
                width: 800px;
                text-align: center;
                color: black;
            `;

            modal.innerHTML = `
                <div style="margin-bottom: 15px;">
                    <button id="delete-selected" style="padding: 5px 10px; background: #ff4d4f; color: white; border: none; border-radius: 5px; cursor: pointer;">Delete Selected</button>
                    <button id="close-modal" style="padding: 5px 10px; background: #4caf50; color: white; border: none; border-radius: 5px; cursor: pointer;">Close</button>
                </div>
                <form id="blacklist-form">
                    <label>
                        <input id="select-all" type="checkbox" style="margin-bottom: 10px; cursor: pointer;">
                        Select All
                    </label>
                    <ul style="list-style: none; padding: 0; margin: 0; text-align: left; max-height: 400px; overflow-y: scroll;">
                        ${Blacklisted.length > 0
                            ? Blacklisted.map(({ id, reason }) => `
                                <li>
                                    <label>
                                        <input type="checkbox" value="${id}" style="margin-right: 5px; cursor: pointer;">
                                        <b>${id}</b> - <i>${reason || 'No reason provided'}</i>
                                    </label>
                                </li>
                            `).join("")
                            : "<li>No users are blacklisted.</li>"
                        }
                    </ul>
                </form>
            `;

            modal.querySelector("#select-all").onclick = (e) => {
                const checked = e.target.checked;
                modal.querySelectorAll("input[type='checkbox']").forEach((checkbox) => {
                    checkbox.checked = checked;
                });
            };

            modal.querySelector("#delete-selected").onclick = () => {
                const selectedIds = Array.from(modal.querySelectorAll("input[type='checkbox']:checked"))
                    .map((checkbox) => checkbox.value);
                if (selectedIds.length > 0) {
                    // Filter out selected IDs and remove them from the blacklist
                    selectedIds.forEach((id) => {
                        const index = Blacklisted.findIndex((entry) => entry.id === id);
                        if (index > -1) {
                            Blacklisted.splice(index, 1);
                        }
                    });
                    saveBlacklist();
                    modal.remove();
                    applyBlacklist();
                    addUnblacklistButton();
                } else {
                    alert("No users selected.");
                }
            };

            modal.querySelector("#close-modal").onclick = () => modal.remove();

            document.body.appendChild(modal);
        };

        document.body.appendChild(button);
    }

    // Initialize the script
    function initializeScript() {
        applyBlacklist();
        addBlacklistAllButton();
        addBlacklistButton();
        addUnblacklistButton();
    }

    // Observe URL changes and DOM mutations
    function observeDomChanges(callback) {
        const observer = new MutationObserver(callback);
        observer.observe(document.body, { childList: true, subtree: true });
        return observer;
    }

    // Run script on page load and observe DOM changes
    window.addEventListener("DOMContentLoaded", initializeScript);
    observeDomChanges(() => {
        initializeScript();
    });
})();