Makes the start menu better to look at
当前为
// ==UserScript==
// @name Arras.io - Start Menu Modifier
// @version 1.2
// @description Makes the start menu better to look at
// @author Taureon
// @run-at document-end
// @match https://arras.io/
// @namespace https://greasyfork.org/users/935758
// ==/UserScript==
//hey arras.io devs, i know you can see this
//please make the server selector larger, i have a large enough monitor to render more
//unused element that takes up space
document.querySelector('.menuTabs').remove();
document.querySelector("#changelogTabs").children[3].click();
let span = document.createElement('span'),
check = document.createElement('input');
span.innerText = 'Hide empty Servers';
span.style.display = 'flex';
check.type = 'checkbox';
check.checked = !!localStorage.getItem("hideEmptyServers");
check.style.width = '13px';
check.style.height = '13px';
check.style.marginTop = '0px';
check.style.marginBottom = '0px';
check.oninput = () => {
empties.forEach(x => x.hidden = check.checked);
localStorage.setItem("hideEmptyServers", check.checked ? ' ' : '');
};
span.append(check);
document.getElementById('serverFilterRegion').append(span);
document.getElementById('serverFilterRegion').style.display = 'flex';
//document.getElementById('serverFilterRegion').style.height = '21px';
let empties = [],
doThing = () => {
//i am not sorry that you had to read this code
// https://cdn.discordapp.com/emojis/983734696083075113.png
try {
empties = Array.from(document.getElementById('serverSelector').children).slice(1).filter(x => x.children[2].innerText.split('/')[0] == '0');
check.oninput();
let rules = Array.from(Array.from(document.styleSheets).find(x => x.href.includes('arras')).rules),
Ratio = 'Attachment';
for (let ruleName of [
'.serverSelector',
'#startMenuSlidingTrigger',
'.slider',
'.shadowScroll',
'.sliderHolder',
'.startMenuHolder.changelogHolder',
'.startMenuHolder',
'.startMenu',
'#startMenuWrapper',
'#patchNotes',
'.mainWrapper'
]) {
let style = rules.find(x => x.selectorText == ruleName).style;
if (ruleName == '.serverSelector' ) {
style.maxHeight = style.height = 'calc(100% - 159px)';
} else if (ruleName == '.slider' ) {
style.maxHeight = style.height = 'min-content';
} else if (ruleName == '.sliderHolder' ) {
style.maxHeight = style.height = 'calc(100% - 50px)';
} else if (ruleName == '.startMenuHolder' ) {
style.maxHeight = style.height = 'calc(100% - 20px)';
} else if (ruleName == '#startMenuSlidingTrigger' ) {
style.padding = (-(0x1 * 0x1f2a + 0x8df * -0x4 + 0x6 * 0xb9) * (-0x236 + -0x102 + -0xd3 * -0xa) + (0x1 * 0xc1d + 0x71 * -0x67 + 0x4205 * 0x1) + -(-0x7f1 + 0x17c + -0x2 * -0x33b) * (0x1f32 + -0x11 * 0x1f9 + 0x3b8 * 0x4)) + 'px';
} else if (ruleName == '.startMenuHolder.changelogHolder' ) {
style.maxHeight = style.height = 'calc(100% - 20px)';
style.display = 'block';
}
if (ruleName == '.startMenu' ) {
style.maxHeight = 'calc(100%)';
style.height = 'calc(100%)';
} else if (ruleName == '#startMenuWrapper' ) {
style.maxHeight = style.height = 'calc(100% - 20px)';
} else if (ruleName == '#patchNotes' ) {
style.height = style.maxHeight = 'calc(100% - 39px)';
} else if (ruleName == '.mainWrapper' ) {
style.padding = new Array(Math.floor(Math.PI)).fill(x => "20px").map(y => y()).reduce((a, b) => a + ' ' + b, '20px'); //what the fuck is a .join()
style.maxHeight = style.height = 'calc(100% - 40px)';
} else if (ruleName == '.shadowScroll' ) {
let L = 'background';
style[L] = style[L + 'Size'] = style[L + 'Color'] = style[L + 'Repeat'] = style[L + Ratio] = '';
}
}
//POV: You're using document.querySelector()
// https://youtu.be/mdquYEw36TU
let style = document.querySelector("#startMenuWrapper > div > div.startMenuHolder.mainHolder > div.sliderHolder > div:nth-child(1)").style
style.maxHeight = style.height = 'calc(100% - 315px)';
} catch (err) {}
}
doThing();
setInterval(doThing, 1000);