bilibili批量黑名单

在哔哩哔哩搜索页批量管理黑名单。
换行
// ==UserScript==
// @name         bilibili批量黑名单
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  在哔哩哔哩搜索页批量管理黑名单。
// @author       zyb
// @match        https://search.bilibili.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    // 搜索列表结果页用户的className常量
    const FID_CLASSNAME = '.search-content .media-list .b-user-info-card a.p_relative';
    const TOPBTNBOX_CLASSNAME = '.search-content .search-page-wrapper .search-conditions .conditions-order';
    const BTNBOX_CLASSNAME = '.search-content .media-list .b-user-info-card .user-content .user-actions';
    const LISTDOM_CLASSNAME = '.search-content';
    // const LISTDOM_CLASSNAME = '#i_cecream';

    class AddBlacklist {

        constructor() {
            this.init();
        }

        init() {
            // 判断当前页是否在用户下
            if (location.pathname.slice(1) !== 'upuser') {
                return;
            }

            // 判断是否已经添加过黑名单按钮
            if (document.querySelectorAll('.addBlacklist_topBtnBox')[0]) {
                return;
            }
            // 暂存this
            const _this = this;
            // 事件托管
            const listDom = document.querySelectorAll(LISTDOM_CLASSNAME)[0];
            listDom && (listDom.onclick = function (e) {
                const targetDom = e.target;
                // 获取自定义数据
                const fid = targetDom?.dataset?.fid;
                let blackflag = +targetDom?.dataset?.blackflag;
                // 判断当前dom节点是否是添加黑名单按钮
                if (fid) {
                    // 原先不在黑名单中
                    if (!blackflag) {
                        // 添加用户到黑名单
                        _this.addToBlack(fid);
                        // 更新按钮文本和数据
                        targetDom.innerHTML = '移除出黑名单';
                        targetDom.dataset.blackflag = 1
                    }
                    // 原先在黑名单中
                    else {
                        // 从黑名单移除该用户
                        _this.removeFromBlack(fid);
                        // 更新按钮文本和数据
                        targetDom.innerHTML = '添加至黑名单';
                        targetDom.dataset.blackflag = 0

                    }
                }
            })
            // 创建管理按钮
            this.createTopBtnElement();
        }

        /**
         * 根据字段获取对应cookie值
         * @param {string} cookieName
         * @returns {string}
         */
        getCookieValue(cookieName) {
            let name = cookieName + "=";
            let decodedCookie = decodeURIComponent(document.cookie);
            let cookieArray = decodedCookie.split(';');
            for (let i = 0; i < cookieArray.length; i++) {
                let cookie = cookieArray[i].trim();
                if (cookie.indexOf(name) == 0) {
                    return cookie.substring(name.length, cookie.length);
                }
            }
            return "";
        }

        /**
         * bilibili黑名单api
         * @param {string} fid 用户id
         * @param {string} action 行为类型
         * @returns {Promise}
         */
        controlBlackListfetch(fid, action = 'add') {
            if (!fid) {
                return;
            }
            const act = {
                add: 5,
                remove: 6
            }[action];
            const csrf = this.getCookieValue('bili_jct');

            return fetch("https://api.bilibili.com/x/relation/modify", {
                "headers": {
                    "content-type": "application/x-www-form-urlencoded",
                },
                "body": `fid=${fid}&act=${act}&re_src=11&gaia_source=web_main&csrf=${csrf}`,
                "method": "POST",
                "mode": "cors",
                "credentials": "include"
            });
        }

        /**
         * 添加用户到黑名单
         * @param {string} fid 用户id
         * @returns {Promise}
         */
        addToBlack(fid = '') {
            return this.controlBlackListfetch(fid, 'add');
        }

        /**
         * 从黑名单移除该用户
         * @param {string} fid 用户id
         * @returns {Promise}
         */
        removeFromBlack(fid = '') {
            return this.controlBlackListfetch(fid, 'remove');
        }

        /**
         * 获取搜索页用户的数据
         * @returns {Array}
         */
        getUserList() {
            const listDom = document.querySelectorAll(FID_CLASSNAME);
            return Array.from(listDom).map((dom) => {
                return {
                    href: dom.href,
                    fid: dom.pathname.slice(1),
                    title: dom.title,
                    text: dom.text,
                    pathName: dom.pathname
                }
            })
        }
        /**
         * 创建css样式
         * @param {string} styleStr css样式
         */
        createStyleFuc(styleStr = "") {
            // 创建style节点
            const style = document.createElement("style");
            style.setAttribute("type", "text/css");
            style.appendChild(document.createTextNode(styleStr));
            document.head.appendChild(style);
        }

        /**
         * 批量创建 添加至黑名单 按钮
         */
        createBtnElement() {
            this.userList = this.getUserList();
            Array.from(document.querySelectorAll(BTNBOX_CLASSNAME)).forEach((dom, index) => {
                const btnDom = document.createElement('button');
                btnDom.setAttribute('class', 'addBlacklist_btnBox');
                btnDom.setAttribute('data-fid', this.userList[index].fid);
                btnDom.setAttribute('data-blackflag', 0);
                btnDom.innerHTML = `添加至黑名单`;
                dom.appendChild(btnDom)
            });
        }

        /**
         * 创建 批量控制黑名单 按钮
         */
        createTopBtnElement() {
            const _this = this;

            this.createStyleFuc(`
                .addBlacklist_topBtnBox,
                .addBlacklist_btnBox {
                    width: 100px;
                    height: 32px;
                    color: #18191c;
                    background: #ffffff;
                    border: 1px solid #e3e5e7;
                    padding: 0;
                    border-radius: 6px;
                    font-size: 14px;
                    line-height: 1;
                    white-space: nowrap;
                    user-select: none;
                    cursor: pointer;
                    margin-left: 10px;
                }

                .addBlacklist_topBtnBox {
                    width: 120px;
                }
            `)

            const btnDom = document.createElement('button');
            btnDom.setAttribute('class', 'addBlacklist_topBtnBox');
            btnDom.innerHTML = `批量控制黑名单`;

            btnDom.onclick = function (e) {
                if (document.querySelectorAll('.addBlacklist_btnBox').length === 0) {
                    _this.createBtnElement();
                }
            }

            document.querySelectorAll(TOPBTNBOX_CLASSNAME)[0].appendChild(btnDom)
        }
    }

    class ListenHref {
        href = location.href;
        timeId = null;

        constructor() {
        }

        setInterval(time = 100, callback) {
            this.timeId = setInterval(() => {
                if (location.href !== this.href) {
                    console.log('------------------href改变了---------------------');
                    if (callback) {
                        callback();
                    }
                    this.href = location.href;
                }
            }, time)
            return this.timeId;
        }

        clearInterval(timeId = this.timeId) {
            this.clearInterval(timeId);
        }
    }

    const blackList = new AddBlacklist();
    const listenHref = new ListenHref();
    listenHref.setInterval(100, () => {
        blackList.init();
    })
})();
欢迎访问Greasy Fork镜像
