煎蛋吐槽 Plus

煎蛋无聊图吐槽增强版
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         煎蛋吐槽 Plus
// @namespace    http://tampermonkey.net/
// @version      0.8
// @description  煎蛋无聊图吐槽增强版
// @author       吐槽普拉斯
// @match        *://jandan.net/*
// @license      MIT
// @icon         https://www.google.com/s2/favicons?sz=64&domain=jandan.net
// @grant        GM_addStyle
// @grant        GM_registerMenuCommand
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_addValueChangeListener
// @grant        GM_unregisterMenuCommand
// @grant        GM_notification
// @grant        unsafeWindow
// ==/UserScript==

(function () {
    "use strict";

    const key_hideXXOOCount = "key_hideXXOOCount";
    const key_tucaoBlockList = "key_tucaoUserBlockList"
    const option_hideXXOOCount = GM_getValue(key_hideXXOOCount, true);
    let list_tucaoUserBlockList = GM_getValue(key_tucaoBlockList, []);
    let hideXXOOOptionMenuId = undefined;

    function createSwitch(text, isOn, switchOn, switchOff) {
        let container = document.getElementById("tucao-plus-switches");
        if (!container) {
            container = document.createElement("div");
            container.id = "tucao-plus-switches";
        }
        container.appendChild(document.createTextNode(text));
        const switchLeft = document.createElement("span");
        switchLeft.innerText = "ON";
        switchLeft.classList.add("switch");
        const switchRight = document.createElement("span");
        switchRight.innerText = "OFF";
        switchRight.classList.add("switch");

        switchLeft.addEventListener("click", () => {
            if (switchLeft.classList.contains("switch-current")) {
                return;
            }
            switchLeft.classList.add("switch-current");
            switchRight.classList.remove("switch-current");

            if (typeof switchOn === "function") {
                switchOn();
            }
        });

        switchRight.addEventListener("click", () => {
            if (switchRight.classList.contains("switch-current")) {
                return;
            }
            switchLeft.classList.remove("switch-current");
            switchRight.classList.add("switch-current");

            if (typeof switchOff === "function") {
                switchOff();
            }
        });

        if (isOn) {
            switchLeft.classList.add("switch-current");
        } else {
            switchRight.classList.add("switch-current");
        }

        container.appendChild(switchLeft);
        container.appendChild(switchRight);

        const post = document.querySelector(".post");
        post.appendChild(container);
    }

    function blurXXOOCount() {
        const $ = unsafeWindow.$;
        $(".comment-like, .comment-unlike").click(function () {
            $(this).parents(".jandan-vote").addClass("voted");
        });

        function onClickHideXXOOOption(hide) {
            if (hide === undefined) {
                hide = !option_hideXXOOCount;
            }
            GM_setValue(key_hideXXOOCount, hide);
        }

        createSwitch("默认隐藏xxoo数: ", option_hideXXOOCount, () => onClickHideXXOOOption(true), () => onClickHideXXOOOption(false));

        GM_addValueChangeListener(key_hideXXOOCount, function (key, oldValue, newValue, remote) {
            //console.log("The value of the "" + key + "" key has changed from "" + oldValue + "" to "" + newValue + """);
            GM_unregisterMenuCommand(hideXXOOOptionMenuId);
            hideXXOOOptionMenuId = GM_registerMenuCommand(`默认隐藏xxoo数 ${newValue ? "⭕" : "❌"}`, onClickHideXXOOOption);

            GM_notification({ text: "设置已更改，点击刷新网页后生效", timeout: 3500, onclick: function () { location.reload(); } });
            //location.reload();
        });

        hideXXOOOptionMenuId = GM_registerMenuCommand(`默认隐藏xxoo数 ${option_hideXXOOCount ? "⭕" : "❌"}`, onClickHideXXOOOption);

        if (option_hideXXOOCount) {
            GM_addStyle(`
                .tucao-like-container span, .tucao-unlike-container span { filter: blur(3px); }
                .tucao-like-container span:hover, .tucao-unlike-container span:hover { animation: 0.2s ease-in-out 1s hovercomment forwards; }
                .voted .tucao-like-container span, .voted .tucao-unlike-container span {filter: unset;}
                @keyframes hovercomment {
                    from {
                        filter: blur(3px);
                    }
                    to {
                        filter: none;
                    }
                }
            `);
        }
    }

    function hideComments() {
        GM_addStyle(`
            .tucao-blocked div { display: none; }
            .tucao-blocked .unblock-content { display: flex; justify-content: space-between; padding: 0 10px; color: #c8c7cc;}
            .tucao-blocked .unblock-button { display: flex; cursor: pointer;}
        `);

        GM_registerMenuCommand(`清空吐槽屏蔽列表`, () => {
            list_tucaoUserBlockList = [];
            GM_setValue(key_tucaoBlockList, list_tucaoUserBlockList);
            GM_notification({ text: "吐槽屏蔽列表已清空，点击刷新网页后生效", timeout: 3500, onclick: function () { location.reload(); } });
        });

        const commentList = document.querySelector(".commentlist");

        const comments = [...commentList?.children];

        function unblockUser(author) {
            list_tucaoUserBlockList = list_tucaoUserBlockList.filter(elem => {
                return elem !== author;
            });

            GM_setValue(key_tucaoBlockList, list_tucaoUserBlockList);
        }

        function blockUser(author) {
            list_tucaoUserBlockList.push(author);

            GM_setValue(key_tucaoBlockList, list_tucaoUserBlockList);
        }

        function createBlockedContent(parent, author) {
            parent.classList.add("tucao-blocked");
            const blockContent = document.createElement("div");
            blockContent.classList.add("unblock-content");

            const msg = document.createTextNode("[已屏蔽]");

            blockContent.appendChild(msg);

            const unblock = document.createElement("div");
            unblock.classList.add("unblock-button");
            unblock.title = `取消屏蔽 ${author}`;
            unblock.textContent = "[x]";

            unblock.addEventListener("click", () => {
                unblockUser(author);
                parent.removeChild(blockContent);
                parent.classList.remove("tucao-blocked");

                //setTimeout(() => alert(`已取消对用户${author}吐槽的屏蔽，需要刷新来显示该用户的其他被屏蔽吐槽`), 0);
                GM_notification({ text: `已取消对用户${author}吐槽的屏蔽，点击刷新网页后显示该用户的其他被屏蔽吐槽`, timeout: 3500, onclick: function () { location.reload(); } });
            });

            blockContent.appendChild(unblock);

            parent.appendChild(blockContent);
        }

        function createBlockButton(row, author) {
            const voteRow = row.querySelector(".tucao-vote");
            const blockBtn = document.createElement("a");
            blockBtn.classList.add("block-button");
            blockBtn.title = `屏蔽 ${author}`;
            blockBtn.href = "javascript:;"
            blockBtn.textContent = "[x]";

            blockBtn.addEventListener("click", () => {
                blockUser(author);
                createBlockedContent(row, author);
            });

            voteRow.appendChild(blockBtn);
        }

        const onCommentChanged = (mutationList, observer) => {
            for (const mutation of mutationList) {
                if (mutation.type === "childList") {
                    if (mutation.target.classList.contains("jandan-tucao") && mutation.addedNodes.length > 0) {
                        const tucaoList = mutation.addedNodes[0];
                        if (tucaoList.classList.contains("tucao-hot") || tucaoList.classList.contains("tucao-list")) {
                            const tucaoRow = tucaoList.querySelectorAll(".tucao-row");
                            tucaoRow.forEach((row) => {
                                const author = row.querySelector(".tucao-author span").innerText;
                                if (!author) {
                                    return;
                                }
                                createBlockButton(row, author);
                                if (list_tucaoUserBlockList.includes(author)) {
                                    createBlockedContent(row, author);
                                }
                            });
                        }
                    }
                }
            }
        };

        const observer = new MutationObserver(onCommentChanged);
        const config = { attributes: false, childList: true, subtree: true };

        comments.forEach((comment) => {
            observer.observe(comment, config);
        });
    }

    blurXXOOCount();
    hideComments();
})();
欢迎访问Greasy Fork镜像
