☰

Greasy Fork is available in English.

Jojos EpikChat spam filter

EpikChat spam filter

// ==UserScript==
// @name         Jojos EpikChat spam filter
// @namespace    https://greasyfork.org/users/393739-jojoooooo
// @version      0.2
// @description  EpikChat spam filter
// @author       Jojoooooo
// @match        https://www.epikchat.com/chat
// @icon         https://www.google.com/s2/favicons?sz=64&domain=epikchat.com
// @grant        GM.setValue
// @grant        GM.getValue
// @require      https://code.jquery.com/jquery-1.11.1.min.js
// @license      MIT
// ==/UserScript==
'use strict';

var blockedWords = [];
GM.getValue("jojo_epikchat_blockedWords", []).then(gmBlockedWords => {
	GM.getValue("jojo_epikchat_filterType", "censor").then(gmFilterType => {
		var filterType = "censor";
		if (gmFilterType) {
			filterType = gmFilterType;
		}

		for (const word of gmBlockedWords) {
			blockedWords.push(word);
		}

		function addBlockedWord(blockedWord) {
			if (!blockedWords.includes(blockedWord))
				blockedWords.push(blockedWord);
		}

		function removeBlockedWord(blockedWord) {
			blockedWords.splice(blockedWords.indexOf(blockedWord), 1);
		}

		/************ ADD SPAM FILTER OPTION TO SETTINGS ************/
		var settingsGroup = $('#chatSettings_modal * .list-group')[0];
		var settingsGroupItem = document.createElement("div");
		settingsGroupItem.className = "list-group-item m-a-0 settings-list";
		settingsGroupItem.dataset.section = "filter";

		var settingsIcon = document.createElement("i");
		settingsIcon.className = "fas fa-fw fa-filter";

		var settingsSpan = document.createElement("span");
		settingsSpan.className = "title";
		settingsSpan.textContent = "Spam filter";
		settingsSpan.style = "padding-left: 13px;";

		settingsGroupItem.appendChild(settingsIcon);
		settingsGroupItem.appendChild(settingsSpan);
		var hrElement = document.createElement("hr");
		settingsGroup.appendChild(hrElement);
		settingsGroup.appendChild(settingsGroupItem);

		var settingsModal = $('#chatSettings_modal > .modal-dialog')[0];
		var spamFilterContent = document.createElement("div");
		spamFilterContent.className = "modal-content filter collapse";
		spamFilterContent.style = "display: none;";
		spamFilterContent.innerHTML = `
<div class="modal-header" style="height:59px;">
	<h4 class="modal-title"><i class="fas fa-fw fa-arrow-left section-close" style="cursor:pointer; margin-right:6px;"></i>Spam filter</h4>
</div>
<div class="modal-body" style="min-height: 250px;">
	<span>
		<input class="form-control form-text" type="text" style="width: 75%;float: left;" id="filterWordInput"/>
		<button class="form-control form-button btn-primary" style="width: 20%;float: left;padding:  0;margin-top: 0;margin-bottom: 10px;margin-left: 5%;" id="addFilterWordButton">Add</button>
	</span>
	<select id="filteredWords" class="form-control" multiple style="width: 100%;">
	</select>
	<button id="removeFilterWordButton" class="form-control form-button btn-danger">Remove</button>
	<div class="setting">
		<div class="setting-title">Filter type</div>
		<ul class="list-group" style="margin-top:10px;margin-bottom: 0;">
			<li class="list-group-item">
				<div style="color: #cdcdcd;font-size: 15px;position: absolute;right: 9px;">
					<i class="fa fa-solid fa-asterisk"></i>
					<i class="fa fa-solid fa-asterisk"></i>
					<i class="fa fa-solid fa-asterisk"></i>
				</div>
				<div class="radio custom-control custom-radio m-a-0">
					<label>Censor (*****)<input type="radio" id="censorRadioButton" name="filterType"  value="censor"/>
						<span class="custom-control-indicator"></span></label>
				</div>
			</li>
			<li class="list-group-item">
				<div style="color: #cdcdcd;font-size: 15px;position: absolute;right: 9px;">
					<i class="fa fa-solid fa-eraser"></i>
				</div>
				<div class="radio custom-control custom-radio m-a-0">
					<label>Remove message<input type="radio" name="filterType" id="removeMessageRadioButton" value="removeMessage"/>
						<span class="custom-control-indicator"></span></label>
				</div>
			</li>
		</ul>
	</div>
</div>
<p class="p-a text-center text-muted small">Messages containing blocked words will not be shown in the chat.</p>
`;

		settingsModal.appendChild(spamFilterContent);

		if (filterType == "censor") {
			$("#censorRadioButton").prop("checked", true);
		} else if (filterType == "removeMessage") {
			$("#removeMessageRadioButton").prop("checked", true);
		}

		function changeFilterType(ft) {
			filterType = ft;
			GM.setValue("jojo_epikchat_filterType", filterType);
		}

		$('#censorRadioButton').change(function (val) {
			if (val.target.checked) {
				changeFilterType("censor");
			}
		});

		$('#removeMessageRadioButton').change(function (val) {
			if (val.target.checked) {
				changeFilterType("removeMessage");
			}
		});
		/************ END OF ADD SPAM FILTER OPTION TO SETTINGS ************/


		//Fill the list of blocked words in the settings menu
		function fillFilteredWordsSelect() {
			var filteredWordsSelect = $("#filteredWords")[0];

			while (filteredWordsSelect.firstChild) {
				filteredWordsSelect.removeChild(filteredWordsSelect.firstChild);
			}

			blockedWords.sort().forEach(f => {
				var option = document.createElement("option");
				option.text = f;
				option.value = f;
				filteredWordsSelect.appendChild(option);
			});
		}

		fillFilteredWordsSelect();

		//Add a blocked word to the list
		$('#addFilterWordButton').click(function () {
			var filterWord = $('#filterWordInput').val();
			if (filterWord.length > 0) {
				addBlockedWord(filterWord);
				GM.setValue("jojo_epikchat_blockedWords", blockedWords);
				fillFilteredWordsSelect();
				$('#filterWordInput').val('');
			}
		});

		//Remove a blocked word from the list
		$('#removeFilterWordButton').click(function () {
			var filteredWordsSelect = $("#filteredWords")[0];
			var selectedFilteredWords = filteredWordsSelect.selectedOptions;
			for (var i = 0; i < selectedFilteredWords.length; i++) {
				removeBlockedWord(selectedFilteredWords[i].value);
			}
			GM.setValue("blockedWords", blockedWords);
			fillFilteredWordsSelect();
		});

		var onListAdd = listAdd;
		//Override the list add function (created by Epikchat) to check for blocked words

		function decodeEntity(inputStr) {
			var textarea = document.createElement("textarea");
			textarea.innerHTML = inputStr;
			return textarea.value;
		}

		listAdd = function (type, listToAddTo, data) {
			var containsSpam = false;
			if (type === "messages") {
				blockedWords.forEach(blockedWord => {
					var decoded = decodeEntity(data.message);
					if (decoded.includes(blockedWord)) {
						containsSpam = true;
						if (filterType == "censor") {
							var replaceString = "";
							for (var i = 0; i < blockedWord.length; i++) {
								replaceString += "*";
							}
							data.message = decoded.replaceAll(blockedWord, replaceString);
						}
					}
				});
			}
			if (filterType !== "removeMessage" || !containsSpam) {
				onListAdd(type, listToAddTo, data);
			}
		}
	})
});