Places bots in their own category in the viewer list.
// ==UserScript==
// @name Viewer list bot remover
// @namespace https://greasyfork.org/scripts?set=586259
// @version 1.2.7
// @description Places bots in their own category in the viewer list.
// @author Sonyo
// @match http*://www.twitch.tv/*
// @grant none
// @license MIT
// @icon https://cdn-icons-png.flaticon.com/512/9092/9092067.png
// ==/UserScript==
/*
* OPTIONS
* Modify the following variable for the behavior concerning moderator bots:
*/
const modBotsBehavior = 2;
/*
* 0: Keep them in the Moderators panel
* 1: Place them with the other bots
* 2: Place them in their own panel
*/
let viewersPanelName = "";
let moderatorsPanelName = "";
const botsPanelTitle = "Bots";
const botsPanelDescription = "Description for bots... Well they're bots :)";
const botImageSource = "https://cdn-icons-png.flaticon.com/512/9092/9092067.png";
const modBotsPanelTitle = "Moderator bots";
const modBotsPanelDescription = "Bots used for the moderation of this channel.";
const modBotImageSource = "https://static-cdn.jtvnw.net/badges/v1/3267646d-33f0-4b17-b3df-f923a41db1d0/2";
var botList;
var viewerListShown = false;
var botsPanel = null;
function delay(milliseconds) {
return new Promise(resolve => {
setTimeout(resolve, milliseconds);
});
}
async function detectLanguage() {
var div = document.querySelector('.gWqzmh');
let count = 0;
while (div === null) {
await delay(1000);
div = document.querySelector('.gWqzmh');
count++;
if (count > 15) {
console.log("[Viewer list bot remover]: Search bar not found, script not working");
return;
}
}
let searchText = div.placeholder;
switch (searchText) {
case "Search":
viewersPanelName = "Viewers";
moderatorsPanelName = "Moderators";
break;
case "Søg":
viewersPanelName = "Seere";
moderatorsPanelName = "Moderatorer";
break;
case "Suchen":
viewersPanelName = "Zuschauer";
moderatorsPanelName = "Moderatoren";
break;
case "Buscar":
viewersPanelName = "Espectadores";
moderatorsPanelName = "Moderadores";
break;
case "Rechercher":
viewersPanelName = "Spectateurs";
moderatorsPanelName = "Modérateurs";
break;
case "Cerca":
viewersPanelName = "Spettatori";
moderatorsPanelName = "Moderatori";
break;
case "Keresés":
viewersPanelName = "Nézők";
moderatorsPanelName = "Moderátorok";
break;
case "Zoeken":
viewersPanelName = "Kijkers";
moderatorsPanelName = "Moderators";
break;
case "Søk":
viewersPanelName = "Seere";
moderatorsPanelName = "Moderatorer";
break;
case "Wyszukaj":
viewersPanelName = "widzowie";
moderatorsPanelName = "Moderatorzy";
break;
case "Pesquisa":
viewersPanelName = "Espetadores";
moderatorsPanelName = "Moderadores";
break;
case "Căutare":
viewersPanelName = "Vizualizatori";
moderatorsPanelName = "Moderatori";
break;
case "Hľadať":
viewersPanelName = "Diváci";
moderatorsPanelName = "Moderátori";
break;
case "Etsi":
viewersPanelName = "Katsojat";
moderatorsPanelName = "Moderaattorit";
break;
case "Sök":
viewersPanelName = "Tittare";
moderatorsPanelName = "Moderatorer";
break;
case "Tìm kiếm":
viewersPanelName = "Người xem";
moderatorsPanelName = "Người điều hành";
break;
case "Ara":
viewersPanelName = "İzleyici";
moderatorsPanelName = "Moderatörler";
break;
case "Hledat":
viewersPanelName = "Diváci";
moderatorsPanelName = "Moderátoři";
break;
case "Αναζήτηση":
viewersPanelName = "Θεατές";
moderatorsPanelName = "Επόπτες";
break;
case "Търсене":
viewersPanelName = "Зрители";
moderatorsPanelName = "Модератори";
break;
case "Поиск":
viewersPanelName = "Зрители";
moderatorsPanelName = "Модераторы";
break;
case "ค้นหา":
viewersPanelName = "ผู้ชม";
moderatorsPanelName = "ผู้ดำเนินรายการ";
break;
case "搜索":
viewersPanelName = "观众";
moderatorsPanelName = "管理员";
break;
case "搜尋":
viewersPanelName = "觀眾";
moderatorsPanelName = "Mod";
break;
case "検索":
viewersPanelName = "視聴者数";
moderatorsPanelName = "モデレーター";
break;
case "검색":
viewersPanelName = "시청자 수";
moderatorsPanelName = "매니저";
break;
default:
alert("Unknown language !");
break;
}
//alert(`viewers:${viewersPanelName}, mods:${moderatorsPanelName}`);
}
async function getBotList() {
botList = [];
await fetch('https://api.twitchinsights.net/v1/bots/all')
.then(response => response.json())
.then(json => {
for (let bot of json.bots) {
botList.push(bot[0]);
}
botList.sort();
});
}
void async function () {
'use strict';
await getBotList();
await detectLanguage();
let prevUrl = undefined;
setInterval(async () => {
const currUrl = window.location.href;
if (currUrl != prevUrl) {
prevUrl = currUrl;
await setup();
}
}, 1000);
}();
async function setup() {
var communityButton = document.querySelector('[data-test-selector="chat-viewer-list"]');
let count = 0;
while (communityButton === null) {
await delay(1000);
communityButton = document.querySelector('[data-test-selector="chat-viewer-list"]');
count++;
if (count > 15) {
console.log("[Viewer list bot remover]: Community button not found, script not working");
return;
}
}
viewerListShown = false;
communityButton.addEventListener("click", communityButtonClick);
}
async function getContainer() {
// Get the viewers container
var scrollable = null;
let count = 1;
while (scrollable === null) {
scrollable = document.querySelector('[class="scrollable-area scrollable-area--suppress-scroll-x"]');
count++;
if (count > 300) // 50ms * 300 = 15s
{
console.log("[Viewer list bot remover]: Loading took too long");
return;
}
await delay(100);
}
return scrollable.lastChild.firstChild.firstChild;
}
function binarySearch(name) {
let start = 0;
let end = botList.length - 1;
while (start <= end) {
let mid = Math.floor((start + end) / 2);
if (botList[mid] === name) return true;
if (botList[mid] < name) start = mid + 1;
else end = mid - 1;
}
return false;
}
function removeBots(panel, container) {
let viewers = panel.firstChild.lastChild;
let bots = [];
for (let i = 0; i < viewers.children.length; i++) {
let viewer = viewers.children[i];
let name = viewer.firstChild.firstChild.firstChild.firstChild.textContent;
let remove = binarySearch(name.toLowerCase());
if (remove) {
viewer.remove();
bots.push(viewer);
i--;
}
}
// If there is no more viewers, remove the panel
if (viewers.children.length === 0) {
panel.remove();
}
return bots;
}
function createBotsPanel(panel, container, options) {
let newPanel = panel.cloneNode(true);
let botImg = document.createElement("img");
botImg.setAttribute("class", "InjectLayout-sc-1i43xsx-0 dztNuO tw-image");
botImg.setAttribute("alt", "Bot badge");
botImg.setAttribute("src", options.ImageSrc);
newPanel.firstChild.firstChild.firstChild.children[0].remove();
newPanel.firstChild.firstChild.firstChild.insertBefore(botImg, newPanel.firstChild.children[0].firstChild.firstChild);
newPanel.firstChild.firstChild.firstChild.children[1].firstChild.innerHTML = options.Title;
newPanel.firstChild.firstChild.firstChild.children[2].remove();
let viewers = newPanel.firstChild.children[1];
while (viewers.firstChild) {
viewers.removeChild(viewers.firstChild);
}
container.appendChild(newPanel);
return newPanel;
}
function handleViewerPanel(panel, container) {
let bots = removeBots(panel, container);
if (bots.length === 0) {
return;
}
if (botsPanel === null) {
botsPanel = createBotsPanel(panel, container, {ImageSrc: botImageSource, Title: botsPanelTitle, Description: botsPanelDescription});
}
let viewers = botsPanel.firstChild.lastChild;
for (let bot of bots) {
viewers.appendChild(bot);
}
}
function handleModeratorPanel(panel, container) {
if (modBotsBehavior < 0 || modBotsBehavior > 2) {
alert("[Viewer list bot remover]: modBotsBehavior incorrectly set.");
return;
}
if (modBotsBehavior === 0) {
return;
}
let bots = removeBots(panel, container);
if (bots.length === 0) {
return;
}
let viewers;
if (modBotsBehavior === 1) {
botsPanel = createBotsPanel(panel, container, {ImageSrc: botImageSource, Title: botsPanelTitle, Description: botsPanelDescription});
viewers = botsPanel.firstChild.lastChild;
}
if (modBotsBehavior === 2) {
let modBotsPanel = createBotsPanel(panel, container, {ImageSrc: modBotImageSource, Title: modBotsPanelTitle, Description: modBotsPanelDescription})
viewers = modBotsPanel.firstChild.lastChild;
}
for (let bot of bots) {
viewers.insertBefore(bot, viewers.firstChild);
}
}
async function communityButtonClick() {
if (viewerListShown) {
viewerListShown = false;
return;
}
viewerListShown = true;
var container = await getContainer();
if (container.children.length === 1) {
// No one in chat
return;
}
let endScroll = container.lastChild.lastChild.lastChild.lastChild;
endScroll.remove();
botsPanel = null;
for (let i = 1; i < container.children.length; i++) {
let panel = container.children[i];
let panelName = panel.firstChild.firstChild.firstChild.children[1].firstChild.firstChild.textContent;
switch (panelName) {
case moderatorsPanelName:
handleModeratorPanel(panel, container);
break;
case viewersPanelName:
handleViewerPanel(panel, container);
break;
}
if (panel.parentElement === null) {
// Panel was empty, and got removed
i--;
}
}
container.lastChild.lastChild.lastChild.appendChild(endScroll);
}