屏蔽指定linuxdo用户的帖子
// ==UserScript==
// @name 屏蔽linuxdo用户
// @namespace Violentmonkey Scripts
// @version 0.1.4
// @description 屏蔽指定linuxdo用户的帖子
// @author zxkmm
// @author frostime
// @author TCOTC
// @homepage https://github.com/Blocklist-Freedom/linuxdo_blocklist
// @supportURL https://github.com/Blocklist-Freedom/linuxdo_blocklist/issues
// @match https://linux.do/*
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_addStyle
// ==/UserScript==
/*notes
* posts: .topic-list-item.ember-view
* 头像区块 style class：posters topic-list-data
* 帖子作者: title 包含 “原始发帖人”
*
*
* */
(function () {
"use strict";
const blockedUsersKey = "blockedUsers";
const remindWayKey = "remindWay";
let blockedUsers = GM_getValue(blockedUsersKey, []);
let remindWay = GM_getValue(remindWayKey, "opacity"); // init var aka default as opa
//public shame list
const publicShameUser = [];
// const publicShameUser = ["science"];
//public shame end
//Main style
const customStyle = `
.block-it.block-it__hide {
display: none;
}
.block-it.block-it__opacity {
opacity: 0.1;
}
.block-it.block-it__opacity .article-list__abstract {
display: none;
}
.block-it.block-it__blur {
filter: blur(5px);
}
.block-it.block-it__blur:hover {
filter: none;
}
.block-it .article-list__panel {
padding: 5px 15px;
}
.block-it .article-list__title--view, .block-it .article-list__title>a {
font-size: 14px;
}
.block-it .article-list__abstract {
font-size: 12px;
}
.block-it .tooltipped__user {
height: 12px;
width: 12px;
}
.blocked-users-list {
max-height: 400px;
overflow-y: auto;
mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
-webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
}
`;
GM_addStyle(customStyle);
// 创建用户界面
const createUI = () => {
const styles = `
.modern-ui {
background-color: #000000;
border: 1px solid #e3e3e3;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 15px;
width: 280px;
}
.modern-ui input {
width: 100%;
padding: 8px;
margin-bottom: 10px;
border: 1px solid #000000;
border-radius: 3px;
box-sizing: border-box;
background-color: #333333 !important;
color: #e0e0e0 !important;
}
.modern-ui button, .modern-ui select {
width: 100%;
padding: 8px;
margin-bottom: 10px;
border: 1px solid #000000;
border-radius: 3px;
box-sizing: border-box;
}
.modern-ui select {
background-color: #333333;
color: #e0e0e0;
}
.modern-ui button {
background-color: #FFA500;
color: #000000;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}
.modern-ui button:hover {
background-color: #FF8C00;
}
.modern-ui ul {
list-style-type: none;
padding: 0;
max-height: 200px;
overflow-y: auto;
border: 1px solid #000000;
border-radius: 3px;
}
.modern-ui li {
background-color: #505050;
border-bottom: 1px solid #e0e0e0;
padding: 8px;
display: flex;
justify-content: space-between;
align-items: center;
color: #e0e0e0;
}
.modern-ui li:last-child {
border-bottom: none;
}
.modern-ui li button {
width: auto;
padding: 3px 8px;
margin: 0;
background-color: #FFA500;
color: #000000;
}
.modern-ui li button:hover {
background-color: #FF8C00;
}
.toggle-button {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #FFA500;
color: #000000;
border: none;
padding: 8px 15px;
border-radius: 3px;
cursor: pointer;
z-index: 1001;
}
.toggle-button:hover {
background-color: #FF8C00;
}
.modern-ui label {
color: #e0e0e0;
}
`;
const styleElement = document.createElement("style");
styleElement.textContent = styles;
document.head.appendChild(styleElement);
const uiContainer = document.createElement("div");
uiContainer.className = "modern-ui";
uiContainer.style.position = "fixed";
uiContainer.style.bottom = "80px";
uiContainer.style.right = "20px";
uiContainer.style.zIndex = "1000";
uiContainer.style.display = "none";
const toggleButton = document.createElement("button");
toggleButton.textContent = "黑名单管理";
toggleButton.className = "toggle-button";
toggleButton.addEventListener("click", () => {
uiContainer.style.display =
uiContainer.style.display === "none" ? "block" : "none";
});
const input = document.createElement("input");
input.type = "text";
input.placeholder = "留空自动加当前人";
const addButton = document.createElement("button");
addButton.textContent = "添加到黑名单";
addButton.addEventListener("click", () => {
var username = input.value.trim();
if (!username) {
username = autoFetchUsername();
}
if (username && !blockedUsers.includes(username)) {
blockedUsers.push(username);
GM_setValue(blockedUsersKey, blockedUsers);
updateBlockedUsersList();
input.value = "";
}
});
const blockedUsersList = document.createElement("ul");
const updateBlockedUsersList = () => {
blockedUsersList.innerHTML = "";
publicShameUser.forEach((user) => {
const listItem = document.createElement("li");
listItem.innerHTML = `${user} <span style="color: #888;">（这位是🤡，无法删除）</span>`;
blockedUsersList.appendChild(listItem);
});
blockedUsers.forEach((user, index) => {
const listItem = document.createElement("li");
listItem.innerHTML = `
<span>${user}</span>
<button class="delete-button">删除</button>
`;
const deleteButton = listItem.querySelector(".delete-button");
deleteButton.addEventListener("click", () => {
blockedUsers.splice(index, 1);
GM_setValue(blockedUsersKey, blockedUsers);
updateBlockedUsersList();
});
blockedUsersList.appendChild(listItem);
});
};
const remindWaySelect = document.createElement("select");
const remindWays = [
{ value: "hide", text: "隐藏" },
{ value: "blur", text: "模糊(悬浮时取消)" },
{ value: "opacity", text: "白雾" },
];
remindWays.forEach((way) => {
const option = document.createElement("option");
option.value = way.value;
option.text = way.text;
if (way.value === remindWay) {
option.selected = true;
}
remindWaySelect.appendChild(option);
});
remindWaySelect.addEventListener("change", () => {
remindWay = remindWaySelect.value;
GM_setValue(remindWayKey, remindWay);
});
const label = document.createElement("label");
label.textContent = "标记帖子方式: ";
label.appendChild(remindWaySelect);
label.style.color = "#e0e0e0";
uiContainer.appendChild(input);
uiContainer.appendChild(addButton);
uiContainer.appendChild(label);
uiContainer.appendChild(blockedUsersList);
document.body.appendChild(uiContainer);
document.body.appendChild(toggleButton);
updateBlockedUsersList();
};
createUI();
const autoFetchUsername = () => {
// console.log("auto fetch name");
const postOwnerPostElem = document.querySelector(".topic-post.topic-owner");
// console.log("pop",postOwnerPostElem);
if (!postOwnerPostElem) {
return;
}
const namesAreaElem = postOwnerPostElem.querySelector(
".names.trigger-user-card"
);
// console.log("nae",namesAreaElem);
if (!namesAreaElem) {
return;
}
var namesElem = namesAreaElem.querySelector(".first.full-name");
// console.log("ne",namesElem);
if (!namesElem) {
namesElem = namesAreaElem.querySelector(".first");
}
if (!namesElem) {
return;
}
const userCardElem = namesAreaElem.querySelector("[data-user-card]");
// console.log("uce",userCardElem);
if (!userCardElem) {
return;
}
const username = userCardElem.getAttribute("data-user-card");
// console.log("u",username);
if (!username) {
return;
} else {
console.log("fetched this guy:", username);
const overlay = document.createElement("div");
overlay.style.position = "fixed";
overlay.style.top = "50%";
overlay.style.left = "50%";
overlay.style.backgroundColor = "rgba(0, 0, 0)";
overlay.style.color = "white";
overlay.style.padding = "10px";
overlay.style.borderRadius = "5px";
overlay.style.zIndex = "9999";
overlay.style.fontSize = "32px";
overlay.style.textAlign = "center";
overlay.textContent = `自动获取到这位用户: ${username}，请核实，已添加`;
document.body.appendChild(overlay);
setTimeout(() => {
document.body.removeChild(overlay);
}, 1000);
return username;
}
return null;
};
const blockPosts = () => {
const posts = document.querySelectorAll(".topic-list-item.ember-view");
// console.log("posts", posts);
if (!posts) return;
posts.forEach((post) => {
const authorElement = post.querySelector(".posters a:first-child");
// console.log("aE", authorElement);
if (!authorElement) return;
const authorName = authorElement.getAttribute("data-user-card");
// console.log("An", authorName);
if (!authorName) return;
if (
blockedUsers.includes(authorName) ||
publicShameUser.includes(authorName)
) {
console.log("blked", authorName);
post.classList.toggle("block-it", true);
switch (remindWay) {
case "hide":
post.classList.toggle("block-it__hide", true);
break;
case "blur":
post.classList.toggle("block-it__blur", true);
break;
case "opacity":
post.classList.toggle("block-it__opacity", true);
}
}
});
};
//使用 MutationObserver 监听页面变化
const observer = new MutationObserver((mutationsList, observer) => {
for (const mutation of mutationsList) {
if (mutation.type === "childList") {
blockPosts();
// console.log("------blocked------");
}
}
});
observer.observe(document.body, { childList: true, subtree: true });
// 初始执行一次
blockPosts();
})();