// ==UserScript==
// @name 评论推土机
// @namespace tuituji
// @version 2.3
// @description 用于b站评论区屏蔽at信息的脚本
// @author leostou
// @match https://www.bilibili.com/video/*
// @match https://www.bilibili.com/read/*
// @grant GM_xmlhttpRequest
// @connect *
// @icon https://static.hdslb.com/images/favicon.ico
// @license MIT
// ==/UserScript==
(function () {
'use strict';
let commentDom = null
let commentOb = null
let officialUrl = 'https://api.bilibili.com/x/space/acc/info?mid='
let fansUrl = 'https://api.bilibili.com/x/relation/stat?vmid='
let t = 0
let maxT = 20
let ready = false
let timer = null
/*可配置项*/
let showTips = true //进入页面是否提示开启脚本，false为直接启动脚本
let officialCheck = true // 是否开启认证校验，关闭则除白名单外的全部删除
let bigUserFans = 200000 //认证校验开启时，非认证号粉丝量在200000以上的标记标记=>☆粉丝认证
let smallUserFans = 2000//认证校验开启时，非认证号粉丝量在2000以上的标记标记=>☆未来可期
let rightTagList = ['business', 'personal'] //头像右下角认证信息
/*白名单，不过滤
id: 白名单的id
prev: 前缀
reName: 重命名
suffix: 后缀
color: 匹配后的颜色
*/
let whiteList = [{
id: '',
prev: '',
reName: '',
suffix: '',
color: ''
}, {
id: '',
prev: '',
reName: '',
suffix: '',
color: ''
}]
/* 认证信息,认证校验开启时，非认证号粉丝量在200000以上的标记标记=>☆机构认证/☆知名认证
type: 0 知名个人认证，1机构认证，10粉丝数大于2000，99粉丝数大于200000
prev: 前缀
suffix: 后缀
color: 匹配后的颜色
*/
let officialList = [{
type: 0,
prev: '',
suffix: '[☆知名认证]\n',
color: '#ffc62e',
}, {
type: 1,
prev: '',
suffix: '[☆机构认证]\n',
color: '#3ec6f3',
}, {
type: 10,
prev: '',
suffix: '[☆未来可期]\n',
color: '#95ddb2'
}, {
type: 99,
prev: '',
suffix: '[☆粉丝认证]\n',
color: '#ff0000'
}]
const initOb = (dom) => {
commentOb = new MutationObserver((mutations, ob) => {
handlerComment(mutations[0].addedNodes)
})
commentOb.observe(dom, {
childList: true
})
}
const initTimer = () => {
timer = setInterval(() => {
// 10秒内没绑定成功关闭脚本
if (ready || t >= maxT) {
clearInterval(timer)
timer = null
} else {
t++
commentDom = document.querySelector('.comment-list')
let list = commentDom ? commentDom.querySelectorAll('.list-item') : null
handlerComment(list)
if (list) {
ready = true
initOb(commentDom)
}
}
}, 500)
}
// 评论列表绑定dom监听
const handlerComment = (list) => {
if (!list || list.length === 0) return
Array.from(list).forEach(async item => {
// 判断是否发言人是否有认证信息
if (rightTagMatch(item)) return
// 是否存在白名单
if (whiteListMatch(item, 'dom')) return
// 处理at逻辑
atFn(item)
})
}
const rightTagMatch = (dom) => {
const rightTagClassName = dom.querySelector('span.bili-avatar-icon').className
return rightTagList.some(item => {
return rightTagClassName.includes(item)
})
}
const whiteListMatch = (dom, type) => {
let mid = type === 'dom' ? dom.querySelector('.user-face>a').dataset.usercardMid : dom.pathname.substr(1)
if (whiteList.some(item => item.id === mid)) {
type === 'dom' ? reWrite(dom.querySelector('.con .user>a'), '', mid) : reWrite(dom, '', mid)
return true
}
return false
}
const atFn = async (dom) => {
// 判断发言是否存在at
let atReg = /@.*?\s/g
let target = dom.querySelector('.con .text')
if (atReg.test(target.innerText)) {
// 是否校验认证用户
const data = await textMatch(target)
if (!data.some(item => item === true)) {
dom.style.display = 'none'
}
}
}
const reWrite = (dom, type, id) => {
let data
if (type === 'official') {
data = officialList.find(item => item.type === id)
} else {
data = whiteList.find(item => item.id === id)
}
let name = data.reName ? data.reName : dom.innerText
dom.innerText = data.prev + name + data.suffix
dom.style.color = data.color ? data.color : dom.style.color
}
const getInfo = (id, type) => {
return new Promise((resolve, reject) => {
let fullUrl = (type === 'official' ? officialUrl : fansUrl) + id
GM_xmlhttpRequest({
url: fullUrl,
method: "GET",
headers: {
'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36'
},
onload: function (xhr) {
resolve(xhr.responseText)
}
});
})
}
const officialTest = (data) => {
let res = JSON.parse(data)
if (res && res.data) {
return res.data.official.type
}
return -1
}
const fansTest = (data) => {
let res = JSON.parse(data)
if (res && res.data) {
if (res.data.follower < smallUserFans) {
return -1
} else if (res.data.follower >= bigUserFans) {
return 99
} else {
return 10
}
}
}
const textMatch = async (commentDom) => {
let aTagArr = Array.from(commentDom.querySelectorAll('a'))
return await Promise.all(aTagArr.map(aItem => new Promise(async (res, rej) => {
if (whiteListMatch(aItem, 'atUser')) {
res(true)
}
if (!officialCheck) {
res(false)
}
let mid = aItem.pathname.substr(1)
// 发送请求获取认证状态
let type = -1
const data = await getInfo(mid, 'official')
type = officialTest(data)
if (type === -1) {
const data = await getInfo(mid, 'fans')
type = fansTest(data)
}
if (textReplace(type, aItem)) {
res(true)
}
res(false)
})))
}
const textReplace = (type, aItem) => {
// 认证条件判断成功
if (type !== -1) {
reWrite(aItem, 'official', type)
return true
}
return false
}
const initTips = () => {
if (!showTips) {
initTimer()
return
}
const box = document.createElement('div')
box.style = 'position:fixed;width:200px;height:100px;left:-200px;top:500px;border-radius:10px;border:1px solid #37c8f7;background-color:#fff; text-align: center;transition :all linear 0.25s;opacity:.5;z-index:9999'
const boxShow = () => {
box.style.left = '0px'
box.style.opacity = 1
}
const boxHide = () => {
box.style.left = '-200px'
box.style.opacity = '0'
}
const p = document.createElement('p')
p.style = 'padding:10px'
p.innerText = '是否开启坟头推土机脚本'
const btnBox = document.createElement('div')
btnBox.style.marginTop = '30px'
let btnStyle = 'padding:5px 10px;border:1px solid #ccc;border-radius:5px;margin:5px;user-select:none;cursor:pointer'
const btnCancel = document.createElement('span')
btnCancel.innerText = '取消'
btnCancel.style = btnStyle
btnCancel.addEventListener('click', () => {
boxHide()
setTimeout(textBoxShow, 250)
})
const btnConfirm = document.createElement('span')
btnConfirm.innerText = '确定'
btnConfirm.style = btnStyle
btnConfirm.style.backgroundColor = '#00a1d6'
btnConfirm.style.color = '#fff'
btnConfirm.addEventListener('click', () => {
initTimer()
boxHide()
})
const textBox = document.createElement('div')
textBox.style = 'position:fixed;left:-60px;top:500px;background-color:#00a1d6;width:30px;padding:10px 10px 10px 0px;font-size:16px;color:#fff;font-weight:700;writing-mode: vertical-rl;transition :all linear 0.25s;opacity:0;cursor: pointer;border-radius: 0 10px 10px 0;'
textBox.innerText = '评论推土机'
textBox.addEventListener('click', () => {
textBoxHide()
setTimeout(boxShow, 250)
})
const textBoxHide = () => {
textBox.style.left = '-50px'
textBox.style.opacity = '0'
}
const textBoxShow = () => {
textBox.style.left = '-10px'
textBox.style.opacity = 1
}
const textBoxMouseOver = () => {
textBox.style.transition = 'all .25s linear'
textBox.style.left = '0px'
}
const textBoxMouseLeave = () => {
textBox.style.transition = 'all .25s linear'
textBox.style.left = '-10px'
}
textBox.addEventListener('mouseover', textBoxMouseOver)
textBox.addEventListener('mouseleave', textBoxMouseLeave)
document.body.appendChild(textBox)
document.body.appendChild(box)
box.appendChild(p)
box.appendChild(btnBox)
btnBox.appendChild(btnCancel)
btnBox.appendChild(btnConfirm)
document.querySelector('#app').addEventListener('click', (e) => {
if (commentOb) return
boxHide()
setTimeout(textBoxShow, 250)
}, false)
setTimeout(() => {
textBoxShow()
})
}
initTips()
})()
