Kemono Party Blacklist with Reasons

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

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==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();
    });
})();