3// ==UserScript== // @name NGA Filter // @namespace https://greasyfork.org/users/263018 // @version 2.2.3 // @author snyssss // @description NGA 屏蔽插件，支持用户、标记、关键字、属地、小号、流量号、低声望、匿名过滤。troll must die。 // @license MIT // @match *://bbs.nga.cn/* // @match *://ngabbs.com/* // @match *://nga.178.com/* // @grant GM_addStyle // @grant GM_setValue // @grant GM_getValue // @grant GM_registerMenuCommand // @grant unsafeWindow // @run-at document-start // @noframes // @downloadURL none // ==/UserScript== (() => { // 声明泥潭主模块、主题模块、回复模块 let commonui, topicModule, replyModule; // KEY const DATA_KEY = "NGAFilter"; const USER_AGENT_KEY = "USER_AGENT_KEY"; const PRE_FILTER_KEY = "PRE_FILTER_KEY"; const CLEAR_TIME_KEY = "CLEAR_TIME_KEY"; // TIPS const TIPS = { filterMode: "过滤顺序：用户 > 标记 > 关键字 > 属地
过滤级别：显示 > 隐藏 > 遮罩 > 标记 > 继承", addTags: `一次性添加多个标记用"|"隔开，不会添加重名标记`, keyword: `支持正则表达式。比如同类型的可以写在一条规则内用"|"隔开，"ABC|DEF"即为屏蔽带有ABC或者DEF的内容。`, hunter: "猎巫模块需要占用额外的资源，请谨慎开启", }; // STYLE GM_addStyle(` .filter-table-wrapper { max-height: 80vh; overflow-y: auto; } .filter-table { margin: 0; } .filter-table th, .filter-table td { position: relative; white-space: nowrap; } .filter-table th { position: sticky; top: 2px; z-index: 1; } .filter-table input:not([type]), .filter-table input[type="text"] { margin: 0; box-sizing: border-box; height: 100%; width: 100%; } .filter-input-wrapper { position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; } .filter-text-ellipsis { display: flex; } .filter-text-ellipsis > * { flex: 1; width: 1px; overflow: hidden; text-overflow: ellipsis; } .filter-button-group { margin: -.1em -.2em; } .filter-tags { margin: 2px -0.2em 0; text-align: left; } .filter-mask { margin: 1px; color: #81C7D4; background: #81C7D4; } .filter-mask-block { display: block; border: 1px solid #66BAB7; text-align: center !important; } .filter-input-wrapper { position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; } `); /** * 工具类 */ class Tools { /** * 返回当前值的类型 * @param {*} value 值 * @returns {String} 值的类型 */ static getType = (value) => { return Object.prototype.toString.call(value).slice(8, -1).toLowerCase(); }; /** * 返回当前值是否为指定的类型 * @param {*} value 值 * @param {Array} types 类型名称集合 * @returns {Boolean} 值是否为指定的类型 */ static isType = (value, ...types) => { return types.includes(this.getType(value)); }; /** * 拦截属性 * @param {Object} target 目标对象 * @param {String} property 属性或函数名称 * @param {Function} beforeGet 获取属性前事件 * @param {Function} beforeSet 设置属性前事件 * @param {Function} afterGet 获取属性后事件 * @param {Function} afterSet 设置属性前事件 */ static interceptProperty = ( target, property, { beforeGet, beforeSet, afterGet, afterSet } ) => { // 缓存数据 let source = target[property]; // 如果已经有结果，则直接处理写入后操作 if (Object.hasOwn(target, property)) { if (afterSet) { afterSet.apply(target, [source]); } } // 拦截 Object.defineProperty(target, property, { get: () => { // 如果是函数 if (this.isType(source, "function")) { return (...args) => { try { // 执行前操作 // 可以在这一步修改参数 // 可以通过在这一步抛出来阻止执行 if (beforeGet) { args = beforeGet.apply(target, args); } // 执行函数 const returnValue = source.apply(target, args); // 返回的可能是一个 Promise const result = returnValue instanceof Promise ? returnValue : Promise.resolve(returnValue); // 执行后操作 if (afterGet) { result.then((value) => { afterGet.apply(target, [value, args, source]); }); } } catch {} }; } try { // 返回前操作 // 可以在这一步修改返回结果 // 可以通过在这一步抛出来返回 undefined const result = beforeGet ? beforeGet.apply(target, [source]) : source; // 返回后操作 // 实际上是在返回前完成的，并不能叫返回后操作，但是我们可以配合 beforeGet 来操作处理后的数据 if (afterGet) { afterGet.apply(target, [result, source]); } // 返回结果 return result; } catch { return undefined; } }, set: (value) => { try { // 写入前操作 // 可以在这一步修改写入结果 // 可以通过在这一步抛出来写入 undefined const result = beforeSet ? beforeSet.apply(target, [source, value]) : value; // 写入结果 source = result; // 写入后操作 if (afterSet) { afterSet.apply(target, [result, value]); } } catch { source = undefined; } }, }); }; /** * 合并数据 * @param {*} target 目标对象 * @param {Array} sources 来源对象集合 * @returns 合并后的对象 */ static merge = (target, ...sources) => { for (const source of sources) { const targetType = this.getType(target); const sourceType = this.getType(source); // 如果来源对象的类型与目标对象不一致，替换为来源对象 if (sourceType !== targetType) { target = source; continue; } // 如果来源对象是数组，直接合并 if (targetType === "array") { target = [...target, ...source]; continue; } // 如果来源对象是对象，合并对象 if (sourceType === "object") { for (const key in source) { if (Object.hasOwn(target, key)) { target[key] = this.merge(target[key], source[key]); } else { target[key] = source[key]; } } continue; } // 其他情况，更新值 target = source; } return target; }; /** * 数组排序 * @param {Array} collection 数据集合 * @param {Array} iterators 迭代器，要排序的属性名或排序函数 */ static sortBy = (collection, ...iterators) => collection.slice().sort((a, b) => { for (let i = 0; i < iterators.length; i += 1) { const iteratee = iterators[i]; const valueA = this.isType(iteratee, "function") ? iteratee(a) : a[iteratee]; const valueB = this.isType(iteratee, "function") ? iteratee(b) : b[iteratee]; if (valueA < valueB) { return -1; } if (valueA > valueB) { return 1; } } return 0; }); /** * 读取论坛数据 * @param {Response} response 请求响应 * @param {Boolean} toJSON 是否转为 JSON 格式 */ static readForumData = async (response, toJSON = true) => { return new Promise(async (resolve) => { const blob = await response.blob(); const reader = new FileReader(); reader.onload = () => { const text = reader.result.replace( "window.script_muti_get_var_store=", "" ); if (toJSON) { try { resolve(JSON.parse(text)); } catch { resolve({}); } return; } resolve(text); }; reader.readAsText(blob, "GBK"); }); }; /** * 获取成对括号的内容 * @param {String} content 内容 * @param {String} keyword 起始位置关键字 * @param {String} start 左括号 * @param {String} end 右括号 * @returns {String} 包含括号的内容 */ static searchPair = (content, keyword, start = "{", end = "}") => { // 获取成对括号的位置 const getLastIndex = (content, position, start = "{", end = "}") => { if (position >= 0) { let nextIndex = position + 1; while (nextIndex < content.length) { if (content[nextIndex] === end) { return nextIndex; } if (content[nextIndex] === start) { nextIndex = getLastIndex(content, nextIndex, start, end); if (nextIndex < 0) { break; } } nextIndex = nextIndex + 1; } } return -1; }; // 起始位置 const str = keyword + start; // 起始下标 const index = content.indexOf(str) + str.length; // 结尾下标 const lastIndex = getLastIndex(content, index, start, end); if (lastIndex >= 0) { return start + content.substring(index, lastIndex) + end; } return null; }; /** * 计算字符串的颜色 * * 采用的是泥潭的颜色方案，参见 commonui.htmlName * @param {String} value 字符串 * @returns {String} RGB代码 */ static generateColor(value) { const hash = (() => { let h = 5381; for (var i = 0; i < value.length; i++) { h = ((h << 5) + h + value.charCodeAt(i)) & 0xffffffff; } return h; })(); const hex = Math.abs(hash).toString(16) + "000000"; const hsv = [ `0x${hex.substring(2, 4)}` / 255, `0x${hex.substring(2, 4)}` / 255 / 2 + 0.25, `0x${hex.substring(4, 6)}` / 255 / 2 + 0.25, ]; const rgb = commonui.hsvToRgb(hsv[0], hsv[1], hsv[2]); return ["#", ...rgb].reduce((a, b) => { return a + ("0" + b.toString(16)).slice(-2); }); } } /** * IndexedDB * * 简单制造轮子，暂不打算引入 dexie.js，待其云方案正式推出后再考虑 */ class DBStorage { /** * 数据库名称 */ name = "NGA_FILTER_CACHE"; /** * 模块列表 */ modules = {}; /** * 当前实例 */ instance = null; /** * 初始化 * @param {*} modules 模块列表 */ constructor(modules) { this.modules = modules; } /** * 是否支持 */ isSupport() { return unsafeWindow.indexedDB !== undefined; } /** * 打开数据库并创建表 * @returns {Promise} 实例 */ async open() { // 创建实例 if (this.instance === null) { // 声明一个数组，用于等待全部表处理完毕 const queue = []; // 创建实例 await new Promise((resolve, reject) => { // 版本 const version = Object.values(this.modules) .map(({ version }) => version) .reduce((a, b) => Math.max(a, b), 0); // 创建请求 const request = unsafeWindow.indexedDB.open(this.name, version); // 创建或者升级表 request.onupgradeneeded = (event) => { this.instance = event.target.result; const transaction = event.target.transaction; const oldVersion = event.oldVersion; Object.entries(this.modules).forEach(([key, values]) => { if (values.version > oldVersion) { queue.push(this.createOrUpdateStore(key, values, transaction)); } }); }; // 成功后处理 request.onsuccess = (event) => { this.instance = event.target.result; resolve(); }; // 失败后处理 request.onerror = () => { reject(); }; }); // 等待全部表处理完毕 await Promise.all(queue); } // 返回实例 return this.instance; } /** * 获取表 * @param {String} name 表名 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @param {String} mode 事务模式，默认为只读 * @returns {Promise} 表 */ async getStore(name, transaction = null, mode = "readonly") { const db = await this.open(); if (transaction === null) { transaction = db.transaction(name, mode); } return transaction.objectStore(name); } /** * 创建或升级表 * @param {String} name 表名 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @returns {Promise} */ async createOrUpdateStore(name, { keyPath, indexes }, transaction) { const db = transaction.db; const data = []; // 检查是否存在表，如果存在，缓存数据并删除旧表 if (db.objectStoreNames.contains(name)) { // 获取并缓存全部数据 const result = await this.bulkGet(name, [], transaction); if (result) { data.push(...result); } // 删除旧表 db.deleteObjectStore(name); } // 创建表 const store = db.createObjectStore(name, { keyPath, }); // 创建索引 if (indexes) { indexes.forEach((index) => { store.createIndex(index, index); }); } // 迁移数据 if (data.length > 0) { await this.bulkAdd(name, data, transaction); } } /** * 插入指定表的数据 * @param {String} name 表名 * @param {*} data 数据 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @returns {Promise} */ async add(name, data, transaction = null) { // 获取表 const store = await this.getStore(name, transaction, "readwrite"); // 插入数据 const result = await new Promise((resolve, reject) => { // 创建请求 const request = store.add(data); // 成功后处理 request.onsuccess = (event) => { resolve(event.target.result); }; // 失败后处理 request.onerror = (event) => { reject(event); }; }); // 返回结果 return result; } /** * 删除指定表的数据 * @param {String} name 表名 * @param {String} key 主键 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @returns {Promise} */ async delete(name, key, transaction = null) { // 获取表 const store = await this.getStore(name, transaction, "readwrite"); // 删除数据 const result = await new Promise((resolve, reject) => { // 创建请求 const request = store.delete(key); // 成功后处理 request.onsuccess = (event) => { resolve(event.target.result); }; // 失败后处理 request.onerror = (event) => { reject(event); }; }); // 返回结果 return result; } /** * 插入或修改指定表的数据 * @param {String} name 表名 * @param {*} data 数据 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @returns {Promise} */ async put(name, data, transaction = null) { // 获取表 const store = await this.getStore(name, transaction, "readwrite"); // 插入或修改数据 const result = await new Promise((resolve, reject) => { // 创建请求 const request = store.put(data); // 成功后处理 request.onsuccess = (event) => { resolve(event.target.result); }; // 失败后处理 request.onerror = (event) => { reject(event); }; }); // 返回结果 return result; } /** * 获取指定表的数据 * @param {String} name 表名 * @param {String} key 主键 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @returns {Promise} 数据 */ async get(name, key, transaction = null) { // 获取表 const store = await this.getStore(name, transaction); // 查询数据 const result = await new Promise((resolve, reject) => { // 创建请求 const request = store.get(key); // 成功后处理 request.onsuccess = (event) => { resolve(event.target.result); }; // 失败后处理 request.onerror = (event) => { reject(event); }; }); // 返回结果 return result; } /** * 批量插入指定表的数据 * @param {String} name 表名 * @param {Array} data 数据集合 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @returns {Promise} 成功数量 */ async bulkAdd(name, data, transaction = null) { // 等待操作结果 const result = await Promise.all( data.map((item) => this.add(name, item, transaction) .then(() => true) .catch(() => false) ) ); // 返回受影响的数量 return result.filter((item) => item).length; } /** * 批量删除指定表的数据 * @param {String} name 表名 * @param {Array} keys 主键集合，空则删除全部 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @returns {Promise} 成功数量，删除全部时返回 -1 */ async bulkDelete(name, keys = [], transaction = null) { // 如果 keys 为空，删除全部数据 if (keys.length === 0) { // 获取表 const store = await this.getStore(name, transaction, "readwrite"); // 清空数据 await new Promise((resolve, reject) => { // 创建请求 const request = store.clear(); // 成功后处理 request.onsuccess = (event) => { resolve(event.target.result); }; // 失败后处理 request.onerror = (event) => { reject(event); }; }); return -1; } // 等待操作结果 const result = await Promise.all( data.map((item) => this.delete(name, item, transaction) .then(() => true) .catch(() => false) ) ); // 返回受影响的数量 return result.filter((item) => item).length; } /** * 批量插入或修改指定表的数据 * @param {String} name 表名 * @param {Array} data 数据集合 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @returns {Promise} 成功数量 */ async bulkPut(name, data, transaction = null) { // 等待操作结果 const result = await Promise.all( data.map((item) => this.put(name, item, transaction) .then(() => true) .catch(() => false) ) ); // 返回受影响的数量 return result.filter((item) => item).length; } /** * 批量获取指定表的数据 * @param {String} name 表名 * @param {Array} keys 主键集合，空则获取全部 * @param {IDBTransaction} transaction 事务，空则根据表名创建新事务 * @returns {Promise} 数据集合 */ async bulkGet(name, keys = [], transaction = null) { // 如果 keys 为空，查询全部数据 if (keys.length === 0) { // 获取表 const store = await this.getStore(name, transaction); // 查询数据 const result = await new Promise((resolve, reject) => { // 创建请求 const request = store.getAll(); // 成功后处理 request.onsuccess = (event) => { resolve(event.target.result || []); }; // 失败后处理 request.onerror = (event) => { reject(event); }; }); // 返回结果 return result; } // 返回符合的结果 const result = []; await Promise.all( keys.map((key) => this.get(name, key, transaction) .then((item) => { result.push(item); }) .catch(() => {}) ) ); return result; } } /** * 油猴存储 * * 虽然使用了不支持 Promise 的 GM_getValue 与 GM_setValue，但是为了配合 IndexedDB，统一视为 Promise */ class GMStorage extends DBStorage { /** * 初始化 * @param {*} modules 模块列表 */ constructor(modules) { super(modules); } /** * 插入指定表的数据 * @param {String} name 表名 * @param {*} data 数据 * @returns {Promise} */ async add(name, data) { // 如果不在模块列表里，写入全部数据 if (Object.hasOwn(this.modules, name) === false) { return GM_setValue(name, data); } // 如果支持 IndexedDB，使用 IndexedDB if (super.isSupport()) { return super.add(name, data); } // 获取对应的主键 const keyPath = this.modules[name].keyPath; const key = data[keyPath]; // 如果数据中不包含主键，抛出异常 if (key === undefined) { throw new Error(); } // 获取全部数据 const values = GM_getValue(name, {}); // 如果对应主键已存在，抛出异常 if (Object.hasOwn(values, key)) { throw new Error(); } // 插入数据 values[key] = data; // 保存数据 GM_setValue(name, values); } /** * 删除指定表的数据 * @param {String} name 表名 * @param {String} key 主键 * @returns {Promise} */ async delete(name, key) { // 如果不在模块列表里，忽略 key，删除全部数据 if (Object.hasOwn(this.modules, name) === false) { return GM_setValue(name, {}); } // 如果支持 IndexedDB，使用 IndexedDB if (super.isSupport()) { return super.delete(name, key); } // 获取全部数据 const values = GM_getValue(name, {}); // 如果对应主键不存在，抛出异常 if (Object.hasOwn(values, key) === false) { throw new Error(); } // 删除数据 delete values[key]; // 保存数据 GM_setValue(name, values); } /** * 插入或修改指定表的数据 * @param {String} name 表名 * @param {*} data 数据 * @returns {Promise} */ async put(name, data) { // 如果不在模块列表里，写入全部数据 if (Object.hasOwn(this.modules, name) === false) { return GM_setValue(name, data); } // 如果支持 IndexedDB，使用 IndexedDB if (super.isSupport()) { return super.put(name, data); } // 获取对应的主键 const keyPath = this.modules[name].keyPath; const key = data[keyPath]; // 如果数据中不包含主键，抛出异常 if (key === undefined) { throw new Error(); } // 获取全部数据 const values = GM_getValue(name, {}); // 插入或修改数据 values[key] = data; // 保存数据 GM_setValue(name, values); } /** * 获取指定表的数据 * @param {String} name 表名 * @param {String} key 主键 * @returns {Promise} 数据 */ async get(name, key) { // 如果不在模块列表里，忽略 key，返回全部数据 if (Object.hasOwn(this.modules, name) === false) { return GM_getValue(name); } // 如果支持 IndexedDB，使用 IndexedDB if (super.isSupport()) { return super.get(name, key); } // 获取全部数据 const values = GM_getValue(name, {}); // 如果对应主键不存在，抛出异常 if (Object.hasOwn(values, key) === false) { throw new Error(); } // 返回结果 return values[key]; } /** * 批量插入指定表的数据 * @param {String} name 表名 * @param {Array} data 数据集合 * @returns {Promise} 成功数量 */ async bulkAdd(name, data) { // 如果不在模块列表里，写入全部数据 if (Object.hasOwn(this.modules, name) === false) { return GM_setValue(name, {}); } // 如果支持 IndexedDB，使用 IndexedDB if (super.isSupport()) { return super.bulkAdd(name, data); } // 获取对应的主键 const keyPath = this.modules[name].keyPath; // 获取全部数据 const values = GM_getValue(name, {}); // 添加数据 const result = data.map((item) => { const key = item[keyPath]; // 如果数据中不包含主键，抛出异常 if (key === undefined) { return false; } // 如果对应主键已存在，抛出异常 if (Object.hasOwn(values, key)) { return false; } // 插入数据 values[key] = item; return true; }); // 保存数据 GM_setValue(name, values); // 返回受影响的数量 return result.filter((item) => item).length; } /** * 批量删除指定表的数据 * @param {String} name 表名 * @param {Array} keys 主键集合，空则删除全部 * @returns {Promise} 成功数量，删除全部时返回 -1 */ async bulkDelete(name, keys = []) { // 如果不在模块列表里，忽略 keys，删除全部数据 if (Object.hasOwn(this.modules, name) === false) { return GM_setValue(name, {}); } // 如果支持 IndexedDB，使用 IndexedDB if (super.isSupport()) { return super.bulkDelete(name, keys); } // 如果 keys 为空，删除全部数据 if (keys.length === 0) { GM_setValue(name, {}); return -1; } // 获取全部数据 const values = GM_getValue(name, {}); // 删除数据 const result = keys.map((key) => { // 如果对应主键不存在，抛出异常 if (Object.hasOwn(values, key) === false) { return false; } // 删除数据 delete values[key]; return true; }); // 保存数据 GM_setValue(name, values); // 返回受影响的数量 return result.filter((item) => item).length; } /** * 批量插入或修改指定表的数据 * @param {String} name 表名 * @param {Array} data 数据集合 * @returns {Promise} 成功数量 */ async bulkPut(name, data) { // 如果不在模块列表里，写入全部数据 if (Object.hasOwn(this.modules, name) === false) { return GM_setValue(name, data); } // 如果支持 IndexedDB，使用 IndexedDB if (super.isSupport()) { return super.bulkPut(name, keys); } // 获取对应的主键 const keyPath = this.modules[name].keyPath; // 获取全部数据 const values = GM_getValue(name, {}); // 添加数据 const result = data.map((item) => { const key = item[keyPath]; // 如果数据中不包含主键，抛出异常 if (key === undefined) { return false; } // 插入数据 values[key] = item; return true; }); // 保存数据 GM_setValue(name, values); // 返回受影响的数量 return result.filter((item) => item).length; } /** * 批量获取指定表的数据，如果不在模块列表里，返回全部数据 * @param {String} name 表名 * @param {Array} keys 主键集合，空则获取全部 * @returns {Promise} 数据集合 */ async bulkGet(name, keys = []) { // 如果不在模块列表里，忽略 keys，返回全部数据 if (Object.hasOwn(this.modules, name) === false) { return GM_getValue(name); } // 如果支持 IndexedDB，使用 IndexedDB if (super.isSupport()) { return super.bulkGet(name, keys); } // 获取全部数据 const values = GM_getValue(name, {}); // 如果 keys 为空，返回全部数据 if (keys.length === 0) { return Object.values(values); } // 返回符合的结果 const result = []; keys.forEach((key) => { if (Object.hasOwn(values, key)) { result.push(values[key]); } }); return result; } } /** * 缓存管理 * * 在存储的基础上，增加了过期时间和持久化选项，自动清理缓存 */ class Cache extends GMStorage { /** * 增加模块列表的 timestamp 索引 * @param {*} modules 模块列表 */ constructor(modules) { Object.values(modules).forEach((item) => { item.indexes = item.indexes || []; if (item.indexes.includes("timestamp") === false) { item.indexes.push("timestamp"); } }); super(modules); this.autoClear(); } /** * 插入指定表的数据，并增加 timestamp * @param {String} name 表名 * @param {*} data 数据 * @returns {Promise} */ async add(name, data) { // 如果在模块里，增加 timestamp if (Object.hasOwn(this.modules, name)) { data.timestamp = data.timestamp || new Date().getTime(); } return super.add(name, data); } /** * 插入或修改指定表的数据，并增加 timestamp * @param {String} name 表名 * @param {*} data 数据 * @returns {Promise} */ async put(name, data) { // 如果在模块里，增加 timestamp if (Object.hasOwn(this.modules, name)) { data.timestamp = data.timestamp || new Date().getTime(); } return super.put(name, data); } /** * 获取指定表的数据，并移除过期数据 * @param {String} name 表名 * @param {String} key 主键 * @returns {Promise} 数据 */ async get(name, key) { // 获取数据 const value = await super.get(name, key).catch(() => null); // 如果不在模块里，直接返回结果 if (Object.hasOwn(this.modules, name) === false) { return value; } // 如果有结果的话，移除超时数据 if (value) { // 读取模块配置 const { expireTime, persistent } = this.modules[name]; // 持久化或未超时 if (persistent || value.timestamp + expireTime > new Date().getTime()) { return value; } // 移除超时数据 await super.delete(name, key); } return null; } /** * 批量插入指定表的数据，并增加 timestamp * @param {String} name 表名 * @param {Array} data 数据集合 * @returns {Promise} 成功数量 */ async bulkAdd(name, data) { // 如果在模块里，增加 timestamp if (Object.hasOwn(this.modules, name)) { data.forEach((item) => { item.timestamp = item.timestamp || new Date().getTime(); }); } return super.bulkAdd(name, data); } /** * 批量删除指定表的数据 * @param {String} name 表名 * @param {Array} keys 主键集合，空则删除全部 * @param {boolean} force 是否强制删除，否则只删除过期数据 * @returns {Promise} 成功数量，删除全部时返回 -1 */ async bulkDelete(name, keys = [], force = false) { // 如果不在模块里，强制删除 if (Object.hasOwn(this.modules, name) === false) { force = true; } // 强制删除 if (force) { return super.bulkDelete(name, keys); } // 批量获取指定表的数据，并移除过期数据 const result = this.bulkGet(name, keys); // 返回成功数量 if (keys.length === 0) { return -1; } return keys.length - result.length; } /** * 批量插入或修改指定表的数据，并增加 timestamp * @param {String} name 表名 * @param {Array} data 数据集合 * @returns {Promise} 成功数量 */ async bulkPut(name, data) { // 如果在模块里，增加 timestamp if (Object.hasOwn(this.modules, name)) { data.forEach((item) => { item.timestamp = item.timestamp || new Date().getTime(); }); } return super.bulkPut(name, data); } /** * 批量获取指定表的数据，并移除过期数据 * @param {String} name 表名 * @param {Array} keys 主键集合，空则获取全部 * @returns {Promise} 数据集合 */ async bulkGet(name, keys = []) { // 获取数据 const values = await super.bulkGet(name, keys).catch(() => []); // 如果不在模块里，直接返回结果 if (Object.hasOwn(this.modules, name) === false) { return values; } // 读取模块配置 const { keyPath, expireTime, persistent } = this.modules[name]; // 筛选出超时数据 const result = []; const expired = []; values.forEach((value) => { // 持久化或未超时 if (persistent || value.timestamp + expireTime > new Date().getTime()) { result.push(value); return; } // 记录超时数据 expired.push(value[keyPath]); }); // 移除超时数据 await super.bulkDelete(name, expired); // 返回结果 return result; } /** * 自动清理缓存 */ async autoClear() { const data = await this.get(CLEAR_TIME_KEY); const now = new Date(); const clearTime = new Date(data || 0); const isToday = now.getDate() === clearTime.getDate() && now.getMonth() === clearTime.getMonth() && now.getFullYear() === clearTime.getFullYear(); if (isToday) { return; } await Promise.all( Object.keys(this.modules).map((name) => this.bulkDelete(name)) ); await this.put(CLEAR_TIME_KEY, now.getTime()); } } /** * 设置 * * 暂时整体处理模块设置，后续再拆分 */ class Settings { /** * 缓存管理 */ cache; /** * 当前设置 */ data = null; /** * 初始化并绑定缓存管理 * @param {Cache} cache 缓存管理 */ constructor(cache) { this.cache = cache; } /** * 读取设置 */ async load() { // 读取设置 if (this.data === null) { // 默认配置 const defaultData = { tags: {}, users: {}, keywords: {}, locations: {}, options: { filterRegdateLimit: 0, filterPostnumLimit: 0, filterTopicRateLimit: 100, filterReputationLimit: NaN, filterAnony: false, filterMode: "隐藏", }, }; // 读取数据 const storedData = await this.cache .get(DATA_KEY) .then((values) => values || {}); // 写入缓存 this.data = Tools.merge({}, defaultData, storedData); // 写入默认模块选项 if (Object.hasOwn(this.data, "modules") === false) { this.data.modules = ["user", "tag", "misc"]; if (Object.keys(this.data.keywords).length > 0) { this.data.modules.push("keyword"); } if (Object.keys(this.data.locations).length > 0) { this.data.modules.push("location"); } } } // 返回设置 return this.data; } /** * 写入设置 */ async save() { return this.cache.put(DATA_KEY, this.data); } /** * 获取模块列表 */ get modules() { return this.data.modules; } /** * 设置模块列表 */ set modules(values) { this.data.modules = values; this.save(); } /** * 获取标签列表 */ get tags() { return this.data.tags; } /** * 设置标签列表 */ set tags(values) { this.data.tags = values; this.save(); } /** * 获取用户列表 */ get users() { return this.data.users; } /** * 设置用户列表 */ set users(values) { this.data.users = values; this.save(); } /** * 获取关键字列表 */ get keywords() { return this.data.keywords; } /** * 设置关键字列表 */ set keywords(values) { this.data.keywords = values; this.save(); } /** * 获取属地列表 */ get locations() { return this.data.locations; } /** * 设置属地列表 */ set locations(values) { this.data.locations = values; this.save(); } /** * 获取默认过滤模式 */ get defaultFilterMode() { return this.data.options.filterMode; } /** * 设置默认过滤模式 */ set defaultFilterMode(value) { this.data.options.filterMode = value; this.save(); } /** * 获取注册时间限制 */ get filterRegdateLimit() { return this.data.options.filterRegdateLimit || 0; } /** * 设置注册时间限制 */ set filterRegdateLimit(value) { this.data.options.filterRegdateLimit = value; this.save(); } /** * 获取发帖数量限制 */ get filterPostnumLimit() { return this.data.options.filterPostnumLimit || 0; } /** * 设置发帖数量限制 */ set filterPostnumLimit(value) { this.data.options.filterPostnumLimit = value; this.save(); } /** * 获取发帖比例限制 */ get filterTopicRateLimit() { return this.data.options.filterTopicRateLimit || 100; } /** * 设置发帖比例限制 */ set filterTopicRateLimit(value) { this.data.options.filterTopicRateLimit = value; this.save(); } /** * 获取版面声望限制 */ get filterReputationLimit() { return this.data.options.filterReputationLimit || NaN; } /** * 设置版面声望限制 */ set filterReputationLimit(value) { this.data.options.filterReputationLimit = value; this.save(); } /** * 获取是否过滤匿名 */ get filterAnonymous() { return this.data.options.filterAnony || false; } /** * 设置是否过滤匿名 */ set filterAnonymous(value) { this.data.options.filterAnony = value; this.save(); } /** * 获取代理设置 */ get userAgent() { return this.cache.get(USER_AGENT_KEY).then((value) => { if (value === undefined) { return "Nga_Official"; } return value; }); } /** * 修改代理设置 */ set userAgent(value) { this.cache.put(USER_AGENT_KEY, value).then(() => { location.reload(); }); } /** * 获取是否启用前置过滤 */ get preFilterEnabled() { return this.cache.get(PRE_FILTER_KEY).then((value) => { if (value === undefined) { return true; } return value; }); } /** * 设置是否启用前置过滤 */ set preFilterEnabled(value) { this.cache.put(PRE_FILTER_KEY, value).then(() => { location.reload(); }); } /** * 获取过滤模式列表 * * 模拟成从配置中获取 */ get filterModes() { return ["继承", "标记", "遮罩", "隐藏", "显示"]; } /** * 获取指定下标过滤模式 * @param {Number} index 下标 */ getNameByMode(index) { const modes = this.filterModes; return modes[index] || ""; } /** * 获取指定过滤模式下标 * @param {String} name 过滤模式 */ getModeByName(name) { const modes = this.filterModes; return modes.indexOf(name); } /** * 切换过滤模式 * @param {String} value 过滤模式 * @returns {String} 过滤模式 */ switchModeByName(value) { const index = this.getModeByName(value); const nextIndex = (index + 1) % this.filterModes.length; return this.filterModes[nextIndex]; } } /** * API */ class API { /** * 缓存模块 */ static modules = { TOPIC_NUM_CACHE: { keyPath: "uid", version: 1, expireTime: 1000 * 60 * 60, persistent: true, }, USER_INFO_CACHE: { keyPath: "uid", version: 1, expireTime: 1000 * 60 * 60, persistent: false, }, PAGE_CACHE: { keyPath: "url", version: 1, expireTime: 1000 * 60 * 10, persistent: false, }, FORUM_POSTED_CACHE: { keyPath: "url", version: 2, expireTime: 1000 * 60 * 60 * 24, persistent: true, }, }; /** * 缓存管理 */ cache; /** * 设置 */ settings; /** * 初始化并绑定缓存管理、设置 * @param {Cache} cache 缓存管理 * @param {Settings} settings 设置 */ constructor(cache, settings) { this.cache = cache; this.settings = settings; } /** * 简单的统一请求 * @param {String} url 请求地址 * @param {Object} config 请求参数 * @param {Boolean} toJSON 是否转为 JSON 格式 */ async request(url, config = {}, toJSON = true) { const userAgent = await this.settings.userAgent; const response = await fetch(url, { headers: { "X-User-Agent": userAgent, }, ...config, }); const result = await Tools.readForumData(response, toJSON); return result; } /** * 获取用户主题数量 * @param {number} uid 用户 ID */ async getTopicNum(uid) { const name = "TOPIC_NUM_CACHE"; const expireTime = API.modules[name]; const api = `/thread.php?lite=js&authorid=${uid}`; const cache = await this.cache.get(name, uid); // 仍在缓存期间内，直接返回 if (cache) { const expired = cache.timestamp + expireTime < new Date().getTime(); if (expired === false) { return cache.count; } } // 请求数据 const result = await this.request(api); // 服务器可能返回错误，遇到这种情况下，需要保留缓存 const count = (() => { if (result.data) { return result.data.__ROWS || 0; } if (cache) { return cache.count; } return 0; })(); // 更新缓存 this.cache.put(name, { uid, count, }); return count; } /** * 获取用户信息 * @param {number} uid 用户 ID */ async getUserInfo(uid) { const name = "USER_INFO_CACHE"; const api = `/nuke.php?lite=js&__lib=ucp&__act=get&uid=${uid}`; const cache = await this.cache.get(name, uid); if (cache) { return cache.data; } const result = await this.request(api); const data = result.data ? result.data[0] : null; if (data) { this.cache.put(name, { uid, data, }); } return data || {}; } /** * 获取帖子内容、用户信息（主要是发帖数量，常规的获取用户信息方法不一定有结果）、版面声望 * @param {number} tid 主题 ID * @param {number} pid 回复 ID */ async getPostInfo(tid, pid) { const name = "PAGE_CACHE"; const api = pid ? `/read.php?pid=${pid}` : `/read.php?tid=${tid}`; const cache = await this.cache.get(name, api); if (cache) { return cache.data; } const result = await this.request(api, {}, false); const parser = new DOMParser(); const doc = parser.parseFromString(result, "text/html"); // 验证帖子正常 const verify = doc.querySelector("#m_posts"); if (verify === null) { return {}; } // 声明返回值 const data = {}; // 取得顶楼 UID data.uid = (() => { const ele = doc.querySelector("#postauthor0"); if (ele) { const res = ele.getAttribute("href").match(/uid=(\S+)/); if (res) { return res[1]; } } return 0; })(); // 取得顶楼标题 data.subject = doc.querySelector("#postsubject0").innerHTML; // 取得顶楼内容 data.content = doc.querySelector("#postcontent0").innerHTML; // 非匿名用户可以继续取得用户信息和版面声望 if (data.uid > 0) { // 取得用户信息 data.userInfo = (() => { const text = Tools.searchPair(result, `"${data.uid}":`); if (text) { try { return JSON.parse(text); } catch { return null; } } return null; })(); // 取得用户声望 data.reputation = (() => { const reputations = (() => { const text = Tools.searchPair(result, `"__REPUTATIONS":`); if (text) { try { return JSON.parse(text); } catch { return null; } } return null; })(); if (reputations) { for (let fid in reputations) { return reputations[fid][data.uid] || 0; } } return NaN; })(); } // 写入缓存 this.cache.put(name, { url: api, data, }); // 返回结果 return data; } /** * 获取版面信息 * @param {number} fid 版面 ID */ async getForumInfo(fid) { if (Number.isNaN(fid)) { return null; } const api = `/thread.php?lite=js&fid=${fid}`; const result = await this.request(api); const info = result.data ? result.data.__F : null; return info; } /** * 获取版面发言记录 * @param {number} fid 版面 ID * @param {number} uid 用户 ID */ async getForumPosted(fid, uid) { const name = "FORUM_POSTED_CACHE"; const expireTime = API.modules[name]; const api = `/thread.php?lite=js&authorid=${uid}&fid=${fid}`; const cache = await this.cache.get(name, api); if (cache) { // 发言是无法撤销的，只要有记录就永远不需要再获取 // 手动处理没有记录的缓存数据 const expired = cache.timestamp + expireTime < new Date().getTime(); if (expired && cache.data === false) { await this.cache.delete(name, api); } return cache.data; } let isComplete = false; let isBusy = false; const func = async (url) => { if (isComplete || isBusy) { return; } const result = await this.request(url, {}, false); // 将所有匹配的 FID 写入缓存，即使并不在设置里 const matched = result.match(/"fid":(-?\d+),/g); if (matched) { const list = [ ...new Set( matched.map((item) => parseInt(item.match(/-?\d+/)[0], 10)) ), ]; list.forEach((item) => { const key = api.replace(`&fid=${fid}`, `&fid=${item}`); // 写入缓存 this.cache.put(name, { url: key, data: true, }); // 已有结果，无需继续查询 if (fid === item) { isComplete = true; } }); } // 泥潭给版面查询接口增加了限制，经常会出现“服务器忙,请稍后重试”的错误 if (result.indexOf("服务器忙") > 0) { isBusy = true; } }; // 先获取回复记录的第一页，顺便可以获取其他版面的记录 // 没有再通过版面接口获取，避免频繁出现“服务器忙,请稍后重试”的错误 await func(api.replace(`&fid=${fid}`, `&searchpost=1`)); await func(api + "&searchpost=1"); await func(api); // 无论成功与否都写入缓存 if (isComplete === false) { // 遇到服务器忙的情况，手动调整缓存时间至 1 小时 const timestamp = isBusy ? new Date().getTime() - (expireTime - 1000 * 60 * 60) : new Date().getTime(); // 写入失败缓存 this.cache.put(name, { url: api, data: false, timestamp, }); } return isComplete; } } /** * UI */ class UI { /** * 标签 */ static label = "屏蔽"; /** * 设置 */ settings; /** * API */ api; /** * 模块列表 */ modules = {}; /** * 菜单元素 */ menu = null; /** * 视图元素 */ views = {}; /** * 初始化并绑定设置、API，注册脚本菜单 * @param {Settings} settings 设置 * @param {API} api API */ constructor(settings, api) { this.settings = settings; this.api = api; this.init(); } /** * 初始化，创建基础视图，初始化通用设置 */ init() { const tabs = this.createTabs({ className: "right_", }); const content = this.createElement("DIV", [], { style: "width: 80vw;", }); const container = this.createElement("DIV", [tabs, content]); this.views = { tabs, content, container, }; this.initSettings(); } /** * 初始化设置 */ initSettings() { // 创建基础视图 const settings = this.createElement("DIV", []); // 添加设置项 const add = (order, ...elements) => { const items = [...settings.childNodes]; if (items.find((item) => item.order === order)) { return; } const item = this.createElement( "DIV", [...elements, this.createElement("BR", [])], { order, } ); const anchor = items.find((item) => item.order > order); settings.insertBefore(item, anchor || null); return item; }; // 绑定事件 Object.assign(settings, { add, }); // 合并视图 Object.assign(this.views, { settings, }); // 创建标签页 const { tabs, content } = this.views; this.createTab(tabs, "设置", Number.MAX_SAFE_INTEGER, { onclick: () => { content.innerHTML = ""; content.appendChild(settings); }, }); } /** * 弹窗确认 * @param {String} message 提示信息 * @returns {Promise} */ confirm(message = "是否确认？") { return new Promise((resolve, reject) => { const result = confirm(message); if (result) { resolve(); return; } reject(); }); } /** * 折叠 * @param {String | Number} key 标识 * @param {HTMLElement} element 目标元素 * @param {String} content 内容 */ collapse(key, element, content) { key = "collapsed_" + key; element.innerHTML = `
Troll must die. 点击查看
${content}
`; } /** * 创建元素 * @param {String} tagName 标签 * @param {HTMLElement | HTMLElement[] | String} content 内容，元素或者 innerHTML * @param {*} properties 额外属性 * @returns {HTMLElement} 元素 */ createElement(tagName, content, properties = {}) { const element = document.createElement(tagName); // 写入内容 if (typeof content === "string") { element.innerHTML = content; } else { if (Array.isArray(content) === false) { content = [content]; } content.forEach((item) => { if (item === null) { return; } if (typeof item === "string") { element.append(item); return; } element.appendChild(item); }); } // 对 A 标签的额外处理 if (tagName.toUpperCase() === "A") { if (Object.hasOwn(properties, "href") === false) { properties.href = "javascript: void(0);"; } } // 附加属性 Object.entries(properties).forEach(([key, value]) => { element[key] = value; }); return element; } /** * 创建按钮 * @param {String} text 文字 * @param {Function} onclick 点击事件 * @param {*} properties 额外属性 */ createButton(text, onclick, properties = {}) { return this.createElement("BUTTON", text, { ...properties, onclick, }); } /** * 创建按钮组 * @param {Array} buttons 按钮集合 */ createButtonGroup(...buttons) { return this.createElement("DIV", buttons, { className: "filter-button-group", }); } /** * 创建表格 * @param {Array} headers 表头集合 * @param {*} properties 额外属性 * @returns {HTMLElement} 元素和相关函数 */ createTable(headers, properties = {}) { const rows = []; const ths = headers.map((item, index) => this.createElement("TH", item.label, { ...item, className: `c${index + 1}`, }) ); const tr = ths.length > 0 ? this.createElement("TR", ths, { className: "block_txt_c0", }) : null; const thead = tr !== null ? this.createElement("THEAD", tr) : null; const tbody = this.createElement("TBODY", []); const table = this.createElement("TABLE", [thead, tbody], { ...properties, className: "filter-table forumbox", }); const wrapper = this.createElement("DIV", table, { className: "filter-table-wrapper", }); const intersectionObserver = new IntersectionObserver((entries) => { if (entries[0].intersectionRatio <= 0) return; const list = rows.splice(0, 10); if (list.length === 0) { return; } intersectionObserver.disconnect(); tbody.append(...list); intersectionObserver.observe(tbody.lastElementChild); }); const add = (...columns) => { const tds = columns.map((column, index) => { if (ths[index]) { const { center, ellipsis } = ths[index]; const properties = {}; if (center) { properties.style = "text-align: center;"; } if (ellipsis) { properties.className = "filter-text-ellipsis"; } column = this.createElement("DIV", column, properties); } return this.createElement("TD", column, { className: `c${index + 1}`, }); }); const tr = this.createElement("TR", tds, { className: `row${(rows.length % 2) + 1}`, }); intersectionObserver.disconnect(); rows.push(tr); intersectionObserver.observe(tbody.lastElementChild || tbody); }; const update = (e, ...columns) => { const row = e.target.closest("TR"); if (row) { const tds = row.querySelectorAll("TD"); columns.map((column, index) => { if (ths[index]) { const { center, ellipsis } = ths[index]; const properties = {}; if (center) { properties.style = "text-align: center;"; } if (ellipsis) { properties.className = "filter-text-ellipsis"; } column = this.createElement("DIV", column, properties); } if (tds[index]) { tds[index].innerHTML = ""; tds[index].append(column); } }); } }; const remove = (e) => { const row = e.target.closest("TR"); if (row) { tbody.removeChild(row); } }; const clear = () => { rows.splice(0); intersectionObserver.disconnect(); tbody.innerHTML = ""; }; Object.assign(wrapper, { add, update, remove, clear, }); return wrapper; } /** * 创建标签组 * @param {*} properties 额外属性 */ createTabs(properties = {}) { const tabs = this.createElement( "DIV", `
`, properties ); return this.createElement( "DIV", [ tabs, this.createElement("DIV", [], { className: "clear", }), ], { style: "display: none; margin-bottom: 5px;", } ); } /** * 创建标签 * @param {Element} tabs 标签组 * @param {String} label 标签名称 * @param {Number} order 标签顺序，重复则跳过 * @param {*} properties 额外属性 */ createTab(tabs, label, order, properties = {}) { const group = tabs.querySelector("TR"); const items = [...group.childNodes]; if (items.find((item) => item.order === order)) { return; } if (items.length > 0) { tabs.style.removeProperty("display"); } const tab = this.createElement("A", label, { ...properties, className: "nobr silver", onclick: () => { if (tab.className === "nobr") { return; } group.querySelectorAll("A").forEach((item) => { if (item === tab) { item.className = "nobr"; } else { item.className = "nobr silver"; } }); if (properties.onclick) { properties.onclick(); } }, }); const wrapper = this.createElement("TD", tab, { order, }); const anchor = items.find((item) => item.order > order); group.insertBefore(wrapper, anchor || null); return wrapper; } /** * 创建对话框 * @param {HTMLElement | null} anchor 要绑定的元素，如果为空，直接弹出 * @param {String} title 对话框的标题 * @param {HTMLElement} content 对话框的内容 */ createDialog(anchor, title, content) { let window; const show = () => { if (window === undefined) { window = commonui.createCommmonWindow(); } window._.addContent(null); window._.addTitle(title); window._.addContent(content); window._.show(); }; if (anchor) { anchor.onclick = show; } else { show(); } return window; } /** * 渲染菜单 */ renderMenu() { // 如果泥潭的右上角菜单还没有加载完成，说明模块尚未加载完毕，跳过 const anchor = document.querySelector("#mainmenu .td:last-child"); if (anchor === null) { return; } const menu = this.createElement("A", this.constructor.label, { className: "mmdefault nobr", }); const container = this.createElement("DIV", menu, { className: "td", }); // 插入菜单 anchor.before(container); // 绑定菜单元素 this.menu = menu; } /** * 渲染视图 */ renderView() { // 如果菜单还没有渲染，说明模块尚未加载完毕，跳过 if (this.menu === null) { return; } // 绑定菜单点击事件. this.createDialog( this.menu, this.constructor.label, this.views.container ); // 启用第一个模块 this.views.tabs.querySelector("A").click(); } /** * 渲染 */ render() { this.renderMenu(); this.renderView(); } } /** * 基础模块 */ class Module { /** * 模块名称 */ static name; /** * 模块标签 */ static label; /** * 顺序 */ static order; /** * 依赖模块 */ static depends = []; /** * 附加模块 */ static addons = []; /** * 设置 */ settings; /** * API */ api; /** * UI */ ui; /** * 过滤列表 */ data = []; /** * 依赖模块 */ depends = {}; /** * 附加模块 */ addons = {}; /** * 视图元素 */ views = {}; /** * 初始化并绑定设置、API、UI、过滤列表，注册 UI * @param {Settings} settings 设置 * @param {API} api API * @param {UI} ui UI */ constructor(settings, api, ui, data) { this.settings = settings; this.api = api; this.ui = ui; this.data = data; this.init(); } /** * 创建实例 * @param {Settings} settings 设置 * @param {API} api API * @param {UI} ui UI * @param {Array} data 过滤列表 * @returns {Module | null} 成功后返回模块实例 */ static create(settings, api, ui, data) { // 读取设置里的模块列表 const modules = settings.modules; // 如果不包含自己或依赖的模块，则返回空 const index = [this, ...this.depends].findIndex( (module) => modules.includes(module.name) === false ); if (index >= 0) { return null; } // 创建实例 const instance = new this(settings, api, ui, data); // 返回实例 return instance; } /** * 判断指定附加模块是否启用 * @param {typeof Module} module 模块 */ hasAddon(module) { return Object.hasOwn(this.addons, module.name); } /** * 初始化，创建基础视图和组件 */ init() { if (this.views.container) { this.destroy(); } const { ui } = this; const container = ui.createElement("DIV", []); this.views = { container, }; this.initComponents(); } /** * 初始化组件 */ initComponents() {} /** * 销毁 */ destroy() { Object.values(this.views).forEach((view) => { if (view.parentNode) { view.parentNode.removeChild(view); } }); this.views = {}; } /** * 渲染 * @param {HTMLElement} container 容器 */ render(container) { container.innerHTML = ""; container.appendChild(this.views.container); } /** * 过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filter(item, result) {} /** * 通知 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async notify(item, result) {} } /** * 过滤器 */ class Filter { /** * 设置 */ settings; /** * API */ api; /** * UI */ ui; /** * 过滤列表 */ data = []; /** * 模块列表 */ modules = {}; /** * 初始化并绑定设置、API、UI * @param {Settings} settings 设置 * @param {API} api API * @param {UI} ui UI */ constructor(settings, api, ui) { this.settings = settings; this.api = api; this.ui = ui; } /** * 绑定两个模块的互相关系 * @param {Module} moduleA 模块A * @param {Module} moduleB 模块B */ bindModule(moduleA, moduleB) { const nameA = moduleA.constructor.name; const nameB = moduleB.constructor.name; // A 依赖 B if (moduleA.constructor.depends.findIndex((i) => i.name === nameB) >= 0) { moduleA.depends[nameB] = moduleB; moduleA.init(); } // B 依赖 A if (moduleB.constructor.depends.findIndex((i) => i.name === nameA) >= 0) { moduleB.depends[nameA] = moduleA; moduleB.init(); } // A 附加 B if (moduleA.constructor.addons.findIndex((i) => i.name === nameB) >= 0) { moduleA.addons[nameB] = moduleB; moduleA.init(); } // B 附加 A if (moduleB.constructor.addons.findIndex((i) => i.name === nameA) >= 0) { moduleB.addons[nameA] = moduleA; moduleB.init(); } } /** * 加载模块 * @param {typeof Module} module 模块 */ initModule(module) { // 如果已经加载过则跳过 if (Object.hasOwn(this.modules, module.name)) { return; } // 创建模块 const instance = module.create( this.settings, this.api, this.ui, this.data ); // 如果创建失败则跳过 if (instance === null) { return; } // 绑定依赖模块和附加模块 Object.values(this.modules).forEach((item) => { this.bindModule(item, instance); }); // 合并模块 this.modules[module.name] = instance; // 按照顺序重新整理模块 this.modules = Tools.sortBy( Object.values(this.modules), (item) => item.constructor.order ).reduce( (result, item) => ({ ...result, [item.constructor.name]: item, }), {} ); } /** * 加载模块列表 * @param {typeof Module[]} modules 模块列表 */ initModules(...modules) { // 根据依赖和附加模块决定初始化的顺序 Tools.sortBy( modules, (item) => item.depends.length, (item) => item.addons.length ).forEach((module) => { this.initModule(module); }); } /** * 添加到过滤列表 * @param {*} item 绑定的 nFilter */ pushData(item) { // 清除掉无效数据 for (let i = 0; i < this.data.length; ) { if (document.body.contains(this.data[i].container) === false) { this.data.splice(i, 1); continue; } i += 1; } // 加入过滤列表 if (this.data.includes(item) === false) { this.data.push(item); } } /** * 判断指定 UID 是否是自己 * @param {Number} uid 用户 ID */ isSelf(uid) { return unsafeWindow.__CURRENT_UID === uid; } /** * 获取过滤模式 * @param {*} item 绑定的 nFilter */ async getFilterMode(item) { // 获取链接参数 const params = new URLSearchParams(location.search); // 跳过屏蔽（插件自定义） if (params.has("nofilter")) { return; } // 收藏 if (params.has("favor")) { return; } // 只看某人 if (params.has("authorid")) { return; } // 跳过自己 if (this.isSelf(item.uid)) { return; } // 声明结果 const result = { mode: -1, reason: ``, }; // 根据模块依次过滤 for (const module of Object.values(this.modules)) { await module.filter(item, result); } // 写入过滤模式和过滤原因 item.filterMode = this.settings.getNameByMode(result.mode); item.reason = result.reason; // 通知各模块过滤结果 for (const module of Object.values(this.modules)) { await module.notify(item, result); } // 继承模式下返回默认过滤模式 if (item.filterMode === "继承") { return this.settings.defaultFilterMode; } // 返回结果 return item.filterMode; } /** * 过滤主题 * @param {*} item 主题内容，见 commonui.topicArg.data */ filterTopic(item) { // 绑定事件 if (item.nFilter === undefined) { // 主题 ID const tid = item[8]; // 主题标题 const title = item[1]; const subject = title.innerText; // 主题作者 const author = item[2]; const uid = parseInt(author.getAttribute("href").match(/uid=(\S+)/)[1], 10) || 0; const username = author.innerText; // 主题容器 const container = title.closest("tr"); // 过滤函数 const execute = async () => { // 获取过滤模式 const filterMode = await this.getFilterMode(item.nFilter); // 样式处理 (() => { // 还原样式 // TODO 应该整体采用 className 来实现 (() => { // 标记模式 title.style.removeProperty("textDecoration"); // 遮罩模式 title.classList.remove("filter-mask"); author.classList.remove("filter-mask"); })(); // 样式处理 (() => { // 标记模式下，主题标记会有删除线标识 if (filterMode === "标记") { title.style.textDecoration = "line-through"; return; } // 遮罩模式下，主题和作者会有遮罩样式 if (filterMode === "遮罩") { title.classList.add("filter-mask"); author.classList.add("filter-mask"); return; } // 隐藏模式下，容器会被隐藏 if (filterMode === "隐藏") { container.style.display = "none"; return; } })(); // 非隐藏模式下，恢复显示 if (filterMode !== "隐藏") { container.style.removeProperty("display"); } })(); }; // 绑定事件 item.nFilter = { tid, pid: 0, uid, username, container, title, author, subject, action: null, tags: null, execute, }; // 添加至列表 this.pushData(item.nFilter); } // 开始过滤 item.nFilter.execute(); } /** * 过滤回复 * @param {*} item 回复内容，见 commonui.postArg.data */ filterReply(item) { // 绑定事件 if (item.nFilter === undefined) { // 主题 ID const tid = item.tid; // 回复 ID const pid = item.pid; // 判断是否是楼层 const isFloor = typeof item.i === "number"; // 回复容器 const container = isFloor ? item.uInfoC.closest("tr") : item.uInfoC.closest(".comment_c"); // 回复标题 const title = item.subjectC; const subject = title.innerText; // 回复内容 const content = item.contentC; const contentBak = content.innerHTML; // 回复作者 const author = container.querySelector(".posterInfoLine") || item.uInfoC; const uid = parseInt(item.pAid, 10) || 0; const username = author.querySelector(".author").innerText; const avatar = author.querySelector(".avatar"); // 找到用户 ID，将其视为操作按钮 const action = container.querySelector('[name="uid"]'); // 创建一个元素，用于展示标记列表 // 贴条和高赞不显示 const tags = (() => { if (isFloor === false) { return null; } const element = document.createElement("div"); element.className = "filter-tags"; author.appendChild(element); return element; })(); // 过滤函数 const execute = async () => { // 获取过滤模式 const filterMode = await this.getFilterMode(item.nFilter); // 样式处理 (() => { // 还原样式 // TODO 应该整体采用 className 来实现 (() => { // 标记模式 if (avatar) { avatar.style.removeProperty("display"); } content.innerHTML = contentBak; // 遮罩模式 const caption = container.parentNode.querySelector("CAPTION"); if (caption) { container.parentNode.removeChild(caption); container.style.removeProperty("display"); } })(); // 样式处理 (() => { // 标记模式下，隐藏头像，采用泥潭的折叠样式 if (filterMode === "标记") { if (avatar) { avatar.style.display = "none"; } this.ui.collapse(uid, content, contentBak); return; } // 遮罩模式下，楼层会有遮罩样式 if (filterMode === "遮罩") { const caption = document.createElement("CAPTION"); if (isFloor) { caption.className = "filter-mask filter-mask-block"; } else { caption.className = "filter-mask filter-mask-block left"; caption.style.width = "47%"; } caption.innerHTML = `Troll must die.`; caption.onclick = () => { const caption = container.parentNode.querySelector("CAPTION"); if (caption) { container.parentNode.removeChild(caption); container.style.removeProperty("display"); } }; container.parentNode.insertBefore(caption, container); container.style.display = "none"; return; } // 隐藏模式下，容器会被隐藏 if (filterMode === "隐藏") { container.style.display = "none"; return; } })(); // 非隐藏模式下，恢复显示 // 楼层的遮罩模式下仍需隐藏 if (["遮罩", "隐藏"].includes(filterMode) === false) { container.style.removeProperty("display"); } })(); // 过滤引用 this.filterQuote(item); }; // 绑定事件 item.nFilter = { tid, pid, uid, username, container, title, author, subject, content: content.innerText, action, tags, execute, }; // 添加至列表 this.pushData(item.nFilter); } // 开始过滤 item.nFilter.execute(); } /** * 过滤引用 * @param {*} item 回复内容，见 commonui.postArg.data */ filterQuote(item) { // 未绑定事件，直接跳过 if (item.nFilter === undefined) { return; } // 回复内容 const content = item.contentC; // 找到所有引用 const quotes = content.querySelectorAll(".quote"); // 处理引用 [...quotes].map(async (quote) => { const uid = (() => { const ele = quote.querySelector("a[href^='/nuke.php']"); if (ele) { const res = ele.getAttribute("href").match(/uid=(\S+)/); if (res) { return parseInt(res[1], 10); } } return 0; })(); const { tid, pid } = (() => { const ele = quote.querySelector("[title='快速浏览这个帖子']"); if (ele) { const res = ele .getAttribute("onclick") .match(/fastViewPost(.+,(\S+),(\S+|undefined),.+)/); if (res) { return { tid: parseInt(res[2], 10), pid: parseInt(res[3], 10) || 0, }; } } return {}; })(); // 临时的 nFilter const nFilter = { uid, tid, pid, subject: "", content: quote.innerText, action: null, tags: null, }; // 获取过滤模式 const filterMode = await this.getFilterMode(nFilter); (() => { if (filterMode === "标记") { this.ui.collapse(uid, quote, quote.innerHTML); return; } if (filterMode === "遮罩") { const source = document.createElement("DIV"); source.innerHTML = quote.innerHTML; source.style.display = "none"; const caption = document.createElement("CAPTION"); caption.className = "filter-mask filter-mask-block"; caption.innerHTML = `Troll must die.`; caption.onclick = () => { quote.removeChild(caption); source.style.display = ""; }; quote.innerHTML = ""; quote.appendChild(source); quote.appendChild(caption); return; } if (filterMode === "隐藏") { quote.innerHTML = ""; return; } })(); // 绑定引用 item.nFilter.quotes = item.nFilter.quotes || {}; item.nFilter.quotes[uid] = nFilter.filterMode; }); } } /** * 列表模块 */ class ListModule extends Module { /** * 模块名称 */ static name = "list"; /** * 模块标签 */ static label = "列表"; /** * 顺序 */ static order = 10; /** * 表格列 * @returns {Array} 表格列集合 */ columns() { return [ { label: "内容", ellipsis: true }, { label: "过滤模式", center: true, width: 1 }, { label: "原因", width: 1 }, ]; } /** * 表格项 * @param {*} item 绑定的 nFilter * @returns {Array} 表格项集合 */ column(item) { const { ui } = this; const { tid, pid, filterMode, reason } = item; // 移除 BR 标签 item.content = (item.content || "").replace(/
/g, ""); // 主题 const subject = (() => { if (tid) { // 如果有 TID 但没有标题，是引用，采用内容逻辑 if (item.subject.length === 0) { return ui.createElement("A", item.content, { href: `/read.php?tid=${tid}&nofilter`, }); } return ui.createElement("A", item.subject, { href: `/read.php?tid=${tid}&nofilter`, title: item.content, className: "b nobr", }); } return item.subject; })(); // 内容 const content = (() => { if (subject) { return subject; } if (pid) { return ui.createElement("A", item.content, { href: `/read.php?pid=${pid}&nofilter`, }); } return item.content; })(); return [content, filterMode, reason]; } /** * 初始化组件 */ initComponents() { super.initComponents(); const { tabs, content } = this.ui.views; const table = this.ui.createTable(this.columns()); const tab = this.ui.createTab( tabs, this.constructor.label, this.constructor.order, { onclick: () => { this.render(content); }, } ); Object.assign(this.views, { tab, table, }); this.views.container.appendChild(table); } /** * 渲染 * @param {HTMLElement} container 容器 */ render(container) { super.render(container); const { table } = this.views; if (table) { const { add, clear } = table; clear(); const list = this.data.filter((item) => { return (item.filterMode || "显示") !== "显示"; }); Object.values(list).forEach((item) => { const column = this.column(item); add(...column); }); } } /** * 通知 * @param {*} item 绑定的 nFilter */ async notify() { // 获取过滤后的数量 const count = this.data.filter((item) => { return (item.filterMode || "显示") !== "显示"; }).length; // 更新菜单文字 const { ui } = this; const { menu } = ui; if (menu === null) { return; } if (count) { menu.innerHTML = `${ui.constructor.label} ${count}`; } else { menu.innerHTML = `${ui.constructor.label}`; } // 重新渲染 // TODO 应该给 table 增加一个判重的逻辑，这样只需要更新过滤后的内容即可 const { tab } = this.views; if (tab.querySelector("A").className === "nobr") { this.render(ui.views.content); } } } /** * 用户模块 */ class UserModule extends Module { /** * 模块名称 */ static name = "user"; /** * 模块标签 */ static label = "用户"; /** * 顺序 */ static order = 20; /** * 获取列表 */ get list() { return this.settings.users; } /** * 获取用户 * @param {Number} uid 用户 ID */ get(uid) { // 获取列表 const list = this.list; // 如果存在，则返回信息 if (list[uid]) { return list[uid]; } return null; } /** * 添加用户 * @param {Number} uid 用户 ID */ add(uid, values) { // 获取列表 const list = this.list; // 如果已存在，则返回信息 if (list[uid]) { return list[uid]; } // 写入用户信息 list[uid] = values; // 保存数据 this.settings.users = list; // 重新过滤 this.reFilter(uid); // 返回添加的用户 return values; } /** * 编辑用户 * @param {Number} uid 用户 ID * @param {*} values 用户信息 */ update(uid, values) { // 获取列表 const list = this.list; // 如果不存在则跳过 if (Object.hasOwn(list, uid) === false) { return null; } // 获取用户 const entity = list[uid]; // 更新用户 Object.assign(entity, values); // 保存数据 this.settings.users = list; // 重新过滤 this.reFilter(uid); // 返回编辑的用户 return entity; } /** * 删除用户 * @param {Number} uid 用户 ID * @returns {Object | null} 删除的用户 */ remove(uid) { // 获取列表 const list = this.list; // 如果不存在则跳过 if (Object.hasOwn(list, uid) === false) { return null; } // 获取用户 const entity = list[uid]; // 删除用户 delete list[uid]; // 保存数据 this.settings.users = list; // 重新过滤 this.reFilter(uid); // 返回删除的用户 return entity; } /** * 格式化 * @param {Number} uid 用户 ID * @param {String | undefined} name 用户名称 */ format(uid, name) { if (uid <= 0) { return null; } const { ui } = this; const user = this.get(uid); if (user) { name = user.name; } const username = name ? "@" + name : "#" + uid; return ui.createElement("A", `[${username}]`, { className: "b nobr", href: `/nuke.php?func=ucp&uid=${uid}`, }); } /** * 表格列 * @returns {Array} 表格列集合 */ columns() { return [ { label: "昵称" }, { label: "过滤模式", center: true, width: 1 }, { label: "操作", width: 1 }, ]; } /** * 表格项 * @param {*} item 用户信息 * @returns {Array} 表格项集合 */ column(item) { const { ui } = this; const { table } = this.views; const { id, name, filterMode } = item; // 昵称 const user = this.format(id, name); // 切换过滤模式 const switchMode = ui.createButton( filterMode || this.settings.filterModes[0], () => { const newMode = this.settings.switchModeByName(switchMode.innerText); this.update(id, { filterMode: newMode, }); switchMode.innerText = newMode; } ); // 操作 const buttons = (() => { const remove = ui.createButton("删除", (e) => { ui.confirm().then(() => { this.remove(id); table.remove(e); }); }); return ui.createButtonGroup(remove); })(); return [user, switchMode, buttons]; } /** * 初始化组件 */ initComponents() { super.initComponents(); const { ui } = this; const { tabs, content, settings } = ui.views; const { add } = settings; const table = ui.createTable(this.columns()); const tab = ui.createTab( tabs, this.constructor.label, this.constructor.order, { onclick: () => { this.render(content); }, } ); Object.assign(this.views, { tab, table, }); this.views.container.appendChild(table); // 删除非激活中的用户 { const list = ui.createElement("DIV", [], { style: "white-space: normal;", }); const button = ui.createButton("删除非激活中的用户", () => { ui.confirm().then(() => { list.innerHTML = ""; const users = Object.values(this.list); const waitingQueue = users.map( ({ id }) => () => this.api.getUserInfo(id).then(({ bit }) => { const activeInfo = commonui.activeInfo(0, 0, bit); const activeType = activeInfo[1]; if (["ACTIVED", "LINKED"].includes(activeType)) { return; } list.append(this.format(id)); this.remove(id); }) ); const queueLength = waitingQueue.length; const execute = () => { if (waitingQueue.length) { const next = waitingQueue.shift(); button.disabled = true; button.innerHTML = `删除非激活中的用户 (${ queueLength - waitingQueue.length }/${queueLength})`; next().finally(execute); return; } button.disabled = false; }; execute(); }); }); const element = ui.createElement("DIV", [button, list]); add(this.constructor.order + 0, element); } } /** * 渲染 * @param {HTMLElement} container 容器 */ render(container) { super.render(container); const { table } = this.views; if (table) { const { add, clear } = table; clear(); Object.values(this.list).forEach((item) => { const column = this.column(item); add(...column); }); } } /** * 渲染详情 * @param {Number} uid 用户 ID * @param {String | undefined} name 用户名称 * @param {Function} callback 回调函数 */ renderDetails(uid, name, callback = () => {}) { const { ui, settings } = this; // 只允许同时存在一个详情页 if (this.views.details) { if (this.views.details.parentNode) { this.views.details.parentNode.removeChild(this.views.details); } } // 获取用户信息 const user = this.get(uid); if (user) { name = user.name; } const title = (user ? "编辑" : "添加") + `用户 - ${name ? name : "#" + uid}`; const filterMode = user ? user.filterMode : settings.filterModes[0]; const switchMode = ui.createButton(filterMode, () => { const newMode = settings.switchModeByName(switchMode.innerText); switchMode.innerText = newMode; }); const buttons = ui.createElement( "DIV", (() => { const remove = user ? ui.createButton("删除", () => { ui.confirm().then(() => { this.remove(uid); this.views.details._.hide(); callback("REMOVE"); }); }) : null; const save = ui.createButton("保存", () => { if (user === null) { const entity = this.add(uid, { id: uid, name, tags: [], filterMode: switchMode.innerText, }); this.views.details._.hide(); callback("ADD", entity); } else { const entity = this.update(uid, { name, filterMode: switchMode.innerText, }); this.views.details._.hide(); callback("UPDATE", entity); } }); return ui.createButtonGroup(remove, save); })(), { className: "right_", } ); const actions = ui.createElement( "DIV", [ui.createElement("SPAN", "过滤模式："), switchMode, buttons], { style: "margin-top: 10px;", } ); const tips = ui.createElement("DIV", TIPS.filterMode, { className: "silver", style: "margin-top: 10px;", }); const content = ui.createElement("DIV", [actions, tips], { style: "width: 80vw", }); // 创建弹出框 this.views.details = ui.createDialog(null, title, content); } /** * 过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filter(item, result) { // 获取用户信息 const user = this.get(item.uid); // 没有则跳过 if (user === null) { return; } // 获取用户过滤模式 const mode = this.settings.getModeByName(user.filterMode); // 不高于当前过滤模式则跳过 if (mode <= result.mode) { return; } // 更新过滤模式和原因 result.mode = mode; result.reason = `用户模式: ${user.filterMode}`; } /** * 通知 * @param {*} item 绑定的 nFilter */ async notify(item) { const { uid, username, action } = item; // 如果没有 action 组件则跳过 if (action === null) { return; } // 如果是匿名，隐藏组件 if (uid <= 0) { action.style.display = "none"; return; } // 获取当前用户 const user = this.get(uid); // 修改操作按钮文字 action.innerText = "屏蔽"; // 修改操作按钮颜色 if (user) { action.style.background = "#CB4042"; } else { action.style.background = "#AAA"; } // 绑定事件 action.onclick = () => { this.renderDetails(uid, username); }; } /** * 重新过滤 * @param {Number} uid 用户 ID */ reFilter(uid) { this.data.forEach((item) => { // 如果用户 ID 一致，则重新过滤 if (item.uid === uid) { item.execute(); return; } // 如果有引用，也重新过滤 if (Object.hasOwn(item.quotes || {}, uid)) { item.execute(); return; } }); } } /** * 标记模块 */ class TagModule extends Module { /** * 模块名称 */ static name = "tag"; /** * 模块标签 */ static label = "标记"; /** * 顺序 */ static order = 30; /** * 依赖模块 */ static depends = [UserModule]; /** * 依赖的用户模块 * @returns {UserModule} 用户模块 */ get userModule() { return this.depends[UserModule.name]; } /** * 获取列表 */ get list() { return this.settings.tags; } /** * 获取标记 * @param {Number} id 标记 ID * @param {String} name 标记名称 */ get({ id, name }) { // 获取列表 const list = this.list; // 通过 ID 获取标记 if (list[id]) { return list[id]; } // 通过名称获取标记 if (name) { const tag = Object.values(list).find((item) => item.name === name); if (tag) { return tag; } } return null; } /** * 添加标记 * @param {String} name 标记名称 */ add(name) { // 获取对应的标记 const tag = this.get({ name }); // 如果标记已存在，则返回标记信息，否则增加标记 if (tag) { return tag; } // 获取列表 const list = this.list; // ID 为最大值 + 1 const id = Math.max(...Object.keys(list), 0) + 1; // 标记的颜色 const color = Tools.generateColor(name); // 写入标记信息 list[id] = { id, name, color, filterMode: this.settings.filterModes[0], }; // 保存数据 this.settings.tags = list; // 返回添加的标记 return list[id]; } /** * 编辑标记 * @param {Number} id 标记 ID * @param {*} values 标记信息 */ update(id, values) { // 获取列表 const list = this.list; // 如果不存在则跳过 if (Object.hasOwn(list, id) === false) { return null; } // 获取标记 const entity = list[id]; // 获取相关的用户 const users = Object.values(this.userModule.list).filter((user) => user.tags.includes(id) ); // 更新标记 Object.assign(entity, values); // 保存数据 this.settings.tags = list; // 重新过滤 this.reFilter(users); } /** * 删除标记 * @param {Number} id 标记 ID */ remove(id) { // 获取列表 const list = this.list; // 如果不存在则跳过 if (Object.hasOwn(list, id) === false) { return null; } // 获取标记 const entity = list[id]; // 获取相关的用户 const users = Object.values(this.userModule.list).filter((user) => user.tags.includes(id) ); // 删除标记 delete list[id]; // 删除相关的用户标记 users.forEach((user) => { const index = user.tags.findIndex((item) => item === id); if (index >= 0) { user.tags.splice(index, 1); } }); // 保存数据 this.settings.tags = list; // 重新过滤 this.reFilter(users); // 返回删除的标记 return entity; } /** * 格式化 * @param {Number} id 标记 ID * @param {String | undefined} name 标记名称 * @param {String | undefined} name 标记颜色 */ format(id, name, color) { const { ui } = this; if (id >= 0) { const tag = this.get({ id }); if (tag) { name = tag.name; color = tag.color; } } if (name && color) { return ui.createElement("B", name, { className: "block_txt nobr", style: `background: ${color}; color: #FFF; margin: 0.1em 0.2em;`, }); } return ""; } /** * 表格列 * @returns {Array} 表格列集合 */ columns() { return [ { label: "标记", width: 1 }, { label: "列表" }, { label: "过滤模式", width: 1 }, { label: "操作", width: 1 }, ]; } /** * 表格项 * @param {*} item 标记信息 * @returns {Array} 表格项集合 */ column(item) { const { ui } = this; const { table } = this.views; const { id, filterMode } = item; // 标记 const tag = this.format(id); // 用户列表 const list = Object.values(this.userModule.list) .filter(({ tags }) => tags.includes(id)) .map(({ id }) => this.userModule.format(id)); const group = ui.createElement("DIV", list, { style: "white-space: normal; display: none;", }); const switchButton = ui.createButton(list.length.toString(), () => { if (group.style.display === "none") { group.style.removeProperty("display"); } else { group.style.display = "none"; } }); // 切换过滤模式 const switchMode = ui.createButton( filterMode || this.settings.filterModes[0], () => { const newMode = this.settings.switchModeByName(switchMode.innerText); this.update(id, { filterMode: newMode, }); switchMode.innerText = newMode; } ); // 操作 const buttons = (() => { const remove = ui.createButton("删除", (e) => { ui.confirm().then(() => { this.remove(id); table.remove(e); }); }); return ui.createButtonGroup(remove); })(); return [tag, [switchButton, group], switchMode, buttons]; } /** * 初始化组件 */ initComponents() { super.initComponents(); const { ui } = this; const { tabs, content, settings } = ui.views; const { add } = settings; const table = ui.createTable(this.columns()); const tab = ui.createTab( tabs, this.constructor.label, this.constructor.order, { onclick: () => { this.render(content); }, } ); Object.assign(this.views, { tab, table, }); this.views.container.appendChild(table); // 删除没有标记的用户 { const button = ui.createButton("删除没有标记的用户", () => { ui.confirm().then(() => { const users = Object.values(this.userModule.list); users.forEach(({ id, tags }) => { if (tags.length > 0) { return; } this.userModule.remove(id); }); }); }); const element = ui.createElement("DIV", button); add(this.constructor.order + 0, element); } // 删除没有用户的标记 { const button = ui.createButton("删除没有用户的标记", () => { ui.confirm().then(() => { const items = Object.values(this.list); const users = Object.values(this.userModule.list); items.forEach(({ id }) => { if (users.find(({ tags }) => tags.includes(id))) { return; } this.remove(id); }); }); }); const element = ui.createElement("DIV", button); add(this.constructor.order + 1, element); } } /** * 渲染 * @param {HTMLElement} container 容器 */ render(container) { super.render(container); const { table } = this.views; if (table) { const { add, clear } = table; clear(); Object.values(this.list).forEach((item) => { const column = this.column(item); add(...column); }); } } /** * 过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filter(item, result) { // 获取用户信息 const user = this.userModule.get(item.uid); // 没有则跳过 if (user === null) { return; } // 获取用户标记 const tags = user.tags; // 取最高的过滤模式 // 低于当前的过滤模式则跳过 let max = result.mode; let tag = null; for (const id of tags) { const entity = this.get({ id }); if (entity === null) { continue; } // 获取过滤模式 const mode = this.settings.getModeByName(entity.filterMode); if (mode <= max) { continue; } max = mode; tag = entity; } // 没有匹配的则跳过 if (tag === null) { return; } // 更新过滤模式和原因 result.mode = max; result.reason = `标记: ${tag.name}`; } /** * 通知 * @param {*} item 绑定的 nFilter */ async notify(item) { const { uid, tags } = item; // 如果没有 tags 组件则跳过 if (tags === null) { return; } // 如果是匿名，隐藏组件 if (uid <= 0) { tags.style.display = "none"; return; } // 删除旧标记 [...tags.querySelectorAll("[tid]")].forEach((item) => { tags.removeChild(item); }); // 获取当前用户 const user = this.userModule.get(uid); // 如果没有用户，则跳过 if (user === null) { return; } // 格式化标记 const items = user.tags.map((id) => { const item = this.format(id); if (item) { item.setAttribute("tid", id); } return item; }); // 加入组件 items.forEach((item) => { if (item) { tags.appendChild(item); } }); } /** * 重新过滤 * @param {Array} users 用户集合 */ reFilter(users) { users.forEach((user) => { this.userModule.reFilter(user.id); }); } } /** * 关键字模块 */ class KeywordModule extends Module { /** * 模块名称 */ static name = "keyword"; /** * 模块标签 */ static label = "关键字"; /** * 顺序 */ static order = 40; /** * 获取列表 */ get list() { return this.settings.keywords; } /** * 获取关键字 * @param {Number} id 关键字 ID */ get(id) { // 获取列表 const list = this.list; // 如果存在，则返回信息 if (list[id]) { return list[id]; } return null; } /** * 添加关键字 * @param {String} keyword 关键字 * @param {String} filterMode 过滤模式 * @param {Number} filterLevel 过滤等级: 0 - 仅过滤标题; 1 - 过滤标题和内容 */ add(keyword, filterMode, filterLevel) { // 获取列表 const list = this.list; // ID 为最大值 + 1 const id = Math.max(...Object.keys(list), 0) + 1; // 写入关键字信息 list[id] = { id, keyword, filterMode, filterLevel, }; // 保存数据 this.settings.keywords = list; // 重新过滤 this.reFilter(); // 返回添加的关键字 return list[id]; } /** * 编辑关键字 * @param {Number} id 关键字 ID * @param {*} values 关键字信息 */ update(id, values) { // 获取列表 const list = this.list; // 如果不存在则跳过 if (Object.hasOwn(list, id) === false) { return null; } // 获取关键字 const entity = list[id]; // 更新关键字 Object.assign(entity, values); // 保存数据 this.settings.keywords = list; // 重新过滤 this.reFilter(); } /** * 删除关键字 * @param {Number} id 关键字 ID */ remove(id) { // 获取列表 const list = this.list; // 如果不存在则跳过 if (Object.hasOwn(list, id) === false) { return null; } // 获取关键字 const entity = list[id]; // 删除关键字 delete list[id]; // 保存数据 this.settings.keywords = list; // 重新过滤 this.reFilter(); // 返回删除的关键字 return entity; } /** * 获取帖子数据 * @param {*} item 绑定的 nFilter */ async getPostInfo(item) { const { tid, pid } = item; // 请求帖子数据 const { subject, content, userInfo, reputation } = await this.api.getPostInfo(tid, pid); // 绑定用户信息和声望 if (userInfo) { item.userInfo = userInfo; item.username = userInfo.username; item.reputation = reputation; } // 绑定标题和内容 item.subject = subject; item.content = content; } /** * 表格列 * @returns {Array} 表格列集合 */ columns() { return [ { label: "关键字" }, { label: "过滤模式", center: true, width: 1 }, { label: "包括内容", center: true, width: 1 }, { label: "操作", width: 1 }, ]; } /** * 表格项 * @param {*} item 标记信息 * @returns {Array} 表格项集合 */ column(item) { const { ui } = this; const { table } = this.views; const { id, keyword, filterLevel, filterMode } = item; // 关键字 const input = ui.createElement("INPUT", [], { type: "text", value: keyword, }); const inputWrapper = ui.createElement("DIV", input, { className: "filter-input-wrapper", }); // 切换过滤模式 const switchMode = ui.createButton( filterMode || this.settings.filterModes[0], () => { const newMode = this.settings.switchModeByName(switchMode.innerText); switchMode.innerText = newMode; } ); // 包括内容 const switchLevel = ui.createElement("INPUT", [], { type: "checkbox", checked: filterLevel > 0, }); // 操作 const buttons = (() => { const save = ui.createButton("保存", () => { this.update(id, { keyword: input.value, filterMode: switchMode.innerText, filterLevel: switchLevel.checked ? 1 : 0, }); }); const remove = ui.createButton("删除", (e) => { ui.confirm().then(() => { this.remove(id); table.remove(e); }); }); return ui.createButtonGroup(save, remove); })(); return [inputWrapper, switchMode, switchLevel, buttons]; } /** * 初始化组件 */ initComponents() { super.initComponents(); const { ui } = this; const { tabs, content } = ui.views; const table = ui.createTable(this.columns()); const tips = ui.createElement("DIV", TIPS.keyword, { className: "silver", }); const tab = ui.createTab( tabs, this.constructor.label, this.constructor.order, { onclick: () => { this.render(content); }, } ); Object.assign(this.views, { tab, table, }); this.views.container.appendChild(table); this.views.container.appendChild(tips); } /** * 渲染 * @param {HTMLElement} container 容器 */ render(container) { super.render(container); const { table } = this.views; if (table) { const { add, clear } = table; clear(); Object.values(this.list).forEach((item) => { const column = this.column(item); add(...column); }); this.renderNewLine(); } } /** * 渲染新行 */ renderNewLine() { const { ui } = this; const { table } = this.views; // 关键字 const input = ui.createElement("INPUT", [], { type: "text", }); const inputWrapper = ui.createElement("DIV", input, { className: "filter-input-wrapper", }); // 切换过滤模式 const switchMode = ui.createButton(this.settings.filterModes[0], () => { const newMode = this.settings.switchModeByName(switchMode.innerText); switchMode.innerText = newMode; }); // 包括内容 const switchLevel = ui.createElement("INPUT", [], { type: "checkbox", }); // 操作 const buttons = (() => { const save = ui.createButton("添加", (e) => { const entity = this.add( input.value, switchMode.innerText, switchLevel.checked ? 1 : 0 ); table.update(e, ...this.column(entity)); this.renderNewLine(); }); return ui.createButtonGroup(save); })(); // 添加至列表 table.add(inputWrapper, switchMode, switchLevel, buttons); } /** * 过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filter(item, result) { // 获取列表 const list = this.list; // 跳过低于当前的过滤模式 const filtered = Object.values(list).filter( (item) => this.settings.getModeByName(item.filterMode) > result.mode ); // 没有则跳过 if (filtered.length === 0) { return; } // 根据过滤模式依次判断 const sorted = Tools.sortBy(filtered, (item) => this.settings.getModeByName(item.filterMode) ); for (let i = 0; i < sorted.length; i += 1) { const { keyword, filterMode } = sorted[i]; // 过滤等级，0 为只过滤标题，1 为过滤标题和内容 const filterLevel = sorted[i].filterLevel || 0; // 过滤标题 if (filterLevel >= 0) { const { subject } = item; const match = subject.match(keyword); if (match) { const mode = this.settings.getModeByName(filterMode); // 更新过滤模式和原因 result.mode = mode; result.reason = `关键字: ${match[0]}`; return; } } // 过滤内容 if (filterLevel >= 1) { // 如果没有内容，则请求 if (item.content === undefined) { await this.getPostInfo(item); } const { content } = item; const match = content.match(keyword); if (match) { const mode = this.settings.getModeByName(filterMode); // 更新过滤模式和原因 result.mode = mode; result.reason = `关键字: ${match[0]}`; return; } } } } /** * 重新过滤 */ reFilter() { // 实际上应该根据过滤模式来筛选要过滤的部分 this.data.forEach((item) => { item.execute(); }); } } /** * 属地模块 */ class LocationModule extends Module { /** * 模块名称 */ static name = "location"; /** * 模块标签 */ static label = "属地"; /** * 顺序 */ static order = 50; /** * 请求缓存 */ cache = {}; /** * 获取列表 */ get list() { return this.settings.locations; } /** * 获取属地 * @param {Number} id 属地 ID */ get(id) { // 获取列表 const list = this.list; // 如果存在，则返回信息 if (list[id]) { return list[id]; } return null; } /** * 添加属地 * @param {String} keyword 关键字 * @param {String} filterMode 过滤模式 */ add(keyword, filterMode) { // 获取列表 const list = this.list; // ID 为最大值 + 1 const id = Math.max(...Object.keys(list), 0) + 1; // 写入属地信息 list[id] = { id, keyword, filterMode, }; // 保存数据 this.settings.locations = list; // 重新过滤 this.reFilter(); // 返回添加的属地 return list[id]; } /** * 编辑属地 * @param {Number} id 属地 ID * @param {*} values 属地信息 */ update(id, values) { // 获取列表 const list = this.list; // 如果不存在则跳过 if (Object.hasOwn(list, id) === false) { return null; } // 获取属地 const entity = list[id]; // 更新属地 Object.assign(entity, values); // 保存数据 this.settings.locations = list; // 重新过滤 this.reFilter(); } /** * 删除属地 * @param {Number} id 属地 ID */ remove(id) { // 获取列表 const list = this.list; // 如果不存在则跳过 if (Object.hasOwn(list, id) === false) { return null; } // 获取属地 const entity = list[id]; // 删除属地 delete list[id]; // 保存数据 this.settings.locations = list; // 重新过滤 this.reFilter(); // 返回删除的属地 return entity; } /** * 获取 IP 属地 * @param {*} item 绑定的 nFilter */ async getIpLocation(item) { const { uid } = item; // 如果是匿名直接跳过 if (uid <= 0) { return; } // 如果已有缓存，直接返回 if (Object.hasOwn(this.cache, uid)) { return this.cache[uid]; } // 请求属地 const { ipLoc } = await this.api.getUserInfo(uid); // 写入缓存 if (ipLoc) { this.cache[uid] = ipLoc; } // 返回结果 return ipLoc; } /** * 表格列 * @returns {Array} 表格列集合 */ columns() { return [ { label: "关键字" }, { label: "过滤模式", center: true, width: 1 }, { label: "操作", width: 1 }, ]; } /** * 表格项 * @param {*} item 标记信息 * @returns {Array} 表格项集合 */ column(item) { const { ui } = this; const { table } = this.views; const { id, keyword, filterMode } = item; // 关键字 const input = ui.createElement("INPUT", [], { type: "text", value: keyword, }); const inputWrapper = ui.createElement("DIV", input, { className: "filter-input-wrapper", }); // 切换过滤模式 const switchMode = ui.createButton( filterMode || this.settings.filterModes[0], () => { const newMode = this.settings.switchModeByName(switchMode.innerText); switchMode.innerText = newMode; } ); // 操作 const buttons = (() => { const save = ui.createButton("保存", () => { this.update(id, { keyword: input.value, filterMode: switchMode.innerText, }); }); const remove = ui.createButton("删除", (e) => { ui.confirm().then(() => { this.remove(id); table.remove(e); }); }); return ui.createButtonGroup(save, remove); })(); return [inputWrapper, switchMode, buttons]; } /** * 初始化组件 */ initComponents() { super.initComponents(); const { ui } = this; const { tabs, content } = ui.views; const table = ui.createTable(this.columns()); const tips = ui.createElement("DIV", TIPS.keyword, { className: "silver", }); const tab = ui.createTab( tabs, this.constructor.label, this.constructor.order, { onclick: () => { this.render(content); }, } ); Object.assign(this.views, { tab, table, }); this.views.container.appendChild(table); this.views.container.appendChild(tips); } /** * 渲染 * @param {HTMLElement} container 容器 */ render(container) { super.render(container); const { table } = this.views; if (table) { const { add, clear } = table; clear(); Object.values(this.list).forEach((item) => { const column = this.column(item); add(...column); }); this.renderNewLine(); } } /** * 渲染新行 */ renderNewLine() { const { ui } = this; const { table } = this.views; // 关键字 const input = ui.createElement("INPUT", [], { type: "text", }); const inputWrapper = ui.createElement("DIV", input, { className: "filter-input-wrapper", }); // 切换过滤模式 const switchMode = ui.createButton(this.settings.filterModes[0], () => { const newMode = this.settings.switchModeByName(switchMode.innerText); switchMode.innerText = newMode; }); // 操作 const buttons = (() => { const save = ui.createButton("添加", (e) => { const entity = this.add(input.value, switchMode.innerText); table.update(e, ...this.column(entity)); this.renderNewLine(); }); return ui.createButtonGroup(save); })(); // 添加至列表 table.add(inputWrapper, switchMode, buttons); } /** * 过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filter(item, result) { // 获取列表 const list = this.list; // 跳过低于当前的过滤模式 const filtered = Object.values(list).filter( (item) => this.settings.getModeByName(item.filterMode) > result.mode ); // 没有则跳过 if (filtered.length === 0) { return; } // 获取当前属地 const location = await this.getIpLocation(item); // 请求失败则跳过 if (location === undefined) { return; } // 根据过滤模式依次判断 const sorted = Tools.sortBy(filtered, (item) => this.settings.getModeByName(item.filterMode) ); for (let i = 0; i < sorted.length; i += 1) { const { keyword, filterMode } = sorted[i]; const match = location.match(keyword); if (match) { const mode = this.settings.getModeByName(filterMode); // 更新过滤模式和原因 result.mode = mode; result.reason = `属地: ${match[0]}`; return; } } } /** * 重新过滤 */ reFilter() { // 实际上应该根据过滤模式来筛选要过滤的部分 this.data.forEach((item) => { item.execute(); }); } } /** * 猎巫模块 * * 其实是通过 Cache 模块读取配置，而非 Settings */ class HunterModule extends Module { /** * 模块名称 */ static name = "hunter"; /** * 模块标签 */ static label = "猎巫"; /** * 顺序 */ static order = 60; /** * 请求缓存 */ cache = {}; /** * 请求队列 */ queue = []; /** * 获取列表 */ get list() { return this.settings.cache .get("WITCH_HUNT") .then((values) => values || []); } /** * 获取猎巫 * @param {Number} id 猎巫 ID */ async get(id) { // 获取列表 const list = await this.list; // 如果存在，则返回信息 if (list[id]) { return list[id]; } return null; } /** * 添加猎巫 * @param {Number} fid 版面 ID * @param {String} label 标签 * @param {String} filterMode 过滤模式 * @param {Number} filterLevel 过滤等级: 0 - 仅标记; 1 - 标记并过滤 */ async add(fid, label, filterMode, filterLevel) { // FID 只能是数字 fid = parseInt(fid, 10); // 获取列表 const list = await this.list; // 如果版面 ID 已存在，则提示错误 if (Object.keys(list).includes(fid)) { alert("已有相同版面ID"); return; } // 请求版面信息 const info = await this.api.getForumInfo(fid); // 如果版面不存在，则提示错误 if (info === null) { alert("版面ID有误"); return; } // 计算标记颜色 const color = Tools.generateColor(info.name); // 写入猎巫信息 list[fid] = { fid, name: info.name, label, color, filterMode, filterLevel, }; // 保存数据 this.settings.cache.put("WITCH_HUNT", list); // 重新过滤 this.reFilter(true); // 返回添加的猎巫 return list[fid]; } /** * 编辑猎巫 * @param {Number} fid 版面 ID * @param {*} values 猎巫信息 */ async update(fid, values) { // 获取列表 const list = await this.list; // 如果不存在则跳过 if (Object.hasOwn(list, fid) === false) { return null; } // 获取猎巫 const entity = list[fid]; // 更新猎巫 Object.assign(entity, values); // 保存数据 this.settings.cache.put("WITCH_HUNT", list); // 重新过滤，更新样式即可 this.reFilter(false); } /** * 删除猎巫 * @param {Number} fid 版面 ID */ async remove(fid) { // 获取列表 const list = await this.list; // 如果不存在则跳过 if (Object.hasOwn(list, fid) === false) { return null; } // 获取猎巫 const entity = list[fid]; // 删除猎巫 delete list[fid]; // 保存数据 this.settings.cache.put("WITCH_HUNT", list); // 重新过滤 this.reFilter(true); // 返回删除的属地 return entity; } /** * 格式化版面 * @param {Number} fid 版面 ID * @param {String} name 版面名称 */ formatForum(fid, name) { const { ui } = this; return ui.createElement("A", `[${name}]`, { className: "b nobr", href: `/thread.php?fid=${fid}`, }); } /** * 格式化标签 * @param {String} name 标签名称 * @param {String} name 标签颜色 */ formatLabel(name, color) { const { ui } = this; return ui.createElement("B", name, { className: "block_txt nobr", style: `background: ${color}; color: #FFF; margin: 0.1em 0.2em;`, }); } /** * 表格列 * @returns {Array} 表格列集合 */ columns() { return [ { label: "版面", width: 200 }, { label: "标签" }, { label: "启用过滤", center: true, width: 1 }, { label: "过滤模式", center: true, width: 1 }, { label: "操作", width: 1 }, ]; } /** * 表格项 * @param {*} item 标记信息 * @returns {Array} 表格项集合 */ column(item) { const { ui } = this; const { table } = this.views; const { fid, name, label, color, filterMode, filterLevel } = item; // 版面 const forum = this.formatForum(fid, name); // 标签 const labelElement = this.formatLabel(label, color); // 启用过滤 const switchLevel = ui.createElement("INPUT", [], { type: "checkbox", checked: filterLevel > 0, }); // 切换过滤模式 const switchMode = ui.createButton( filterMode || this.settings.filterModes[0], () => { const newMode = this.settings.switchModeByName(switchMode.innerText); switchMode.innerText = newMode; } ); // 操作 const buttons = (() => { const save = ui.createButton("保存", () => { this.update(fid, { filterMode: switchMode.innerText, filterLevel: switchLevel.checked ? 1 : 0, }); }); const remove = ui.createButton("删除", (e) => { ui.confirm().then(async () => { await this.remove(fid); table.remove(e); }); }); return ui.createButtonGroup(save, remove); })(); return [forum, labelElement, switchLevel, switchMode, buttons]; } /** * 初始化组件 */ initComponents() { super.initComponents(); const { ui } = this; const { tabs, content } = ui.views; const table = ui.createTable(this.columns()); const tips = ui.createElement("DIV", TIPS.hunter, { className: "silver", }); const tab = ui.createTab( tabs, this.constructor.label, this.constructor.order, { onclick: () => { this.render(content); }, } ); Object.assign(this.views, { tab, table, }); this.views.container.appendChild(table); this.views.container.appendChild(tips); } /** * 渲染 * @param {HTMLElement} container 容器 */ render(container) { super.render(container); const { table } = this.views; if (table) { const { add, clear } = table; clear(); this.list.then((values) => { Object.values(values).forEach((item) => { const column = this.column(item); add(...column); }); this.renderNewLine(); }); } } /** * 渲染新行 */ renderNewLine() { const { ui } = this; const { table } = this.views; // 版面 ID const forumInput = ui.createElement("INPUT", [], { type: "text", }); const forumInputWrapper = ui.createElement("DIV", forumInput, { className: "filter-input-wrapper", }); // 标签 const labelInput = ui.createElement("INPUT", [], { type: "text", }); const labelInputWrapper = ui.createElement("DIV", labelInput, { className: "filter-input-wrapper", }); // 启用过滤 const switchLevel = ui.createElement("INPUT", [], { type: "checkbox", }); // 切换过滤模式 const switchMode = ui.createButton(this.settings.filterModes[0], () => { const newMode = this.settings.switchModeByName(switchMode.innerText); switchMode.innerText = newMode; }); // 操作 const buttons = (() => { const save = ui.createButton("添加", async (e) => { const entity = await this.add( forumInput.value, labelInput.value, switchMode.innerText, switchLevel.checked ? 1 : 0 ); table.update(e, ...this.column(entity)); this.renderNewLine(); }); return ui.createButtonGroup(save); })(); // 添加至列表 table.add( forumInputWrapper, labelInputWrapper, switchLevel, switchMode, buttons ); } /** * 过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filter(item, result) { // 获取当前猎巫结果 const hunter = item.hunter || []; // 如果没有猎巫结果，则跳过 if (hunter.length === 0) { return; } // 获取列表 const items = await this.list; // 筛选出匹配的猎巫 const list = Object.values(items).filter(({ fid }) => hunter.includes(fid) ); // 取最高的过滤模式 // 低于当前的过滤模式则跳过 let max = result.mode; let res = null; for (const entity of list) { const { filterLevel, filterMode } = entity; // 仅标记 if (filterLevel === 0) { continue; } // 获取过滤模式 const mode = this.settings.getModeByName(filterMode); if (mode <= max) { continue; } max = mode; res = entity; } // 没有匹配的则跳过 if (res === null) { return; } // 更新过滤模式和原因 result.mode = max; result.reason = `猎巫: ${res.label}`; } /** * 通知 * @param {*} item 绑定的 nFilter */ async notify(item) { const { uid, tags } = item; // 如果没有 tags 组件则跳过 if (tags === null) { return; } // 如果是匿名，隐藏组件 if (uid <= 0) { tags.style.display = "none"; return; } // 删除旧标签 [...tags.querySelectorAll("[fid]")].forEach((item) => { tags.removeChild(item); }); // 如果没有请求，开始请求 if (Object.hasOwn(item, "hunter") === false) { this.execute(item); return; } // 获取当前猎巫结果 const hunter = item.hunter; // 如果没有猎巫结果，则跳过 if (hunter.length === 0) { return; } // 格式化标签 const items = await Promise.all( hunter.map(async (fid) => { const item = await this.get(fid); if (item) { const element = this.formatLabel(item.label, item.color); element.setAttribute("fid", fid); return element; } return null; }) ); // 加入组件 items.forEach((item) => { if (item) { tags.appendChild(item); } }); } /** * 重新过滤 * @param {Boolean} clear 是否清除缓存 */ reFilter(clear) { // 清除缓存 if (clear) { this.cache = {}; } // 重新过滤 this.data.forEach((item) => { // 不需要清除缓存的话，只要重新加载标记 if (clear === false) { item.hunter = []; } // 重新猎巫 this.execute(item); }); } /** * 猎巫 * @param {*} item 绑定的 nFilter */ async execute(item) { const { uid } = item; const { api, cache, queue, list } = this; // 如果是匿名，则跳过 if (uid <= 0) { return; } // 初始化猎巫结果，用于标识正在猎巫 item.hunter = item.hunter || []; // 获取列表 const items = await list; // 没有设置且没有旧数据，直接跳过 if (items.length === 0 && item.hunter.length === 0) { return; } // 重新过滤 const reload = (newValue) => { const isEqual = newValue.sort().join() === item.hunter.sort().join(); if (isEqual) { return; } item.hunter = newValue; item.execute(); }; // 创建任务 const task = async () => { // 如果缓存里没有记录，请求数据并写入缓存 if (Object.hasOwn(cache, uid) === false) { cache[uid] = []; await Promise.all( Object.keys(items).map(async (fid) => { // 转换为数字格式 const id = parseInt(fid, 10); // 当前版面发言记录 const result = await api.getForumPosted(id, uid); // 写入当前设置 if (result) { cache[uid].push(id); } }) ); } // 重新过滤 reload(cache[uid]); // 将当前任务移出队列 queue.shift(); // 如果还有任务，继续执行 if (queue.length > 0) { queue[0](); } }; // 队列里已经有任务 const isRunning = queue.length > 0; // 加入队列 queue.push(task); // 如果没有正在执行的任务，则立即执行 if (isRunning === false) { task(); } } } /** * 杂项模块 */ class MiscModule extends Module { /** * 模块名称 */ static name = "misc"; /** * 模块标签 */ static label = "杂项"; /** * 顺序 */ static order = 100; /** * 请求缓存 */ cache = { topicNums: {}, }; /** * 获取用户信息（从页面上） * @param {*} item 绑定的 nFilter */ getUserInfo(item) { const { uid } = item; // 如果是匿名直接跳过 if (uid <= 0) { return; } // 回复页面可以直接获取到用户信息和声望 if (commonui.userInfo) { // 取得用户信息 const userInfo = commonui.userInfo.users[uid]; // 绑定用户信息和声望 if (userInfo) { item.userInfo = userInfo; item.username = userInfo.username; item.reputation = (() => { const reputations = commonui.userInfo.reputations; if (reputations) { for (let fid in reputations) { return reputations[fid][uid] || 0; } } return NaN; })(); } } } /** * 获取帖子数据 * @param {*} item 绑定的 nFilter */ async getPostInfo(item) { const { tid, pid } = item; // 请求帖子数据 const { subject, content, userInfo, reputation } = await this.api.getPostInfo(tid, pid); // 绑定用户信息和声望 if (userInfo) { item.userInfo = userInfo; item.username = userInfo.username; item.reputation = reputation; } // 绑定标题和内容 item.subject = subject; item.content = content; } /** * 获取主题数量 * @param {*} item 绑定的 nFilter */ async getTopicNum(item) { const { uid } = item; // 如果是匿名直接跳过 if (uid <= 0) { return; } // 如果已有缓存，直接返回 if (Object.hasOwn(this.cache.topicNums, uid)) { return this.cache.topicNums[uid]; } // 请求数量 const number = await this.api.getTopicNum(uid); // 写入缓存 this.cache.topicNums[uid] = number; // 返回结果 return number; } /** * 初始化，增加设置 */ initComponents() { super.initComponents(); const { settings, ui } = this; const { add } = ui.views.settings; // 小号过滤（注册时间） { const input = ui.createElement("INPUT", [], { type: "text", value: settings.filterRegdateLimit / 86400000, maxLength: 4, style: "width: 48px;", }); const button = ui.createButton("确认", () => { const newValue = parseInt(input.value, 10) || 0; if (newValue < 0) { return; } settings.filterRegdateLimit = newValue * 86400000; this.reFilter(); }); const element = ui.createElement("DIV", [ "隐藏注册时间小于", input, "天的用户", button, ]); add(this.constructor.order + 0, element); } // 小号过滤（发帖数） { const input = ui.createElement("INPUT", [], { type: "text", value: settings.filterPostnumLimit, maxLength: 5, style: "width: 48px;", }); const button = ui.createButton("确认", () => { const newValue = parseInt(input.value, 10) || 0; if (newValue < 0) { return; } settings.filterPostnumLimit = newValue; this.reFilter(); }); const element = ui.createElement("DIV", [ "隐藏发帖数量小于", input, "贴的用户", button, ]); add(this.constructor.order + 1, element); } // 流量号过滤（主题比例） { const input = ui.createElement("INPUT", [], { type: "text", value: settings.filterTopicRateLimit, maxLength: 3, style: "width: 48px;", }); const button = ui.createButton("确认", () => { const newValue = parseInt(input.value, 10) || 100; if (newValue <= 0 || newValue > 100) { return; } settings.filterTopicRateLimit = newValue; this.reFilter(); }); const element = ui.createElement("DIV", [ "隐藏发帖比例大于", input, "%的用户", button, ]); add(this.constructor.order + 2, element); } // 声望过滤 { const input = ui.createElement("INPUT", [], { type: "text", value: settings.filterReputationLimit || "", maxLength: 4, style: "width: 48px;", }); const button = ui.createButton("确认", () => { const newValue = parseInt(input.value, 10); settings.filterReputationLimit = newValue; this.reFilter(); }); const element = ui.createElement("DIV", [ "隐藏版面声望低于", input, "点的用户", button, ]); add(this.constructor.order + 3, element); } // 匿名过滤 { const input = ui.createElement("INPUT", [], { type: "checkbox", checked: settings.filterAnonymous, }); const label = ui.createElement("LABEL", ["隐藏匿名的用户", input], { style: "display: flex;", }); const element = ui.createElement("DIV", label); input.onchange = () => { settings.filterAnonymous = input.checked; this.reFilter(); }; add(this.constructor.order + 4, element); } } /** * 过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filter(item, result) { // 获取隐藏模式下标 const mode = this.settings.getModeByName("隐藏"); // 如果当前模式不低于隐藏模式，则跳过 if (result.mode >= mode) { return; } // 匿名过滤 await this.filterByAnonymous(item, result); // 注册时间过滤 await this.filterByRegdate(item, result); // 发帖数量过滤 await this.filterByPostnum(item, result); // 发帖比例过滤 await this.filterByTopicRate(item, result); // 版面声望过滤 await this.filterByReputation(item, result); } /** * 根据匿名过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filterByAnonymous(item, result) { const { uid } = item; // 如果不是匿名，则跳过 if (uid > 0) { return; } // 获取隐藏模式下标 const mode = this.settings.getModeByName("隐藏"); // 如果当前模式不低于隐藏模式，则跳过 if (result.mode >= mode) { return; } // 获取过滤匿名设置 const filterAnonymous = this.settings.filterAnonymous; if (filterAnonymous) { // 更新过滤模式和原因 result.mode = mode; result.reason = "匿名"; } } /** * 根据注册时间过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filterByRegdate(item, result) { const { uid } = item; // 如果是匿名，则跳过 if (uid <= 0) { return; } // 获取隐藏模式下标 const mode = this.settings.getModeByName("隐藏"); // 如果当前模式不低于隐藏模式，则跳过 if (result.mode >= mode) { return; } // 获取注册时间限制 const filterRegdateLimit = this.settings.filterRegdateLimit; // 未启用则跳过 if (filterRegdateLimit <= 0) { return; } // 没有用户信息，优先从页面上获取 if (item.userInfo === undefined) { this.getUserInfo(item); } // 没有再从接口获取 if (item.userInfo === undefined) { await this.getPostInfo(item); } // 获取注册时间 const { regdate } = item.userInfo || {}; // 获取失败则跳过 if (regdate === undefined) { return; } // 转换时间格式，泥潭接口只精确到秒 const date = new Date(regdate * 1000); // 判断是否符合条件 if (Date.now() - date > filterRegdateLimit) { return; } // 更新过滤模式和原因 result.mode = mode; result.reason = `注册时间: ${date.toLocaleDateString()}`; } /** * 根据发帖数量过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filterByPostnum(item, result) { const { uid } = item; // 如果是匿名，则跳过 if (uid <= 0) { return; } // 获取隐藏模式下标 const mode = this.settings.getModeByName("隐藏"); // 如果当前模式不低于隐藏模式，则跳过 if (result.mode >= mode) { return; } // 获取发帖数量限制 const filterPostnumLimit = this.settings.filterPostnumLimit; // 未启用则跳过 if (filterPostnumLimit <= 0) { return; } // 没有用户信息，优先从页面上获取 if (item.userInfo === undefined) { this.getUserInfo(item); } // 没有再从接口获取 if (item.userInfo === undefined) { await this.getPostInfo(item); } // 获取发帖数量 const { postnum } = item.userInfo || {}; // 获取失败则跳过 if (postnum === undefined) { return; } // 判断是否符合条件 if (postnum >= filterPostnumLimit) { return; } // 更新过滤模式和原因 result.mode = mode; result.reason = `发帖数量: ${postnum}`; } /** * 根据发帖比例过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filterByTopicRate(item, result) { const { uid } = item; // 如果是匿名，则跳过 if (uid <= 0) { return; } // 获取隐藏模式下标 const mode = this.settings.getModeByName("隐藏"); // 如果当前模式不低于隐藏模式，则跳过 if (result.mode >= mode) { return; } // 获取发帖比例限制 const filterTopicRateLimit = this.settings.filterTopicRateLimit; // 未启用则跳过 if (filterTopicRateLimit <= 0 || filterTopicRateLimit >= 100) { return; } // 没有用户信息，优先从页面上获取 if (item.userInfo === undefined) { this.getUserInfo(item); } // 没有再从接口获取 if (item.userInfo === undefined) { await this.getPostInfo(item); } // 获取发帖数量 const { postnum } = item.userInfo || {}; // 获取失败则跳过 if (postnum === undefined) { return; } // 获取主题数量 const topicNum = await this.getTopicNum(item); // 计算发帖比例 const topicRate = Math.ceil((topicNum / postnum) * 100); // 判断是否符合条件 if (topicRate < filterTopicRateLimit) { return; } // 更新过滤模式和原因 result.mode = mode; result.reason = `发帖比例: ${topicRate}% (${topicNum}/${postnum})`; } /** * 根据版面声望过滤 * @param {*} item 绑定的 nFilter * @param {*} result 过滤结果 */ async filterByReputation(item, result) { const { uid } = item; // 如果是匿名，则跳过 if (uid <= 0) { return; } // 获取隐藏模式下标 const mode = this.settings.getModeByName("隐藏"); // 如果当前模式不低于隐藏模式，则跳过 if (result.mode >= mode) { return; } // 获取版面声望限制 const filterReputationLimit = this.settings.filterReputationLimit; // 未启用则跳过 if (Number.isNaN(filterReputationLimit)) { return; } // 没有声望信息，优先从页面上获取 if (item.reputation === undefined) { this.getUserInfo(item); } // 没有再从接口获取 if (item.reputation === undefined) { await this.getPostInfo(item); } // 获取版面声望 const reputation = item.reputation || 0; // 判断是否符合条件 if (reputation >= filterReputationLimit) { return; } // 更新过滤模式和原因 result.mode = mode; result.reason = `版面声望: ${reputation}`; } /** * 重新过滤 */ reFilter() { this.data.forEach((item) => { item.execute(); }); } } /** * 设置模块 */ class SettingsModule extends Module { /** * 模块名称 */ static name = "settings"; /** * 顺序 */ static order = 0; /** * 创建实例 * @param {Settings} settings 设置 * @param {API} api API * @param {UI} ui UI * @param {Array} data 过滤列表 * @returns {Module | null} 成功后返回模块实例 */ static create(settings, api, ui, data) { // 读取设置里的模块列表 const modules = settings.modules; // 如果不包含自己，加入列表中，因为设置模块是必须的 if (modules.includes(this.name) === false) { settings.modules = [...modules, this.name]; } // 创建实例 return super.create(settings, api, ui, data); } /** * 初始化，增加设置 */ initComponents() { super.initComponents(); const { settings, ui } = this; const { add } = ui.views.settings; // 前置过滤 { const input = ui.createElement("INPUT", [], { type: "checkbox", }); const label = ui.createElement("LABEL", ["前置过滤", input], { style: "display: flex;", }); settings.preFilterEnabled.then((checked) => { input.checked = checked; input.onchange = () => { settings.preFilterEnabled = !checked; }; }); add(this.constructor.order + 0, label); } // 模块选择 { const modules = [ ListModule, UserModule, TagModule, KeywordModule, LocationModule, HunterModule, MiscModule, ]; const items = modules.map((item) => { const input = ui.createElement("INPUT", [], { type: "checkbox", value: item.name, checked: settings.modules.includes(item.name), onchange: () => { const checked = input.checked; modules.map((m, index) => { const isDepend = checked ? item.depends.find((i) => i.name === m.name) : m.depends.find((i) => i.name === item.name); if (isDepend) { const element = items[index].querySelector("INPUT"); if (element) { element.checked = checked; } } }); }, }); const label = ui.createElement("LABEL", [item.label, input], { style: "display: flex; margin-right: 10px;", }); return label; }); const button = ui.createButton("确认", () => { const checked = group.querySelectorAll("INPUT:checked"); const values = [...checked].map((item) => item.value); settings.modules = values; location.reload(); }); const group = ui.createElement("DIV", [...items, button], { style: "display: flex;", }); const label = ui.createElement("LABEL", "启用模块"); add(this.constructor.order + 1, label, group); } // 默认过滤模式 { const modes = ["标记", "遮罩", "隐藏"].map((item) => { const input = ui.createElement("INPUT", [], { type: "radio", name: "defaultFilterMode", value: item, checked: settings.defaultFilterMode === item, onchange: () => { settings.defaultFilterMode = item; this.reFilter(); }, }); const label = ui.createElement("LABEL", [item, input], { style: "display: flex; margin-right: 10px;", }); return label; }); const group = ui.createElement("DIV", modes, { style: "display: flex;", }); const label = ui.createElement("LABEL", "默认过滤模式"); const tips = ui.createElement("DIV", TIPS.filterMode, { className: "silver", }); add(this.constructor.order + 2, label, group, tips); } } /** * 重新过滤 */ reFilter() { // 目前仅在修改默认过滤模式时重新过滤 this.data.forEach((item) => { // 如果过滤模式是继承，则重新过滤 if (item.filterMode === "继承") { item.execute(); } // 如果有引用，也重新过滤 if (Object.values(item.quotes || {}).includes("继承")) { item.execute(); return; } }); } } /** * 增强的列表模块，增加了用户作为附加模块 */ class ListEnhancedModule extends ListModule { /** * 模块名称 */ static name = "list"; /** * 附加模块 */ static addons = [UserModule]; /** * 附加的用户模块 * @returns {UserModule} 用户模块 */ get userModule() { return this.addons[UserModule.name]; } /** * 表格列 * @returns {Array} 表格列集合 */ columns() { const hasAddon = this.hasAddon(UserModule); if (hasAddon === false) { return super.columns(); } return [ { label: "用户", width: 1 }, { label: "内容", ellipsis: true }, { label: "过滤模式", center: true, width: 1 }, { label: "原因", width: 1 }, { label: "操作", width: 1 }, ]; } /** * 表格项 * @param {*} item 绑定的 nFilter * @returns {Array} 表格项集合 */ column(item) { const column = super.column(item); const hasAddon = this.hasAddon(UserModule); if (hasAddon === false) { return column; } const { ui } = this; const { table } = this.views; const { uid, username } = item; const user = this.userModule.format(uid, username); const buttons = (() => { if (uid <= 0) { return null; } const block = ui.createButton("屏蔽", (e) => { this.userModule.renderDetails(uid, username, (type) => { // 删除失效数据，等待重新过滤 table.remove(e); // 如果是新增，不会因为用户重新过滤，需要主动触发 if (type === "ADD") { this.userModule.reFilter(uid); } }); }); return ui.createButtonGroup(block); })(); return [user, ...column, buttons]; } } /** * 增强的用户模块，增加了标记作为附加模块 */ class UserEnhancedModule extends UserModule { /** * 模块名称 */ static name = "user"; /** * 附加模块 */ static addons = [TagModule]; /** * 附加的标记模块 * @returns {TagModule} 标记模块 */ get tagModule() { return this.addons[TagModule.name]; } /** * 表格列 * @returns {Array} 表格列集合 */ columns() { const hasAddon = this.hasAddon(TagModule); if (hasAddon === false) { return super.columns(); } return [ { label: "昵称", width: 1 }, { label: "标记" }, { label: "过滤模式", center: true, width: 1 }, { label: "操作", width: 1 }, ]; } /** * 表格项 * @param {*} item 用户信息 * @returns {Array} 表格项集合 */ column(item) { const column = super.column(item); const hasAddon = this.hasAddon(TagModule); if (hasAddon === false) { return column; } const { ui } = this; const { table } = this.views; const { id, name } = item; const tags = ui.createElement( "DIV", item.tags.map((id) => this.tagModule.format(id)) ); const newColumn = [...column]; newColumn.splice(1, 0, tags); const buttons = column[column.length - 1]; const update = ui.createButton("编辑", (e) => { this.renderDetails(id, name, (type, newValue) => { if (type === "UPDATE") { table.update(e, ...this.column(newValue)); } if (type === "REMOVE") { table.remove(e); } }); }); buttons.insertBefore(update, buttons.firstChild); return newColumn; } /** * 渲染详情 * @param {Number} uid 用户 ID * @param {String | undefined} name 用户名称 * @param {Function} callback 回调函数 */ renderDetails(uid, name, callback = () => {}) { const hasAddon = this.hasAddon(TagModule); if (hasAddon === false) { return super.renderDetails(uid, name, callback); } const { ui, settings } = this; // 只允许同时存在一个详情页 if (this.views.details) { if (this.views.details.parentNode) { this.views.details.parentNode.removeChild(this.views.details); } } // 获取用户信息 const user = this.get(uid); if (user) { name = user.name; } // TODO 需要优化 const title = (user ? "编辑" : "添加") + `用户 - ${name ? name : "#" + uid}`; const table = ui.createTable([]); { const size = Math.floor((screen.width * 0.8) / 200); const items = Object.values(this.tagModule.list).map(({ id }) => { const checked = user && user.tags.includes(id) ? "checked" : ""; return ` `; }); const rows = [...new Array(Math.ceil(items.length / size))].map( (_, index) => ` ${items.slice(size * index, size * (index + 1)).join("")} ` ); table.querySelector("TBODY").innerHTML = rows.join(""); } const input = ui.createElement("INPUT", [], { type: "text", placeholder: TIPS.addTags, style: "width: -webkit-fill-available;", }); const inputWrapper = ui.createElement("DIV", input, { style: "margin-top: 10px;", }); const filterMode = user ? user.filterMode : settings.filterModes[0]; const switchMode = ui.createButton(filterMode, () => { const newMode = settings.switchModeByName(switchMode.innerText); switchMode.innerText = newMode; }); const buttons = ui.createElement( "DIV", (() => { const remove = user ? ui.createButton("删除", () => { ui.confirm().then(() => { this.remove(uid); this.views.details._.hide(); callback("REMOVE"); }); }) : null; const save = ui.createButton("保存", () => { const checked = [...table.querySelectorAll("INPUT:checked")].map( (input) => parseInt(input.value, 10) ); const newTags = input.value .split("|") .filter((item) => item.length) .map((item) => this.tagModule.add(item)) .filter((tag) => tag !== null) .map((tag) => tag.id); const tags = [...new Set([...checked, ...newTags])].sort(); if (user === null) { const entity = this.add(uid, { id: uid, name, tags, filterMode: switchMode.innerText, }); this.views.details._.hide(); callback("ADD", entity); } else { const entity = this.update(uid, { name, tags, filterMode: switchMode.innerText, }); this.views.details._.hide(); callback("UPDATE", entity); } }); return ui.createButtonGroup(remove, save); })(), { className: "right_", } ); const actions = ui.createElement( "DIV", [ui.createElement("SPAN", "过滤模式："), switchMode, buttons], { style: "margin-top: 10px;", } ); const tips = ui.createElement("DIV", TIPS.filterMode, { className: "silver", style: "margin-top: 10px;", }); const content = ui.createElement( "DIV", [table, inputWrapper, actions, tips], { style: "width: 80vw", } ); // 创建弹出框 this.views.details = ui.createDialog(null, title, content); } } /** * 处理 topicArg 模块 * @param {Filter} filter 过滤器 * @param {*} value commonui.topicArg */ const handleTopicModule = async (filter, value) => { // 绑定主题模块 topicModule = value; // 是否启用前置过滤 const preFilterEnabled = await filter.settings.preFilterEnabled; // 前置过滤 // 先直接隐藏，等过滤完毕后再放出来 const beforeGet = (...args) => { if (preFilterEnabled) { // 主题标题 const title = document.getElementById(args[1]); // 主题容器 const container = title.closest("tr"); // 隐藏元素 container.style.display = "none"; } return args; }; // 过滤 const afterGet = (_, args) => { // 主题 ID const tid = args[8]; // 找到对应数据 const data = topicModule.data.find((item) => item[8] === tid); // 开始过滤 if (data) { filter.filterTopic(data); } }; // 如果已经有数据，则直接过滤 Object.values(topicModule.data).forEach(filter.filterTopic); // 拦截 add 函数，这是泥潭的主题添加事件 Tools.interceptProperty(topicModule, "add", { beforeGet, afterGet, }); }; /** * 处理 postArg 模块 * @param {Filter} filter 过滤器 * @param {*} value commonui.postArg */ const handleReplyModule = async (filter, value) => { // 绑定回复模块 replyModule = value; // 是否启用前置过滤 const preFilterEnabled = await filter.settings.preFilterEnabled; // 前置过滤 // 先直接隐藏，等过滤完毕后再放出来 const beforeGet = (...args) => { if (preFilterEnabled) { // 楼层号 const index = args[0]; // 判断是否是楼层 const isFloor = typeof index === "number"; // 评论额外标签 const prefix = isFloor ? "" : "comment"; // 用户容器 const uInfoC = document.querySelector(`#${prefix}posterinfo${index}`); // 回复容器 const container = isFloor ? uInfoC.closest("tr") : uInfoC.closest(".comment_c"); // 隐藏元素 container.style.display = "none"; } return args; }; // 过滤 const afterGet = (_, args) => { // 楼层号 const index = args[0]; // 找到对应数据 const data = replyModule.data[index]; // 开始过滤 if (data) { filter.filterReply(data); } }; // 如果已经有数据，则直接过滤 Object.values(replyModule.data).forEach(filter.filterReply); // 拦截 proc 函数，这是泥潭的回复添加事件 Tools.interceptProperty(replyModule, "proc", { beforeGet, afterGet, }); }; /** * 处理 commonui 模块 * @param {Filter} filter 过滤器 * @param {*} value commonui */ const handleCommonui = (filter, value) => { // 绑定主模块 commonui = value; // 拦截 mainMenu 模块，UI 需要在 init 后加载 Tools.interceptProperty(commonui, "mainMenu", { afterSet: (value) => { Tools.interceptProperty(value, "init", { afterGet: () => { filter.ui.render(); }, afterSet: () => { filter.ui.render(); }, }); }, }); // 拦截 topicArg 模块，这是泥潭的主题入口 Tools.interceptProperty(commonui, "topicArg", { afterSet: (value) => { handleTopicModule(filter, value); }, }); // 拦截 postArg 模块，这是泥潭的回复入口 Tools.interceptProperty(commonui, "postArg", { afterSet: (value) => { handleReplyModule(filter, value); }, }); }; /** * 注册脚本菜单 * @param {Settings} settings 设置 */ const registerMenu = async (settings) => { // 修改 UA { const userAgent = await settings.userAgent; GM_registerMenuCommand(`修改UA：${userAgent}`, () => { const value = prompt("修改UA", userAgent); if (value) { settings.userAgent = value; } }); } // 前置过滤 { const enabled = await settings.preFilterEnabled; GM_registerMenuCommand(`前置过滤：${enabled ? "是" : "否"}`, () => { settings.preFilterEnabled = !enabled; }); } }; // 主函数 (async () => { // 初始化缓存、设置 const cache = new Cache(API.modules); const settings = new Settings(cache); // 读取设置 await settings.load(); // 初始化 API、UI const api = new API(cache, settings); const ui = new UI(settings, api); // 初始化过滤器 const filter = new Filter(settings, api, ui); // 加载模块 filter.initModules( SettingsModule, ListEnhancedModule, UserEnhancedModule, TagModule, KeywordModule, LocationModule, HunterModule, MiscModule ); // 注册脚本菜单 registerMenu(settings); // 处理 commonui 模块 if (unsafeWindow.commonui) { handleCommonui(filter, unsafeWindow.commonui); return; } Tools.interceptProperty(unsafeWindow, "commonui", { afterSet: (value) => { handleCommonui(filter, value); }, }); })(); })();