☰

YouTube Chat Filter

Filters messages in YouTube stream chat.

目前為 2024-06-28 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name        YouTube Chat Filter
  3. // @version     1.9
  4. // @description Filters messages in YouTube stream chat.
  5. // @author      Callum Latham
  6. // @namespace   https://gf.qytechs.cn/users/696211-ctl2
  7. // @license     MIT
  8. // @match       *://www.youtube.com/*
  9. // @match       *://youtube.com/*
  10. // @require     https://update.gf.qytechs.cn/scripts/446506/1401643/%24Config.js
  11. // @require     https://gf.qytechs.cn/scripts/449472-boolean/code/$Boolean.js?version=1081058
  12. // @grant       GM.setValue
  13. // @grant       GM.getValue
  14. // @grant       GM.deleteValue
  15. // ==/UserScript==
  16.  
  17. /* global $Config */
  18. /* global $Boolean */
  19.  
  20. // Don't run outside the chat frame
  21. if (!window.frameElement || window.frameElement.id !== 'chatframe') {
  22. 	// noinspection JSAnnotator
  23. 	return;
  24. }
  25.  
  26. window.addEventListener('load', async () => {
  27. 	// STATIC CONSTS
  28. 	
  29. 	const LONG_PRESS_TIME = 400;
  30. 	const ACTIVE_COLOUR = 'var(--yt-spec-call-to-action)';
  31. 	const CHAT_LIST_SELECTOR = '#items.yt-live-chat-item-list-renderer';
  32. 	const FILTER_CLASS = 'cf';
  33. 	const TAGS_FILTERABLE = [
  34. 		'YT-LIVE-CHAT-TEXT-MESSAGE-RENDERER',
  35. 		'YT-LIVE-CHAT-PAID-MESSAGE-RENDERER',
  36. 		'YT-LIVE-CHAT-MEMBERSHIP-ITEM-RENDERER',
  37. 		'YTD-SPONSORSHIPS-LIVE-CHAT-GIFT-PURCHASE-ANNOUNCEMENT-RENDERER',
  38. 		'YTD-SPONSORSHIPS-LIVE-CHAT-GIFT-REDEMPTION-ANNOUNCEMENT-RENDERER',
  39. 		'YT-LIVE-CHAT-PAID-STICKER-RENDERER',
  40. 	];
  41. 	const PRIORITIES = {
  42. 		VERIFIED: 'Verification Badge',
  43. 		MODERATOR: 'Moderator Badge',
  44. 		MEMBER: 'Membership Badge',
  45. 		LONG: 'Long',
  46. 		RECENT: 'Recent',
  47. 		SUPERCHAT: 'Superchat',
  48. 		STICKER: 'Sticker',
  49. 		MEMBERSHIP_RENEWAL: 'Membership Purchase',
  50. 		MEMBERSHIP_GIFT_OUT: 'Membership Gift (Given)',
  51. 		MEMBERSHIP_GIFT_IN: 'Membership Gift (Received)',
  52. 		EMOJI: 'Emojis',
  53. 	};
  54. 	
  55. 	// ELEMENT CONSTS
  56. 	
  57. 	const STREAMER = window.parent.document.querySelector('#upload-info > #channel-name').innerText;
  58. 	const ROOT_ELEMENT = document.body.querySelector('#chat');
  59. 	const [BUTTON, SVG, COUNTER] = await (async () => {
  60. 		const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
  61. 		
  62. 		const [button, svgContainer, svg] = await new Promise((resolve) => {
  63. 			const template = document.body.querySelector('#live-chat-header-context-menu');
  64. 			const button = template.querySelector('button').cloneNode(true);
  65. 			const svgContainer = button.querySelector('yt-icon');
  66. 			
  67. 			button.style.visibility = 'hidden';
  68. 			
  69. 			button.querySelector('yt-touch-feedback-shape').remove();
  70. 			
  71. 			template.parentElement.insertBefore(button, template);
  72. 			
  73. 			window.setTimeout(() => {
  74. 				const path = document.createElementNS(SVG_NAMESPACE, 'path');
  75. 				
  76. 				path.setAttribute('d', 'M128.25,175.6c1.7,1.8,2.7,4.1,2.7,6.6v139.7l60-51.3v-88.4c0-2.5,1-4.8,2.7-6.6L295.15,65H26.75L128.25,175.6z');
  77. 				
  78. 				const rectangle = document.createElementNS(SVG_NAMESPACE, 'rect');
  79. 				
  80. 				rectangle.setAttribute('x', '13.95');
  81. 				rectangle.setAttribute('y', '0');
  82. 				rectangle.setAttribute('width', '294');
  83. 				rectangle.setAttribute('height', '45');
  84. 				
  85. 				const svg = document.createElementNS(SVG_NAMESPACE, 'svg');
  86. 				
  87. 				svg.setAttribute('viewBox', '-50 -50 400 400');
  88. 				svg.setAttribute('x', '0');
  89. 				svg.setAttribute('y', '0');
  90. 				svg.setAttribute('focusable', 'false');
  91. 				
  92. 				svg.append(path, rectangle);
  93. 				
  94. 				svgContainer.innerHTML = '';
  95. 				svgContainer.append(svg);
  96. 				
  97. 				button.style.removeProperty('visibility');
  98. 				
  99. 				button.style.setProperty('display', 'contents');
  100. 				
  101. 				resolve([button, svgContainer, svg]);
  102. 			}, 0);
  103. 		});
  104. 		
  105. 		const counter = (() => {
  106. 			const container = document.createElement('div');
  107. 			
  108. 			container.style.position = 'absolute';
  109. 			container.style.left = '9px';
  110. 			container.style.bottom = '9px';
  111. 			container.style.fontSize = '1.1em';
  112. 			container.style.lineHeight = 'normal';
  113. 			container.style.width = '1.6em';
  114. 			container.style.display = 'flex';
  115. 			container.style.alignItems = 'center';
  116. 			
  117. 			const svg = (() => {
  118. 				const circle = document.createElementNS(SVG_NAMESPACE, 'circle');
  119. 				
  120. 				circle.setAttribute('r', '50');
  121. 				circle.style.color = 'var(--yt-live-chat-header-background-color)';
  122. 				circle.style.opacity = '0.65';
  123. 				
  124. 				const svg = document.createElementNS(SVG_NAMESPACE, 'svg');
  125. 				
  126. 				svg.setAttribute('viewBox', '-70 -70 140 140');
  127. 				
  128. 				svg.append(circle);
  129. 				
  130. 				return svg;
  131. 			})();
  132. 			
  133. 			const text = document.createElement('span');
  134. 			
  135. 			text.style.position = 'absolute';
  136. 			text.style.width = '100%';
  137. 			text.innerText = '?';
  138. 			
  139. 			container.append(text, svg);
  140. 			
  141. 			svgContainer.append(container);
  142. 			
  143. 			return text;
  144. 		})();
  145. 		
  146. 		return [button, svg, counter];
  147. 	})();
  148. 	
  149. 	// STATE INTERFACES
  150. 	
  151. 	const $active = new $Boolean('YTCF_IS_ACTIVE');
  152. 	
  153. 	const $config = new $Config(
  154. 		'YTCF_TREE',
  155. 		(() => {
  156. 			const regexPredicate = (value) => {
  157. 				try {
  158. 					RegExp(value);
  159. 				} catch (_) {
  160. 					return 'Value must be a valid regular expression.';
  161. 				}
  162. 				
  163. 				return true;
  164. 			};
  165. 			
  166. 			return {
  167. 				children: [
  168. 					{
  169. 						label: 'Filters',
  170. 						children: [],
  171. 						seed: {
  172. 							label: 'Description',
  173. 							value: '',
  174. 							children: [
  175. 								{
  176. 									label: 'Streamer Regex',
  177. 									children: [],
  178. 									seed: {
  179. 										value: '^',
  180. 										predicate: regexPredicate,
  181. 									},
  182. 								},
  183. 								{
  184. 									label: 'Author Regex',
  185. 									children: [],
  186. 									seed: {
  187. 										value: '^',
  188. 										predicate: regexPredicate,
  189. 									},
  190. 								},
  191. 								{
  192. 									label: 'Message Regex',
  193. 									children: [],
  194. 									seed: {
  195. 										value: '^',
  196. 										predicate: regexPredicate,
  197. 									},
  198. 								},
  199. 							],
  200. 						},
  201. 					},
  202. 					{
  203. 						label: 'Options',
  204. 						children: [
  205. 							{
  206. 								label: 'Case-Sensitive Regex?',
  207. 								value: false,
  208. 							},
  209. 							{
  210. 								label: 'Pause on Mouse Over?',
  211. 								value: false,
  212. 							},
  213. 							{
  214. 								label: 'Queue Time (ms)',
  215. 								value: 0,
  216. 								predicate: (value) => value >= 0 ? true : 'Queue time must be positive',
  217. 							},
  218. 						],
  219. 					},
  220. 					{
  221. 						label: 'Preferences',
  222. 						children: [
  223. 							{
  224. 								label: 'Requirements',
  225. 								children: [
  226. 									{
  227. 										label: 'OR',
  228. 										children: [],
  229. 										poolId: 0,
  230. 									},
  231. 									{
  232. 										label: 'AND',
  233. 										children: [],
  234. 										poolId: 0,
  235. 									},
  236. 								],
  237. 							},
  238. 							{
  239. 								label: 'Priorities (High to Low)',
  240. 								poolId: 0,
  241. 								children: Object.values(PRIORITIES).map((label) => ({
  242. 									label,
  243. 									value: label !== PRIORITIES.EMOJI && label !== PRIORITIES.MEMBERSHIP_GIFT_IN,
  244. 								})),
  245. 							},
  246. 						],
  247. 					},
  248. 				],
  249. 			};
  250. 		})(),
  251. 		(() => {
  252. 			const EVALUATORS = (() => {
  253. 				const getEvaluator = (evaluator, isDesired) => isDesired ? evaluator : (_) => 1 - evaluator(_);
  254. 				
  255. 				return {
  256. 					// Special tests
  257. 					[PRIORITIES.RECENT]: getEvaluator.bind(null, () => 1),
  258. 					[PRIORITIES.LONG]: getEvaluator.bind(null, (_) => _.querySelector('#message').textContent.length),
  259. 					// Tests for message type
  260. 					[PRIORITIES.SUPERCHAT]: getEvaluator.bind(null, (_) => _.matches('yt-live-chat-paid-message-renderer')),
  261. 					[PRIORITIES.STICKER]: getEvaluator.bind(null, (_) => _.matches('yt-live-chat-paid-sticker-renderer')),
  262. 					[PRIORITIES.MEMBERSHIP_RENEWAL]: getEvaluator.bind(null, (_) => _.matches('yt-live-chat-membership-item-renderer')),
  263. 					[PRIORITIES.MEMBERSHIP_GIFT_OUT]: getEvaluator.bind(null, (_) => _.matches('ytd-sponsorships-live-chat-gift-purchase-announcement-renderer')),
  264. 					[PRIORITIES.MEMBERSHIP_GIFT_IN]: getEvaluator.bind(null, (_) => _.matches('ytd-sponsorships-live-chat-gift-redemption-announcement-renderer')),
  265. 					// Tests for descendant element presence
  266. 					[PRIORITIES.EMOJI]: getEvaluator.bind(null, (_) => Boolean(_.querySelector('.emoji'))),
  267. 					[PRIORITIES.MEMBER]: getEvaluator.bind(null, (_) => Boolean(_.querySelector('#chat-badges > [type=member]'))),
  268. 					[PRIORITIES.MODERATOR]: getEvaluator.bind(null, (_) => Boolean(_.querySelector('#chip-badges > [type=verified]'))),
  269. 					[PRIORITIES.VERIFIED]: getEvaluator.bind(null, (_) => Boolean(_.querySelector('#chat-badges > [type=moderator]'))),
  270. 				};
  271. 			})();
  272. 			
  273. 			return ([rawFilters, options, {'children': [{'children': [softRequirements, hardRequirements]}, priorities]}]) => ({
  274. 				filters: (() => {
  275. 					const filters = [];
  276. 					
  277. 					const getRegex = options.children[0].value ?
  278. 							({value}) => new RegExp(value) :
  279. 							({value}) => new RegExp(value, 'i');
  280. 					const matchesStreamer = (node) => getRegex(node).test(STREAMER);
  281. 					
  282. 					for (const filter of rawFilters.children) {
  283. 						const [{'children': streamers}, {'children': authors}, {'children': messages}] = filter.children;
  284. 						
  285. 						if (streamers.length === 0 || streamers.some(matchesStreamer)) {
  286. 							filters.push({
  287. 								authors: authors.map(getRegex),
  288. 								messages: messages.map(getRegex),
  289. 							});
  290. 						}
  291. 					}
  292. 					
  293. 					return filters;
  294. 				})(),
  295. 				pauseOnHover: options.children[1].value,
  296. 				queueTime: options.children[2].value,
  297. 				requirements: {
  298. 					soft: softRequirements.children.map(({label, 'value': isDesired}) => EVALUATORS[label](isDesired)),
  299. 					hard: hardRequirements.children.map(({label, 'value': isDesired}) => EVALUATORS[label](isDesired)),
  300. 				},
  301. 				comparitors: (() => {
  302. 					const getComparitor = (getValue, low, high) => {
  303. 						low = getValue(low);
  304. 						high = getValue(high);
  305. 						
  306. 						return low < high ? -1 : low === high ? 0 : 1;
  307. 					};
  308. 					
  309. 					return priorities.children.map(({label, 'value': isDesired}) => getComparitor.bind(null, EVALUATORS[label](isDesired)));
  310. 				})(),
  311. 			});
  312. 		})(),
  313. 		'YouTube Chat Filter',
  314. 		{
  315. 			headBase: '#ff0000',
  316. 			headButtonExit: '#000000',
  317. 			borderHead: '#ffffff',
  318. 			nodeBase: ['#222222', '#111111'],
  319. 			borderTooltip: '#570000',
  320. 		},
  321. 		{zIndex: 10000},
  322. 	);
  323. 	
  324. 	// CSS
  325. 	
  326. 	(function style() {
  327. 		function addStyle(sheet, selector, rules) {
  328. 			const ruleString = rules.map(
  329. 				([selector, rule]) => `${selector}:${typeof rule === 'function' ? rule() : rule} !important;`,
  330. 			);
  331. 			
  332. 			sheet.insertRule(`${selector}{${ruleString.join('')}}`);
  333. 		}
  334. 		
  335. 		const styleElement = document.createElement('style');
  336. 		const {sheet} = document.head.appendChild(styleElement);
  337. 		
  338. 		const styles = [
  339. 			[`${CHAT_LIST_SELECTOR}`, [['bottom', 'inherit']]],
  340. 			[`${CHAT_LIST_SELECTOR} > :not(.${FILTER_CLASS})`, [['display', 'none']]],
  341. 		];
  342. 		
  343. 		for (const style of styles) {
  344. 			addStyle(sheet, style[0], style[1]);
  345. 		}
  346. 	})();
  347. 	
  348. 	// STATE
  349. 	
  350. 	let queuedPost;
  351. 	
  352. 	// FILTERING
  353. 	
  354. 	function doFilter(isInitial = true) {
  355. 		const chatListElement = ROOT_ELEMENT.querySelector(CHAT_LIST_SELECTOR);
  356. 		
  357. 		let doQueue = false;
  358. 		let paused = false;
  359. 		
  360. 		function showPost(post, queueNext) {
  361. 			const config = $config.get();
  362. 			
  363. 			post.classList.add(FILTER_CLASS);
  364. 			
  365. 			queuedPost = undefined;
  366. 			
  367. 			if (queueNext && config && config.queueTime > 0) {
  368. 				// Start queueing
  369. 				doQueue = true;
  370. 				
  371. 				window.setTimeout(() => {
  372. 					doQueue = false;
  373. 					
  374. 					// Unqueue
  375. 					if (!paused) {
  376. 						acceptPost();
  377. 					}
  378. 				}, config.queueTime);
  379. 			}
  380. 		}
  381. 		
  382. 		function acceptPost(post = queuedPost, allowQueue = true) {
  383. 			if (!post) {
  384. 				return;
  385. 			}
  386. 			
  387. 			if (allowQueue && (doQueue || paused)) {
  388. 				queuedPost = post;
  389. 			} else {
  390. 				showPost(post, allowQueue);
  391. 			}
  392. 		}
  393. 		
  394. 		window.document.body.addEventListener('mouseenter', () => {
  395. 			const config = $config.get();
  396. 			
  397. 			if (config && config.pauseOnHover) {
  398. 				paused = true;
  399. 			}
  400. 		});
  401. 		
  402. 		window.document.body.addEventListener('mouseleave', () => {
  403. 			const config = $config.get();
  404. 			
  405. 			paused = false;
  406. 			
  407. 			if (config && config.pauseOnHover) {
  408. 				acceptPost();
  409. 			}
  410. 		});
  411. 		
  412. 		function processPost(post, allowQueue = true) {
  413. 			const config = $config.get();
  414. 			const isFilterable = config && $active.get() && TAGS_FILTERABLE.includes(post.tagName);
  415. 			
  416. 			if (isFilterable) {
  417. 				if (
  418. 					config.filters.some((filter) =>
  419. 					// Test author filter
  420. 						(filter.authors.length > 0 && filter.authors.some((_) => _.test(post.querySelector('#author-name')?.textContent)))
  421. 						// Test message filter
  422. 						|| (filter.messages.length > 0 && filter.messages.some((_) => _.test(post.querySelector('#message')?.textContent))),
  423. 					)
  424. 					// Test requirements
  425. 					|| (config.requirements.soft.length > 0 && !config.requirements.soft.some((passes) => passes(post)))
  426. 					|| config.requirements.hard.some((passes) => !passes(post))
  427. 				) {
  428. 					return;
  429. 				}
  430. 				
  431. 				// Test inferior to queued post
  432. 				if (queuedPost) {
  433. 					for (const comparitor of config.comparitors) {
  434. 						const rating = comparitor(post, queuedPost);
  435. 						
  436. 						if (rating < 0) {
  437. 							return;
  438. 						}
  439. 						
  440. 						if (rating > 0) {
  441. 							break;
  442. 						}
  443. 					}
  444. 				}
  445. 			}
  446. 			
  447. 			acceptPost(post, isFilterable && allowQueue);
  448. 		}
  449. 		
  450. 		if (isInitial) {
  451. 			// Process initial messages
  452. 			for (const post of chatListElement.children) {
  453. 				processPost(post, false);
  454. 			}
  455. 			
  456. 			// Re-sizes the chat after removing initial messages
  457. 			chatListElement.parentElement.style.height = `${chatListElement.clientHeight}px`;
  458. 			
  459. 			// Restart if the chat element gets replaced
  460. 			// This happens when switching between 'Top Chat Replay' and 'Live Chat Replay'
  461. 			new MutationObserver((mutations) => {
  462. 				for (const {addedNodes} of mutations) {
  463. 					for (const node of addedNodes) {
  464. 						if (node.matches('yt-live-chat-item-list-renderer')) {
  465. 							doFilter(false);
  466. 						}
  467. 					}
  468. 				}
  469. 			}).observe(
  470. 				ROOT_ELEMENT.querySelector('#item-list'),
  471. 				{childList: true},
  472. 			);
  473. 		}
  474. 		
  475. 		// Handle new posts
  476. 		new MutationObserver((mutations) => {
  477. 			for (const {addedNodes} of mutations) {
  478. 				for (const addedNode of addedNodes) {
  479. 					processPost(addedNode);
  480. 				}
  481. 			}
  482. 		}).observe(
  483. 			chatListElement,
  484. 			{childList: true},
  485. 		);
  486. 	}
  487. 	
  488. 	// MAIN
  489. 	
  490. 	(() => {
  491. 		let timeout;
  492. 		
  493. 		const updateSvg = () => {
  494. 			SVG.style[`${$active.get() ? 'set' : 'remove'}Property`]('color', ACTIVE_COLOUR);
  495. 		};
  496. 		
  497. 		const updateCounter = () => {
  498. 			const config = $config.get();
  499. 			const count = config ? config.filters.length : 0;
  500. 			
  501. 			queuedPost = undefined;
  502. 			
  503. 			COUNTER.style[`${count > 0 ? 'set' : 'remove'}Property`]('color', ACTIVE_COLOUR);
  504. 			
  505. 			COUNTER.innerText = `${count}`;
  506. 		};
  507. 		
  508. 		const onShortClick = (event) => {
  509. 			if (timeout && event.button === 0) {
  510. 				timeout = window.clearTimeout(timeout);
  511. 				
  512. 				$active.toggle();
  513. 				
  514. 				updateSvg();
  515. 			}
  516. 		};
  517. 		
  518. 		const onLongClick = () => {
  519. 			timeout = undefined;
  520. 			
  521. 			$config.edit()
  522. 				.then(updateCounter)
  523. 				.catch(({message}) => {
  524. 					if (window.confirm(`${message}\n\nWould you like to erase your data?`)) {
  525. 						$config.reset();
  526. 						
  527. 						updateCounter();
  528. 					}
  529. 				});
  530. 		};
  531. 		
  532. 		Promise.all([
  533. 			$active.init()
  534. 				.then(updateSvg),
  535. 			$config.ready()
  536. 				.catch(async (e) => {
  537. 					const tree = await GM.getValue('YTCF_TREE');
  538. 					const {children} = tree.children[2].children[1];
  539. 					
  540. 					if (children.some(({label}) => label === PRIORITIES.STICKER)) {
  541. 						throw e;
  542. 					}
  543. 					
  544. 					// Copy superchat info onto new sticker entry
  545. 					const refIndex = children.findIndex(({label}) => label === PRIORITIES.SUPERCHAT);
  546. 					
  547. 					// Try fixing error by adding the new 'Sticker' entry to the 'priorities' subtree
  548. 					children.splice(refIndex, 0, {
  549. 						label: PRIORITIES.STICKER,
  550. 						value: children[refIndex].value,
  551. 					});
  552. 					
  553. 					await GM.setValue('YTCF_TREE', tree);
  554. 					
  555. 					await $config.ready();
  556. 				})
  557. 				.finally(updateCounter),
  558. 		])
  559. 			.then(() => {
  560. 				// Start filtering
  561. 				doFilter();
  562. 				
  563. 				// Add short click listener
  564. 				BUTTON.addEventListener('mouseup', onShortClick);
  565. 				
  566. 				// Add long click listener
  567. 				BUTTON.addEventListener('mousedown', (event) => {
  568. 					if (event.button === 0) {
  569. 						timeout = window.setTimeout(onLongClick, LONG_PRESS_TIME);
  570. 					}
  571. 				});
  572. 			});
  573. 	})();
  574. });

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址