Sleazy Fork is available in English.

海角社区黑名单

海角社区黑名单系统屏蔽不喜欢的作者

// ==UserScript==
// @name        海角社区黑名单
// @namespace   Violentmonkey Scripts
// @match       https://haijiao.com/*
// @match       https://hj*.*/*
// @grant       none
// @version     0.0.2
// @author      YYSSLL
// @license     GPL-3.0-or-later
// @grant       GM_addStyle
// @grant       GM_setValue
// @grant       GM_getValue
// @description 海角社区黑名单系统屏蔽不喜欢的作者
// ==/UserScript==



(function () {
    'use strict';

    console.log("开始运行黑名单系统")
    const iconOut = "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAHlBMVEVHcEzV1dXY2NjZ2dna2trY2NjX19fZ2dnX19fY2Njh5OoZAAAACXRSTlMAMO/vMJdgXiAyZE3cAAAAqUlEQVQ4y+3UMRKDIBAFUJzRxDLDDVLac4Acwc4T2Nuk5wym4rYB1sWC/zkBW+24Pga+jMb06gXq67Ubt3r6CE5bG45qPIXfR7phCWs1jg+d4tPXq9uLx/feYGvKI36hrQsnWDnDwikWznHmHGfewIk3cB4701xck4f4XDhPZ7acpzMPlEtglEtgjGvahGvamM8lbcinkja8is87bXSRzV4+1bz1n0IvVH+2gTclx+L2cQAAAABJRU5ErkJggg==) no-repeat 50%"
    const iconOver = "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAG1BMVEVHcEzvQEDwQUHwQUHxQEHxQELvQUHvQEDwQUJ81f6CAAAACHRSTlMAMO/vX5+QIH0cREEAAACNSURBVDjLY2AYBaMAC3ArgLEYQzBlWToMYUzhDgcMadaOZgGoZouOBAxpoKAhTHNzAabpwlDtCHVYtQvDbcGmHYdmmAQuzRAZnJoh2nFrBmvHrRmsHY9mkHY8mglJEzAcv9MIeAx/sBAIVPxRQiBC8ScHduTEhKmdDTkpBpCakBlc4Sayp4wWCqMAGwAA1UYyEwpcChIAAAAASUVORK5CYII=)"

    // 获取黑名单列表
    let blacklist = GM_getValue("blacklist")
    // console.log(blacklist)

    // 声明一个对象不同页面需要的不同选择器  作者（选择作者昵称）  描述（选择作品的标题描述）  祖父（选择祖父方便屏蔽）  写入标题（是否用标题来储存值）  删除（是否直接删除祖父元素）
    let selector = { author: "", describe: "", grandfather: "", writeTitle: false, remove: false }


    // 创建一个不喜欢按钮
    function createDislikeButton() {
        // 添加一个屏蔽按钮
        let div = document.createElement('div')
        div.style.display = "inline-block"
        div.style.width = "20px"
        div.style.height = "20px"
        div.style.background = iconOut
        div.style.backgroundSize = "contain"
        div.style.cursor = "pointer"
        div.classList.add("dislikeIcon")

        // 鼠标移入事件
        div.onmouseover = function () {
            div.style.background = iconOver
            div.style.backgroundSize = "contain"
        }
        // 鼠标移出事件
        div.onmouseout = function () {
            div.style.background = iconOut
            div.style.backgroundSize = "contain"
        }

        return div
    }




    // 每个元素都要执行的操作的回调函数
    function checkNode(element) {
        // 兼容性补充，没有标题就用内容来替换
        if (selector.writeTitle) {
            element.title = element.innerText
        }
        // 兼容性补充，添加一个类方便选择
        element.classList.add("author")


        // 得到这行的祖宗方便删除
        let li = element.parentNode.parentNode.parentNode.parentNode
        // 得到这个作品的标题描述
        let describe = li.querySelector(selector.describe)
        // console.log("取到值")
        if (selector.writeTitle) {
            // 兼容性补充，没有标题就用内容来替换
            describe.title = describe.innerText
        }


        // 非直接删除的先恢复显示，后期再优化通过添加自定义类去屏蔽
        if (!selector.remove) {
            li.style.display = "block"
        }

        // 判断一个数组是否包含一个指定的值
        if (blacklist.includes(element.title)) {
            console.log("已屏蔽 [ " + element.title + " ] " + describe.title)
            // 是否直接删除
            if (selector.remove) {
                li.remove()
            } else {
                li.style.display = "none"
            }
            return
        }

        // 创建不喜欢按钮
        let div = createDislikeButton()
        div.addEventListener("click", function () {

            if (confirm("确定要屏蔽昵称 [ " + element.title + " ] 的全部作品吗？")) {

                console.log("新加黑 [ " + element.title + " ]")
                blacklist.push(element.title)
                GM_setValue("blacklist", blacklist)
                // 是否直接删除
                if (selector.remove) {
                    li.remove()
                } else {
                    li.style.display = "none"
                }
                return
            }
        })


        // 没有才追加
        if (!li.querySelector(".dislikeIcon")) {
            // 追加一个不喜欢按钮
            li.querySelector(selector.grandfather).appendChild(div)
        }

    }



    // 核心工作函数，返回当前所在网页是否是支持加黑的页面，如果不支持就返回 false
    function work() {

        if (window.location.href.indexOf("/home") > -1) {
            // 当前在首页
            selector.author = "i+.hjbox-linkcolor"
            selector.describe = "h4>span"
            selector.grandfather = ".d-flex.justify-content-between"
            selector.writeTitle = false
            selector.remove = true
        } else if (window.location.href.indexOf("/es?key=") > -1) {
            // 当前在搜索页
            selector.author = "i+.hjbox-linkline"
            selector.describe = "h4>div"
            selector.grandfather = ".show_list_info"
            selector.writeTitle = true
            selector.remove = false
        } else {
            // 不在这两个位置自然没有执行的必要
            console.log("不受支持的页面已停止运行")
            return
        }


        // 设置一个定时器
        let id = setInterval(function () {
            // 得到一堆作者昵称
            let nicknames = document.querySelectorAll(selector.author)

            // 如果找到元素就清除定时器
            if (nicknames.length > 0) {
                clearInterval(id) // 清除定时器

                // 对数组的每个元素执行一次给定的函数
                nicknames.forEach(checkNode)
            }
        }, 1000)

    }




    // 主函数
    function main() {

        // 选择要观察的元素列表
        let targetNode = document.documentElement

        let observerOptions = {
            childList: true, // 观察目标子节点的变化，是否有添加或者删除
            // attributes: true, // 观察属性变动
            subtree: true, // 观察后代节点，默认为 false
        };
        // 实例化一个观察器
        let observer = new MutationObserver(function (mutationsList, observer) {
            // 元素变化
            console.log("页面变化了重新执行")
            work()
        });
        // 开始观察目标节点
        observer.observe(targetNode, observerOptions);


        // 页面加载成功执行一次
        work()

    }

    main();

})();