☰

Bubble.am+

Script that adds useful features to the game.

当前为 2021-07-14 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Bubble.am+
  3. // @namespace    https://enderror.pl
  4. // @version      21.07.00
  5. // @description  Script that adds useful features to the game.
  6. // @author       enderror
  7. // @match        *://bubble.am/*
  8. // @run-at       document-start
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. class Plus {
  13.     constructor() {
  14.         this.name = 'plus';
  15.         this.version = '21.07.00';
  16.         this.author = 'enderror';
  17.  
  18.         this.defaultSettings = { 
  19.             controls: [
  20.                 { type: '1x', keycode: '32', disabled: false },
  21.                 { type: 'eject', keycode: '87', disabled: false },
  22.                 { type: 'setCamera', keycode: '81', disabled: false },
  23.                 { type: 'holdEject', keycode: '69', disabled: false },
  24.                 { type: '1x', keycode: '49', disabled: false },
  25.                 { type: '2x', keycode: '50', disabled: false },
  26.                 { type: '4x', keycode: '51', disabled: false },
  27.                 { type: '8x', keycode: '52', disabled: false },
  28.                 { type: '16x', keycode: '53', disabled: false },
  29.                 { type: 'holdSplit', keycode: '16', disabled: false },
  30.                 { type: 'movementUp', keycode: '81', disabled: false },
  31.                 { type: 'movementLeft', keycode: '65', disabled: false },
  32.                 { type: 'movementDown', keycode: '83', disabled: false },
  33.                 { type: 'movementRight', keycode: '68', disabled: false },
  34.             ]
  35.         };
  36.  
  37.         this.settings = {
  38.             checkbox: {
  39.                 transparentVirus: true,
  40.                 noGrid: false,
  41.                 customColor: false,
  42.                 customSkin: false,
  43.                 bypassSkin: false,
  44.                 darkMenu: false,
  45.                 virusSplitCounter: true,
  46.                 cellsCounter: true,
  47.                 hideName: false,
  48.                 showMotherMass: false
  49.             },
  50.  
  51.             values: {
  52.                 cellsColor: '#e31e24',
  53.                 skinUrl: null,
  54.             },
  55.  
  56.             controls: this.defaultSettings.controls,
  57.             chat: [],
  58.             accounts: []
  59.         }
  60.  
  61.         this.helpers = {
  62.             skin: {
  63.                 skinInd: 1,
  64.                 gidCheck: false,
  65.                 gid: 0,
  66.             },
  67.  
  68.             controls: {
  69.                 splitSwitch: false,
  70.                 splitInterval: undefined,
  71.                 ejectSwitch: false,
  72.                 ejectInterval: undefined,
  73.                 isActiveMovement: false,
  74.                 activeMovement: []
  75.             }
  76.         }
  77.  
  78.         this.run();
  79.     }
  80.  
  81.     run() {
  82.         console.log(`${this.name} ${this.version} created by ${this.author}`);
  83.  
  84.         if(location.pathname.includes('.txt')) return;
  85.  
  86.         if((location.host === 'bubble.am' && location.pathname === '/') || location.pathname.length > 15) {
  87.             window.stop();
  88.             location.href = `${location.origin}/${this.name}${location.hash}`;
  89.             return;
  90.         }
  91.  
  92.         document.documentElement.innerHTML = '';
  93.  
  94.         const request = new XMLHttpRequest();
  95.         const url = 'http://bubble.am';
  96.  
  97.         request.open('get', url, true);
  98.         request.send();
  99.         request.onload = (e) => {
  100.             const newCore = this.modify(e.target.responseText);
  101.  
  102.             document.open();
  103.             document.write(newCore);
  104.             document.close();
  105.  
  106.             let documentCheck = setInterval(() => {
  107.                 if(document.readyState == 'complete') {
  108.                     clearInterval(documentCheck);
  109.                     
  110.                     new UI();
  111.                     this.addEventListeners();
  112.  
  113.                     window.modLoaded = true;
  114.                 }
  115.             }, 100);
  116.         }
  117.     }
  118.  
  119.     modify(core) {
  120.         core = core.replace(/(.*)(Ubuntu\:700)(.*)(\n.*){4}/gm, `
  121.             <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Ubuntu:700'>
  122.             <link rel="stylesheet" type="text/css" href="http://m.bubble.am/css/bootstrap.min.css?v=3">
  123.             <link rel="stylesheet" type="text/css" href="http://bubble.am/css/style.css?v=0.2.50" />
  124.             <link rel="stylesheet" type="text/css" href="http://bubble.am/css/font.awesome.css?v5" />
  125.  
  126.             <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.3/css/bootstrap-colorpicker.css"/>
  127.             <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
  128.             <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/themes/nano.min.css"/>
  129.  
  130.             <script src="//m.bubble.am/js/jquery.js"></script>
  131.         `);
  132.  
  133.         core = core.replace(/(.*)(bootstrap\.min\.js)(.*)(\n.*){3}/gm, `
  134.             <script src="/js/bootstrap.min.js"></script>
  135.             <script src="//m.bubble.am/js/jquery.lazy.js"></script>
  136.             <script src="/js/jquery.ui.js"></script>
  137.             <script src="/js/bub.js?v=0.2.50"></script>
  138.  
  139.             <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.3/js/bootstrap-colorpicker.min.js" async></script>
  140.             <script src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scrollbar/8.6.2/smooth-scrollbar.min.js" async></script>
  141.             <script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.min.js" async></script>
  142.             <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" async></script>
  143.         `);
  144.  
  145.         core = core.replace(/(d\.onkeydown\s=\sf)([^]*?b\s=\s\!1)([^]*?\}\;)/gm, `
  146.             d.split = function() {
  147.                 ba();
  148.                 K(17);
  149.             }
  150.  
  151.             d.eject = function() {
  152.                 ba();
  153.                 K(21);
  154.             }
  155.  
  156.             d.setCamera = function() {
  157.                 K(18);
  158.             }
  159.  
  160.             d.onkeydown = function(n) {
  161.                 switch (n.keyCode) {
  162.                     case 27: // quit
  163.                         oa(true);
  164.                         break;
  165.  
  166.                     case 13:
  167.                         if (isTyping) {
  168.                             isTyping = false;
  169.                             document.getElementById("chat_textbox").blur();
  170.                             chattxt = document.getElementById("chat_textbox").value;
  171.                             if (chattxt.length > 0) sendChat(chattxt);
  172.                             //document.getElementById("chat_textbox").value = "";
  173.  
  174.                         } else {
  175.                             if (!hasOverlay) {
  176.                                 document.getElementById("chat_textbox").focus();
  177.                                 isTyping = true;
  178.                             }
  179.                         }
  180.                     break;
  181.  
  182.                     case 17:
  183.                             if (!hasOverlay && !isTyping) {
  184.                                 document.getElementById("chat_textbox").value = "/g ";
  185.                                 document.getElementById("chat_textbox").focus();
  186.                                 isTyping = true;
  187.                             }
  188.                     break;
  189.                 }
  190.             };
  191.         `);
  192.  
  193.         core = core.replace(/(\,\sI\:\s)(.*)/, `
  194.             $&
  195.             , counterCache: null
  196.             , motherCache: null
  197.         `);
  198.  
  199.         core = core.replace(/(f.+)(v\[d\]\.)(.*)/, `
  200.             $&
  201.  
  202.             if(window.plus.settings.checkbox.cellsCounter && h.length !== 0) {
  203.                 f.restore();
  204.  
  205.                 let maxCells = '';
  206.  
  207.                 if(window.currentMode() === ':5') {
  208.                     maxCells = '35';
  209.                 } else {
  210.                     maxCells = '16';
  211.                 }
  212.  
  213.                 const playerCells = h.length;
  214.                 const playerCellsText = new Ca(24, '#fff');
  215.                 playerCellsText.u(playerCells + '/' + maxCells);
  216.                 c = playerCellsText.F();
  217.                 a = c.width;
  218.                 
  219.                 f.globalAlpha = .2;
  220.                 f.fillStyle = "#000000";
  221.                 f.fillRect(10, 55, a + 10, 34);
  222.                 f.globalAlpha = 1;
  223.                 f.drawImage(c, 15, 60);
  224.             }
  225.         `);
  226.  
  227.         core = core.replace(/(bb\s\?)(.*)/, `
  228.             if(bb) {
  229.                 a.fillStyle = "#FFFFFF";
  230.                 a.strokeStyle = "#AAAAAA";
  231.                 if(this.f && window.plus.settings.checkbox.transparentVirus === true) a.globalAlpha = 0.2;
  232.             } else {
  233.                 a.fillStyle = this.color;
  234.                 a.strokeStyle = this.color;
  235.                 if(this.f && window.plus.settings.checkbox.transparentVirus === true) a.globalAlpha = 0.2;
  236.             }
  237.         `);
  238.  
  239.         core = core.replace(/(.*)(var\sa\s=\sl\s\/\sg)(.+)(\n.*\n.*)/gm, `
  240.             if(window.plus.settings.checkbox.noGrid === false) {
  241.                 $&
  242.             }
  243.         `);
  244.  
  245.         core = core.replace(/(.*)(m\.color)(.*)/, `
  246.             $&
  247.  
  248.             const amAlive = h.length > 0;
  249.  
  250.             const helpers = window.plus.helpers;
  251.             const settings = window.plus.settings;
  252.             
  253.             if(amAlive && m.name === h[0].name && !m.f && settings.values.cellsColor !== undefined && settings.values.cellsColor !== null && settings.checkbox.customColor === true) {
  254.                 m.color = settings.values.cellsColor;
  255.             }
  256.  
  257.             if(amAlive && !helpers.skin.gidCheck) {
  258.                 helpers.skin.gid = h[0].gid;
  259.                 helpers.skin.gidCheck = true;
  260.             }
  261.  
  262.             if(settings.checkbox.customSkin === true && settings.values.skinUrl !== null && amAlive) {
  263.                 for(let i = 0; i < h.length; i++) {
  264.                     const cell = h[i];
  265.  
  266.                     if(cell.gid !== helpers.skin.skinInd) {
  267.                         cell.gid = helpers.skin.skinInd;
  268.  
  269.                         if(cell.name === '') cell.name = 'enderror';
  270.                     }
  271.                 }
  272.             }
  273.             
  274.             if(settings.checkbox.customSkin === false && amAlive && h[0].gid !== helpers.skin.gid) {
  275.                 for(let i = 0; i < h.length; i++) {
  276.                     const cell = h[i];
  277.  
  278.                     cell.gid = helpers.skin.gid;
  279.                 }
  280.             }
  281.  
  282.         `);
  283.  
  284.         core = core.replace(/(.*)(\(c\s\&\&\sFb.*)(\n.*){35}/gm, `
  285.             const bypassSkin = (window.plus.settings.checkbox.customSkin && window.plus.settings.checkbox.bypassSkin)
  286.             const customSkinGid = (this.gid == 1 || this.gid == 2);
  287.             if (c && (Fb || bypassSkin) && !this.j && ':1' != V && ':3' != V && ':8' != V) {
  288.                 var loadBub = -1;
  289.  
  290.                 if(Fb && this.gid && this.gid > 0) {
  291.                     loadBub = this.gid;
  292.                 } else if(!Fb && this.gid && customSkinGid) {
  293.                     loadBub = this.gid;
  294.                 } else if(Fb) {
  295.                     if(-1 != Jb.indexOf(c)) {
  296.                         loadBub = c;
  297.                     }
  298.                 }
  299.             
  300.                 if (loadBub != -1) {
  301.                     if((Fb || bypassSkin && customSkinGid ) && (!$.hasOwnProperty(c) || $[c].skin != loadBub)) {
  302.                         $[c] = new Image;
  303.  
  304.                         if(loadBub > 100000000 && Fb) {
  305.                             $[c].src = "//bubble.am/skins/custom/" + loadBub + '.png?0.2.50';
  306.                         } else if (loadBub >= 10 && loadBub <= 20 && Fb) {
  307.                             $[c].src = "//bubble.am/img/battle_" + loadBub + '.png?0.2.50';
  308.                         } else if(customSkinGid && (Fb || bypassSkin)) {
  309.                             $[c].src = window.plus.settings.values.skinUrl;
  310.                         } else if(Fb) {
  311.                             $[c].src = "//m.bubble.am/skins/" + loadBub + '.png?0.2.50';
  312.                         }
  313.  
  314.                         $[c].skin = loadBub;
  315.                     }
  316.                     if((Fb || bypassSkin) && (0 != $[c].width && $[c].complete)) {
  317.                         d = $[c];
  318.                     } else {
  319.                         d = null;
  320.                     }
  321.                 } else {
  322.                     d = null;
  323.                 }
  324.             } else {
  325.                 d = null;
  326.             }
  327.         `);
  328.  
  329.         core = core.replace(/(\,\sd\s\=\sthis\.I\,)(.*)/, `
  330.             $&
  331.  
  332.             const settings = window.plus.settings;
  333.             const isMovingMines = window.currentMode() == ':5';
  334.             const isBattle = window.currentMode() == ':11' || window.currentMode() == ':12';
  335.             const isExperimental = window.currentMode() == ':2';
  336.             const isTeams = window.currentMode() == ':3';
  337.             const isTest = window.currentMode() == ':13';
  338.  
  339.             let nc;
  340.             if(settings.checkbox.virusSplitCounter && this.f && this.color !== '#cd5564') {
  341.                 if(this.counterCache === null) {
  342.                     this.counterCache = new Ca(this.i(), '#FFFFFF', !0, "#000000");
  343.                 }
  344.  
  345.                 nc = this.counterCache;
  346.  
  347.                 if(isMovingMines || isExperimental || isTest) {
  348.                     nc.u('0');
  349.                 } else if(isTeams) {
  350.                     switch(true) {
  351.                         case this.size >= 123 && this.size <= 126:
  352.                             nc.u('7');
  353.                             break;
  354.                         
  355.                         case this.size >= 126 && this.size <= 129:
  356.                             nc.u('6');
  357.                             break;
  358.  
  359.                         case this.size >= 129 && this.size <= 134:
  360.                             nc.u('5');
  361.                             break;
  362.  
  363.                         case this.size >= 134 && this.size <= 137:
  364.                             nc.u('4');
  365.                             break;
  366.  
  367.                         case this.size >= 137 && this.size <= 141:
  368.                             nc.u('3');
  369.                             break;
  370.  
  371.                         case this.size >= 142 && this.size <= 145:
  372.                             nc.u('2');
  373.                             break;
  374.  
  375.                         case this.size >= 145 && this.size <= 151:
  376.                             nc.u('1');
  377.                             break;
  378.                         }
  379.                 } else if(isBattle) {
  380.                     switch(true) {
  381.                         case this.size >= 84 && this.size <= 89:
  382.                             nc.u('7');
  383.                             break;
  384.                         
  385.                         case this.size >= 89 && this.size <= 94:
  386.                             nc.u('6');
  387.                             break;
  388.  
  389.                         case this.size >= 94 && this.size <= 99:
  390.                             nc.u('5');
  391.                             break;
  392.  
  393.                         case this.size >= 99 && this.size <= 104:
  394.                             nc.u('4');
  395.                             break;
  396.  
  397.                         case this.size >= 104 && this.size <= 109:
  398.                             nc.u('3');
  399.                             break;
  400.  
  401.                         case this.size >= 109 && this.size <= 115:
  402.                             nc.u('2');
  403.                             break;
  404.  
  405.                         case this.size >= 115 && this.size <= 120:
  406.                             nc.u('1');
  407.                             break;
  408.                         }
  409.                 } else {
  410.                     switch(true) {
  411.                         case this.size >= 114 && this.size <= 119:
  412.                             nc.u('7');
  413.                             break;
  414.                         
  415.                         case this.size >= 119 && this.size <= 123:
  416.                             nc.u('6');
  417.                             break;
  418.  
  419.                         case this.size >= 123 && this.size <= 127:
  420.                             nc.u('5');
  421.                             break;
  422.  
  423.                         case this.size >= 127 && this.size <= 132:
  424.                             nc.u('4');
  425.                             break;
  426.  
  427.                         case this.size >= 132 && this.size <= 136:
  428.                             nc.u('3');
  429.                             break;
  430.  
  431.                         case this.size >= 136 && this.size <= 141:
  432.                             nc.u('2');
  433.                             break;
  434.  
  435.                         case this.size >= 141 && this.size <= 145:
  436.                             nc.u('1');
  437.                             break;
  438.                         }
  439.                 }
  440.  
  441.                 nc.G(this.i());
  442.                 nc.U(4);
  443.  
  444.                 const rn = nc.F();
  445.                 a.drawImage(rn, ~~this.x - ~~(rn.width / 2), ~~this.y - ~~(rn.height / 2));
  446.             }
  447.         `);
  448.  
  449.         core = core.replace(/(.*)(\~\~\(l\s\/\s2\)\,\sf\,\sl\)\;)/, `
  450.             const settings = window.plus.settings;
  451.  
  452.             if(settings.checkbox.hideName && h.length > 0 && this.name === h[0].name) {
  453.                 
  454.             } else {
  455.                 $&
  456.             }
  457.         `);
  458.  
  459.         core = core.replace(/(.*)(chatNick\s\+)(.*)/, `
  460.             const settings = window.plus.settings;
  461.  
  462.             const rawNick = chatNick.replace(/(<([^>]+)>)/ig, '').replace(/(\\[.*?\\])/, '').trim().toLowerCase();
  463.             if(!settings.chat.includes(rawNick)) {
  464.                 $&
  465.             }
  466.         `);
  467.  
  468.         core = core.replace(/(.*)(isUnlimitedZoom)(.*)(\n.*){7}/gm, ``);
  469.  
  470.  
  471.         core = core.replace(/(.*)(\&\&\sGb)(.*)(\n.*){3}/gm, `
  472.             if(0 < this.id && Gb && (d || (0 == h.length || Qd) && (!this.f || this.j) && 80 < this.size)) {
  473.                 if(null == this.I) {
  474.                     this.I = new Ca(this.i() / 2, "#FFFFFF", true, "#000000");
  475.                 }
  476.                 d = this.I;
  477.                 d.G(this.i() / 2);
  478.                 d.u(~~(this.size * this.size / 100));
  479.                 c = Math.ceil(10 * g) / 10;
  480.                 d.U(c);
  481.                 e = d.F();
  482.                 f = ~~(e.width / c);
  483.                 l = ~~(e.height / c);
  484.                 a.drawImage(e, ~~this.x - ~~(f / 2), b - ~~(l / 2), f, l);
  485.             }
  486.  
  487.             if(0 < this.id && window.plus.settings.checkbox.showMotherMass && this.color === '#cd5564') {
  488.                 if(this.motherCache == null) {
  489.                     this.motherCache = new Ca(this.i() / 2, "#FFFFFF", true, "#000000");
  490.                 }
  491.  
  492.                 d = this.motherCache;
  493.                 d.G(this.i());
  494.                 d.u(~~(this.size * this.size / 100));
  495.                 c = Math.ceil(10 * g) / 10;
  496.                 d.U(c);
  497.                 e = d.F();
  498.                 f = ~~(e.width / c);
  499.                 l = ~~(e.height / c);
  500.                 a.drawImage(e, ~~this.x - ~~(f / 2), b - ~~(l / 2), f, l);
  501.             }
  502.         `);
  503.  
  504.         core = core.replace(/(J\.onmousedown)(.*)(\n.*){20}/gm, `
  505.             const helpers = window.plus.helpers;
  506.             J.onmousedown = function(a) {
  507.                 if (db) {
  508.                     var b = a.clientX - (5 + l / 5 / 2)
  509.                         , c = a.clientY - (5 + l / 5 / 2);
  510.                     if (Math.sqrt(b * b + c * c) <= l / 5 / 2) {
  511.                         ba();
  512.                         K(17);
  513.                         return
  514.                     }
  515.                 }
  516.                 if(!helpers.controls.isActiveMovement) {
  517.                     ma = a.clientX;
  518.                     na = a.clientY;
  519.                     Ha();
  520.                     ba()
  521.                 }
  522.             };
  523.             J.onmousemove = function(a) {
  524.                 if(!helpers.controls.isActiveMovement) {
  525.                     ma = a.clientX;
  526.                     na = a.clientY;
  527.  
  528.                     lastacti = Date.now();
  529.                 }
  530.             };
  531.  
  532.             d.goTo = function(x, y) {
  533.                 ma = x;
  534.                 na = y;
  535.             }
  536.         `);
  537.  
  538.         return core;
  539.     }
  540.  
  541.     keydown = (e) => {
  542.         this.controlTypeDown(e);
  543.     }
  544.  
  545.     keyup = (e) => {
  546.         this.controlTypeUp(e);
  547.     }
  548.  
  549.     mousedown = (e) => {
  550.         this.controlTypeDown(e);
  551.     }
  552.  
  553.     mouseup = (e) => {
  554.         this.controlTypeUp(e);
  555.     }
  556.  
  557.     controlTypeDown(e) {
  558.         const settings = window.plus.settings;
  559.         const helpers = window.plus.helpers;
  560.  
  561.         const key = e.which;
  562.         const controls = settings.controls;
  563.         const chat = document.querySelector('#chat_textbox');
  564.  
  565.         if(controls.length === 0) return;
  566.         if(chat === document.activeElement) return;
  567.  
  568.         for(let i = 0; i < controls.length; i++) {
  569.             const control = controls[i];
  570.  
  571.             if(control.keycode == key && !control.disabled) {
  572.                 switch(control.type) {
  573.                     case '1x':
  574.                         if(!helpers.controls.splitSwitch) {
  575.                             helpers.controls.splitSwitch = true;
  576.                             window.split();
  577.                         }
  578.                         break;
  579.  
  580.                     case 'eject':
  581.                         if(!helpers.controls.ejectSwitch) {;
  582.                             helpers.controls.ejectSwitch = true;
  583.                             window.eject();
  584.                         }
  585.                         break;
  586.  
  587.                     case 'setCamera':
  588.                         window.setCamera();
  589.                         break;
  590.         
  591.                     case '2x':
  592.                         if(!helpers.controls.splitSwitch) {
  593.                             helpers.controls.splitSwitch = true;
  594.                             this.split(2);
  595.                         }
  596.                         break;
  597.         
  598.                     case '4x':
  599.                         if(!helpers.controls.splitSwitch) {
  600.                             helpers.controls.splitSwitch = true;
  601.                             this.split(4);
  602.                         }
  603.                         break;
  604.         
  605.                     case '8x':
  606.                         if(!helpers.controls.splitSwitch) {
  607.                             helpers.controls.splitSwitch = true;
  608.                             this.split(8);
  609.                         }
  610.                         break;
  611.         
  612.                     case '16x':
  613.                         if(!helpers.controls.splitSwitch) {
  614.                             helpers.controls.splitSwitch = true;
  615.                             this.split(16);
  616.                         }
  617.                         break;
  618.         
  619.                     case 'holdSplit':
  620.                         if(!helpers.controls.splitSwitch) {
  621.                             helpers.controls.splitSwitch = true;
  622.  
  623.                             helpers.controls.splitInterval = setInterval(() => {
  624.                                 window.split();
  625.                             }, 4);
  626.                         }
  627.                         break;
  628.         
  629.                     case 'holdEject':
  630.                         if(helpers.controls.ejectSwitch) break;
  631.          
  632.                         helpers.controls.ejectSwitch = true;
  633.                         helpers.controls.ejectInterval = setInterval(() => {
  634.                             window.eject();
  635.                         }, 4);
  636.                         break;
  637.         
  638.                     case 'mouseLeft':
  639.                         this.split(1);
  640.                         break;
  641.         
  642.                     case 'mouseRight':
  643.                         this.split(1);
  644.                         break;
  645.         
  646.                     case 'mouseMiddle':
  647.                         this.split(1);
  648.                         break;
  649.         
  650.                     case 'movementUp':
  651.                         this.goTo(3, -0);
  652.  
  653.                         if(!helpers.controls.isActiveMovement) helpers.controls.isActiveMovement = true;
  654.                         helpers.controls.activeMovement['up'] = true;
  655.                         break;
  656.         
  657.                     case 'movementRight':
  658.                         this.goTo(0, 5);
  659.  
  660.                         if(!helpers.controls.isActiveMovement) helpers.controls.isActiveMovement = true;
  661.                         helpers.controls.activeMovement['right'] = true;
  662.                         break;
  663.         
  664.                     case 'movementDown':
  665.                         this.goTo(2, 0.6);
  666.  
  667.                         if(!helpers.controls.isActiveMovement) helpers.controls.isActiveMovement = true;
  668.                         helpers.controls.activeMovement['down'] = true;
  669.                         break;
  670.         
  671.                     case 'movementLeft':
  672.                         this.goTo(-0, 8);
  673.  
  674.                         if(!helpers.controls.isActiveMovement) helpers.controls.isActiveMovement = true;
  675.                         helpers.controls.activeMovement['left'] = true;
  676.                         break;
  677.  
  678.                     case 'hashLogin':
  679.                         this.hashLogin();
  680.                         break;
  681.  
  682.                     case 'hashShow':
  683.                         this.hashShow();
  684.                         break;
  685.                 }
  686.  
  687.                 if(control.type.includes('movement')) {
  688.                     const keys = helpers.controls.activeMovement;
  689.  
  690.                     switch(true) {
  691.                         case keys['left'] && keys['up']:
  692.                             this.goTo(-0, -0);
  693.                             break;
  694.                 
  695.                         case keys['left'] && keys["down"]:
  696.                             this.goTo(-0, 0);
  697.                             break;
  698.                 
  699.                         case keys['up'] && keys['right']:
  700.                             this.goTo(0, -0);
  701.                             break;
  702.                 
  703.                         case keys['down'] && keys['right']:
  704.                             this.goTo(0, 0);
  705.                             break;
  706.                     }
  707.                 }
  708.             }
  709.         }
  710.     }
  711.  
  712.     controlTypeUp(e) {
  713.         const settings = window.plus.settings;
  714.         const helpers = window.plus.helpers;
  715.  
  716.         const key = e.which;
  717.         const controls = settings.controls;
  718.         const chat = document.querySelector('#chat_textbox');
  719.  
  720.         if(controls.length === 0) return;
  721.         if(chat === document.activeElement && helpers.controls.splitSwitch === false && helpers.controls.ejectSwitch === false) return;
  722.  
  723.         for(let i = 0; i < controls.length; i++) {
  724.             const control = controls[i];
  725.  
  726.             if(key == control.keycode && !control.disabled) {
  727.                 switch(control.type) {
  728.                     case '1x':
  729.                         helpers.controls.splitSwitch = false;
  730.                         break;
  731.         
  732.                     case '2x':
  733.                         helpers.controls.splitSwitch = false;
  734.                         break;
  735.         
  736.                     case '4x':
  737.                         helpers.controls.splitSwitch = false;
  738.                         break;
  739.         
  740.                     case '8x':
  741.                         helpers.controls.splitSwitch = false;
  742.                         break;
  743.         
  744.                     case '16x':
  745.                         helpers.controls.splitSwitch = false;
  746.                         break;
  747.  
  748.                     case 'holdSplit':
  749.                         clearInterval(helpers.controls.splitInterval);
  750.                         helpers.controls.splitSwitch = false;
  751.                         break;
  752.  
  753.                     case 'eject':
  754.                         helpers.controls.ejectSwitch = false;
  755.                         break;
  756.         
  757.                     case 'holdEject':
  758.                         clearInterval(window.plus.helpers.controls.ejectInterval);
  759.                         helpers.controls.ejectSwitch = false;
  760.                         break;
  761.  
  762.                     case 'movementUp':
  763.                         if(helpers.controls.isActiveMovement) helpers.controls.isActiveMovement = false;
  764.                         delete helpers.controls.activeMovement['up'];
  765.                         break;
  766.         
  767.                     case 'movementRight':
  768.                         if(helpers.controls.isActiveMovement) helpers.controls.isActiveMovement = false;
  769.                         delete helpers.controls.activeMovement['right'];
  770.                         break;
  771.         
  772.                     case 'movementDown':
  773.                         if(helpers.controls.isActiveMovement) helpers.controls.isActiveMovement = false;
  774.                         delete helpers.controls.activeMovement['down'];
  775.                         break;
  776.         
  777.                     case 'movementLeft':
  778.                         if(helpers.controls.isActiveMovement) helpers.controls.isActiveMovement = false;
  779.                         delete helpers.controls.activeMovement['left'];
  780.                         break;
  781.                 }
  782.             }
  783.         }
  784.     }
  785.  
  786.     split(times) {
  787.         for(let i = 0; i < times; i++) {
  788.             setTimeout(function() {
  789.                 window.split();
  790.             }, 50 * i);
  791.         }
  792.     }
  793.  
  794.     goTo(x, y) {
  795.         x = window.innerWidth / x; y = window.innerHeight / y;
  796.         window.goTo(x, y);
  797.     }
  798.     
  799.     getCookie(name) {
  800.         let v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
  801.         return v ? v[2] : null;
  802.     }
  803.  
  804.     setCookie(name, value, days) {
  805.         const d = new Date;
  806.         d.setTime(d.getTime() + 24*60*60*1000*days);
  807.         document.cookie = name + '=' + value + ';path=/;expires=' + d.toGMTString();
  808.     }
  809.      
  810.     deleteCookie(name) {
  811.         this.setCookie(name, '', -1);
  812.     }
  813.  
  814.     setHash(hash) {
  815.         this.deleteCookie('user_hash');
  816.         this.deleteCookie('PHPSESSID');
  817.         this.setCookie('user_hash', hash, 30);
  818.  
  819.         window.location.reload();
  820.     }
  821.  
  822.     async hashLogin() {
  823.         const { value: hash } = await Swal.fire({
  824.             title: 'Enter your hash',
  825.             input: 'text',
  826.             inputValue: '',
  827.             showCancelButton: true,
  828.             inputValidator: (value) => {
  829.               if(!value) {
  830.                 return 'You need to write something!'
  831.               }
  832.  
  833.               if(value.length !== 40) {
  834.                   return 'The hash length must be 40 characters.'
  835.               }
  836.             }
  837.           })
  838.           
  839.           if(hash) {
  840.             this.setHash(hash);
  841.           }
  842.     }
  843.  
  844.     hashShow() {
  845.         const hash = this.getCookie('user_hash');
  846.  
  847.         if(hash === null) {
  848.             return Swal.fire({
  849.                 icon: 'error',
  850.                 text: 'You must be logged in to your account to view its hash.'
  851.               });
  852.         }
  853.  
  854.         Swal.fire({
  855.             icon: 'info',
  856.             html: `The hash assigned to this account is: <strong>${hash}</strong>.<br><br>Remember to never give it to anyone!`
  857.           });
  858.     }
  859.  
  860.     addEventListeners() {
  861.         document.addEventListener('keydown', this.keydown);
  862.         document.addEventListener('keyup', this.keyup);
  863.         document.addEventListener('mousedown', this.mousedown);
  864.         document.addEventListener('mouseup', this.mouseup); 
  865.  
  866.         document.getElementById('canvas').addEventListener('contextmenu', function(e) {
  867.             e.preventDefault();
  868.         });
  869.     }
  870. }
  871.  
  872. class UI {
  873.     constructor() {
  874.         this.loadCSS();
  875.         this.loadGUI();
  876.         this.loadSettings();
  877.     }
  878.  
  879.     loadCSS() {
  880.         const css = `
  881.             #plusSettingsBtn {
  882.                 float: right;
  883.                 width: 12%;
  884.             }
  885.  
  886.             #plusSettings .modal-body {
  887.                 height: 300px;
  888.                 user-select: none;
  889.             }
  890.  
  891.             #plusSettings .modal-footer {
  892.                 user-select: none;
  893.             }
  894.  
  895.             #plusContent {
  896.                 height: 100%;
  897.             }
  898.  
  899.             #general-content {
  900.                 display: flex;
  901.                 flex-flow: column wrap;
  902.                 height: 160px;
  903.             }
  904.  
  905.             #plusContent .tab-pane {
  906.                 height: 100%;
  907.             }
  908.  
  909.             #plusTabs {
  910.                 text-align: center;
  911.                 border-bottom: none !important;
  912.                 margin-top: 1em;
  913.             }
  914.  
  915.             #plusTabs > li {
  916.                 float: none !important;
  917.                 display: inline-block;
  918.             }
  919.  
  920.             #plusTabs>li.active>a, #plusTabs>li.active>a:hover, #plusTabs>li.active>a:focus {
  921.                 border: none !important;
  922.                 background: #efefef;
  923.                 color: #27272A;
  924.             }
  925.  
  926.             #plusTabs>li>a {
  927.                 border: none !important;
  928.                 border-radius: 4px;
  929.                 color: #5f5f67;
  930.             }
  931.  
  932.             #pLabel {
  933.                 text-align: center;
  934.             }
  935.  
  936.             .plus-checkbox {
  937.                 padding-bottom: 0.5em;
  938.                 width: 50%;
  939.             }
  940.  
  941.             .plus-checkbox label {
  942.                 max-width: 100%;
  943.                 position: relative;
  944.                 display: inline-block;
  945.                 padding-left: 20px;
  946.                 margin-bottom: 0;
  947.                 font-weight: 400;
  948.                 vertical-align: middle;
  949.                 cursor: pointer;
  950.             }
  951.  
  952.             .plus-checkbox input[type=radio], .plus-checkbox input[type=checkbox] {
  953.                 position: absolute;
  954.                 margin-left: -20px;
  955.             }
  956.  
  957.             #skinPanel {
  958.                 float: left;
  959.                 margin-left: 5px;
  960.             }
  961.  
  962.             .skinBtn {
  963.                 margin: 0;
  964.                 padding: 2px 8px;
  965.             }
  966.  
  967.             .plusControls {
  968.                 display: block;
  969.                 height: 210px;
  970.             }
  971.  
  972.             .plusBtn {
  973.                 display: flex;
  974.                 justify-content: space-between;
  975.                 margin-top: 8px;
  976.             }
  977.  
  978.             .plusBtn button {
  979.                 width: 100px;
  980.             }
  981.  
  982.             .plusHeader {
  983.                 display: flex;
  984.                 justify-content: center;
  985.                 width: 100%;
  986.             }
  987.  
  988.             .plusContent {
  989.                 display: flex;
  990.                 flex-flow: column nowrap;
  991.                 height: 210px;
  992.                 padding: 0;
  993.                 margin: 0;
  994.             }
  995.  
  996.             .plusContent li {
  997.                 display: flex;
  998.                 margin: 0 auto;
  999.                 padding: 0.75rem;
  1000.                 width: 300px;
  1001.                 height: 34px;
  1002.                 align-items: center;
  1003.                 justify-content: space-between;
  1004.                 border-radius: 0.375rem;
  1005.                 background: #FAFAFA;
  1006.                 margin-top: 0.525rem;
  1007.             }
  1008.  
  1009.             .controlsContent {
  1010.                 display: flex;
  1011.                 flex-flow: column nowrap;
  1012.                 height: 210px;
  1013.                 padding: 0;
  1014.                 margin: 0;
  1015.             }
  1016.  
  1017.             .controlsContent li {
  1018.                 display: flex;
  1019.                 justify-content: space-around;
  1020.                 align-items: center;
  1021.                 margin-top: 5px;
  1022.             }
  1023.  
  1024.             .emptyPanel {
  1025.                 text-align: center;
  1026.                 padding: 0.5em;
  1027.                 margin: 0.5em;
  1028.             }
  1029.  
  1030.             .delete {
  1031.                 cursor: pointer;
  1032.             }
  1033.  
  1034.             html, 
  1035.             body {
  1036.                 height: 100%;
  1037.             }
  1038.  
  1039.             .main-panel {
  1040.                 margin: 0 2px;
  1041.                 box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
  1042.             }
  1043.  
  1044.             .friends-online {
  1045.                 border-radius: 10px;
  1046.                 box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
  1047.                 border: none;
  1048.             }
  1049.  
  1050.             #playBtn {
  1051.                 width: 74.8% !important;
  1052.             }
  1053.             
  1054.             #playBtn.has-spinner {
  1055.                 width: 62.9% !important;
  1056.             }
  1057.  
  1058.             #playBtn.btn-danger {
  1059.                 width: 75.5% !important;
  1060.             }
  1061.  
  1062.             #spectateBtn {
  1063.                 height: 34px;
  1064.             }
  1065.  
  1066.             table.chat-table {
  1067.                 margin-bottom: 34px !important;
  1068.             }
  1069.  
  1070.             .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  1071.                 outline: none;
  1072.             }
  1073.  
  1074.             .btn-primary {
  1075.                 background-color: #3B82F6;
  1076.                 border: none;
  1077.             }
  1078.          
  1079.             .btn-primary:hover {
  1080.                 background-color: #2563EB;
  1081.             }
  1082.  
  1083.             .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  1084.                 background-color: #2563EB;
  1085.             }
  1086.          
  1087.             .btn-success {
  1088.                 background-color: #22C55E;
  1089.                 border: none;
  1090.             }
  1091.          
  1092.             .btn-success:hover {
  1093.                 background-color: #16A34A;
  1094.             }
  1095.  
  1096.             .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
  1097.                 background-color: #16A34A;
  1098.             }
  1099.          
  1100.             .btn-settings {
  1101.                 float: none !important;
  1102.                 display: inline-block !important;
  1103.                 width: auto !important;
  1104.                 height: auto !important;
  1105.                 border: none;
  1106.                 background-color: #06B6D4;
  1107.             }
  1108.          
  1109.             .btn-settings:hover {
  1110.                 background-color: #0891B2;
  1111.                 border: none;
  1112.             }
  1113.  
  1114.             .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
  1115.                 background-color: #0891B2;
  1116.             }
  1117.          
  1118.             .btn-warning {
  1119.                 background-color: #EAB308;
  1120.                 border: none;
  1121.             }
  1122.          
  1123.             .btn-warning:hover {
  1124.                 background-color: #CA8A04;
  1125.             }
  1126.  
  1127.             .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
  1128.                 background-color: #CA8A04;
  1129.             }
  1130.          
  1131.             .btn-danger {
  1132.                 background-color: #F43F5E;
  1133.                 border: none;
  1134.             }
  1135.          
  1136.             .btn-danger:hover {
  1137.                 background-color: #E11D48;
  1138.             }
  1139.  
  1140.             .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
  1141.                 background-color: #E11D48;
  1142.             }
  1143.  
  1144.             .form-control  {
  1145.                 border: 1px solid #ced4da;
  1146.                 box-shadow: none;
  1147.             }
  1148.  
  1149.             #radio_mode .gm-s {
  1150.                 border: 2px solid #D1D5DB;
  1151.             }
  1152.  
  1153.             #chat_textbox {
  1154.                 border-radius: 0.3em;
  1155.             }
  1156.  
  1157.             .exp-bar {
  1158.                 border: 2px solid #3B82F6;
  1159.             }
  1160.  
  1161.             .exp-bar .progress-bar {
  1162.                 background-color: #60A5FA;
  1163.             }
  1164.  
  1165.             .modal-content {
  1166.                 border: none;
  1167.             }
  1168.  
  1169.             .swal2-popup {
  1170.                 font-size: 1.5rem !important;
  1171.             }
  1172.  
  1173.             .swal2-styled.swal2-confirm {
  1174.                 background-color: #3B82F6 !important;
  1175.             }
  1176.  
  1177.             .swal2-styled.swal2-confirm:focus {
  1178.                 box-shadow: 0 0 0 3px rgb(59 130 246 / 50%) !important;
  1179.             }
  1180.  
  1181.             .pickr {
  1182.                 float: left;
  1183.                 margin-left: 5px;
  1184.             }
  1185.  
  1186.             .pickr .pcr-button {
  1187.                 height: 1.8em;
  1188.                 width: 1.8em;
  1189.             }
  1190.  
  1191.             .pickr .pcr-button:after, .pickr .pcr-button:before {
  1192.                 border: 1px solid #80808060;
  1193.             }
  1194.  
  1195.             .hashLogin {
  1196.                 margin: 0 5px;
  1197.             }
  1198.  
  1199.             li {
  1200.                 list-style-type: none;
  1201.             }
  1202.  
  1203.             @media (min-width: 768px) {
  1204.                 .modal-content {
  1205.                     -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
  1206.                     box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
  1207.                 }
  1208.             }
  1209.  
  1210.             body.dark-mode .plusColor {
  1211.                 background: #27272A;
  1212.             }
  1213.  
  1214.             body.dark-mode .plusColor .pcr-result {
  1215.                 background: #36363a;
  1216.                 color: #c6c6c8;
  1217.             }
  1218.  
  1219.             body.dark-mode .main-panel {
  1220.                 background: #18181B;
  1221.                 color: #c6c6c8;
  1222.             }
  1223.  
  1224.             body.dark-mode .form-control[disabled], body.dark-mode .form-control[readonly], body.dark-mode fieldset[disabled] .form-control {
  1225.                 background: #27272A;
  1226.             }
  1227.  
  1228.             body.dark-mode .form-control {
  1229.                 background: #27272A;
  1230.                 border: none;
  1231.                 color: #c6c6c8;
  1232.             }
  1233.  
  1234.             body.dark-mode #radio_mode .gm-s {
  1235.                 border: 2px solid #5f5f60;
  1236.                 background: #27272A;
  1237.             }
  1238.  
  1239.             body.dark-mode .bb-panel {
  1240.                 background: #18181B;
  1241.             }
  1242.  
  1243.             body.dark-mode .progress {
  1244.                 background: #27272A;
  1245.             }
  1246.  
  1247.             body.dark-mode .dropdown-menu>li>a {
  1248.                 color: #c6c6c8;
  1249.             }
  1250.  
  1251.             body.dark-mode .dropdown-menu {
  1252.                 background: #27272A;
  1253.             }
  1254.  
  1255.             body.dark-mode hr {
  1256.                 border-top: 1px solid #5f5f60;
  1257.             }
  1258.  
  1259.             body.dark-mode .table-striped>tbody>tr:nth-child(odd) {
  1260.                 background: #1f1f21 !important;
  1261.             }
  1262.  
  1263.             body.dark-mode .table-striped>tbody>tr:nth-child(even) {
  1264.                 background-color: #18181B !important;
  1265.             }
  1266.          
  1267.             body.dark-mode .table>thead>tr>th {
  1268.                 border-bottom: 2px solid #5f5f60;
  1269.             }
  1270.  
  1271.             body.dark-mode .table>thead>tr>th, body.dark-mode .table>tbody>tr>th, body.dark-mode .table>tfoot>tr>th, body.dark-mode .table>thead>tr>td, body.dark-mode .table>tbody>tr>td, body.dark-mode .table>tfoot>tr>td {
  1272.                 border-top: none;
  1273.             }
  1274.  
  1275.             body.dark-mode .modal-content {
  1276.                 background: #18181B;
  1277.                 color: #c6c6c8;
  1278.             }
  1279.  
  1280.             body.dark-mode .modal-header {
  1281.                 border-bottom: 1px solid #5f5f60;
  1282.             }
  1283.  
  1284.             body.dark-mode .bub-table-list {
  1285.                 border: 1px solid #353636;
  1286.             }
  1287.  
  1288.             body.dark-mode .modal-footer {
  1289.                 border-top: 1px solid #5f5f60;
  1290.             }
  1291.  
  1292.             body.dark-mode .dropdown-menu>li>a:hover, body.dark-mode .dropdown-menu>li>a:focus {
  1293.                 background: #202023;
  1294.             }
  1295.  
  1296.             body.dark-mode .user-notif div.info {
  1297.                 background: #1f1f21;
  1298.             }
  1299.  
  1300.             body.dark-mode .user-notif div {
  1301.                 border-bottom: none;
  1302.             }
  1303.  
  1304.             body.dark-mode .user-notif div.warning {
  1305.                 background: none;
  1306.                 border-left: 1px solid #F59E0B;            
  1307.             }
  1308.  
  1309.             body.dark-mode .guild-members2 {
  1310.                 border-bottom: 1px solid #5f5f60;
  1311.                 border-top: 1px solid #5f5f60;
  1312.             }
  1313.  
  1314.             body.dark-mode .table>thead>tr>td.warning, body.dark-mode .table>tbody>tr>td.warning, body.dark-mode .table>tfoot>tr>td.warning, body.dark-mode .table>thead>tr>th.warning, body.dark-mode .table>tbody>tr>th.warning, body.dark-mode .table>tfoot>tr>th.warning, body.dark-mode .table>thead>tr.warning>td, body.dark-mode .table>tbody>tr.warning>td, body.dark-mode .table>tfoot>tr.warning>td, body.dark-mode .table>thead>tr.warning>th, body.dark-mode .table>tbody>tr.warning>th, body.dark-mode .table>tfoot>tr.warning>th {
  1315.                 color: #FDE047;
  1316.                 background: none;
  1317.             }
  1318.  
  1319.             body.dark-mode .nav-tabs {
  1320.                 border-bottom: none;
  1321.             }
  1322.  
  1323.             body.dark-mode .nav-tabs>li.active>a, body.dark-mode .nav-tabs>li.active>a:hover, body.dark-mode .nav-tabs>li.active>a:focus {
  1324.                 color: #c6c6c8;
  1325.                 background: #2a2a2d;
  1326.                 border: 1px solid transparent;
  1327.             }
  1328.  
  1329.             body.dark-mode .nav-tabs>li>a {
  1330.                 border-radius: 4px;
  1331.             }
  1332.  
  1333.             body.dark-mode .nav-tabs>li>a:hover {
  1334.                 border-color: transparent;
  1335.             }
  1336.  
  1337.             body.dark-mode .nav>li>a:hover, body.dark-mode .nav>li>a:focus {
  1338.                 background: #212123;
  1339.             }
  1340.  
  1341.             body.dark-mode .guild-members {
  1342.                 border-bottom: 1px solid #5f5f60;
  1343.             }
  1344.  
  1345.             body.dark-mode #tournament-modal .panel-heading {
  1346.                 color: #c6c6c8 !important;
  1347.                 border: none;
  1348.             }
  1349.  
  1350.             body.dark-mode .panel-default>.panel-heading {
  1351.                 background: #18181B;
  1352.             }
  1353.  
  1354.             body.dark-mode .panel {
  1355.                 background: #1f1f21;
  1356.             }
  1357.  
  1358.             body.dark-mode .panel-default {
  1359.                 border-color: transparent;
  1360.             }
  1361.  
  1362.             body.dark-mode #connecting > div {
  1363.                 background: #18181B !important;
  1364.                 color: #c6c6c8;
  1365.             }
  1366.  
  1367.             body.dark-mode #statsChartText, body.dark-mode #statsText {
  1368.                 color: #c6c6c8;
  1369.             }
  1370.          
  1371.             body.dark-mode #statsSubtext {
  1372.                 color: #a5a5a5;
  1373.             }
  1374.  
  1375.             body.dark-mode input.chat {
  1376.                 background: #18181B;
  1377.                 border: none;
  1378.             }
  1379.  
  1380.             body.dark-mode input:focus-visible {
  1381.                 outline: none;
  1382.                 color: #c6c6c8;
  1383.             }
  1384.  
  1385.             body.dark-mode .swal2-popup {
  1386.                 background: #18181B;
  1387.             }
  1388.  
  1389.             body.dark-mode .swal2-title {
  1390.                 color: #c6c6c8;
  1391.             }
  1392.  
  1393.             body.dark-mode .swal2-html-container {
  1394.                 color: #B4B4B5;
  1395.             }
  1396.  
  1397.             body.dark-mode .swal2-input-label {
  1398.                 color: #B4B4B5;
  1399.             }
  1400.  
  1401.             body.dark-mode .swal2-validation-message {
  1402.                 background: #27272A;
  1403.                 color: #c6c6c8;
  1404.             }
  1405.  
  1406.             body.dark-mode .scrollbar-track {
  1407.                 background: transparent;
  1408.             }
  1409.  
  1410.             body.dark-mode .scrollbar-track .show {
  1411.                 opacity: 0;
  1412.             }
  1413.  
  1414.             body.dark-mode .chatUsers li {
  1415.                 background: #27272A;
  1416.             }
  1417.  
  1418.             body.dark-mode .accounts li {
  1419.                 background: #27272A;
  1420.             }
  1421.  
  1422.             body.dark-mode #plusTabs>li.active>a, body.dark-mode #plusTabs>li.active>a:hover, body.dark-mode #plusTabs>li.active>a:focus {
  1423.                 border: none !important;
  1424.                 background: #27272A;
  1425.                 color: #c6c6c8;
  1426.             }
  1427.  
  1428.             body.dark-mode #plusTabs>li>a {
  1429.                 border: none !important;
  1430.                 border-radius: 4px;
  1431.                 color: #a2a2ad;
  1432.             }
  1433.  
  1434.             body.dark-mode .text-muted {
  1435.                 color: #a2a2a2;
  1436.             }
  1437.  
  1438.             body.dark-mode .close {
  1439.                 color: #c6c6c8;
  1440.                 text-shadow: none;
  1441.             }
  1442.  
  1443.             body.dark-mode .scrollbar-thumb {
  1444.                 background: #6B7280;
  1445.             }
  1446.  
  1447.             body.dark-mode ::-webkit-scrollbar {
  1448.                 width: 5px;
  1449.                 height: 5px;
  1450.             }
  1451.          
  1452.             body.dark-mode ::-webkit-scrollbar-button {
  1453.                 width: 0px;
  1454.                 height: 0px;
  1455.             }
  1456.          
  1457.             body.dark-mode ::-webkit-scrollbar-thumb {
  1458.                 background: #71717A;
  1459.                 border: 0px none #ffffff;
  1460.                 border-radius: 50px;
  1461.             }
  1462.          
  1463.             body.dark-mode ::-webkit-scrollbar-thumb:hover {
  1464.                 background: #52525B;
  1465.             }
  1466.          
  1467.             body.dark-mode ::-webkit-scrollbar-thumb:active {
  1468.                 background: #52525B;
  1469.             }
  1470.          
  1471.             body.dark-mode ::-webkit-scrollbar-track {
  1472.                 background: transparent;
  1473.                 border: 0px none #ffffff;
  1474.                 border-radius: 50px;
  1475.             }
  1476.             
  1477.             body.dark-mode ::-webkit-scrollbar-track:hover {
  1478.                 background: transparent;
  1479.             }
  1480.          
  1481.             body.dark-mode ::-webkit-scrollbar-track:active {
  1482.                 background: transparent;
  1483.             }
  1484.          
  1485.             body.dark-mode ::-webkit-scrollbar-corner {
  1486.                 background: transparent;
  1487.             }
  1488.  
  1489.         `;
  1490.  
  1491.         const style = document.createElement('style');
  1492.         style.textContent = css;
  1493.         document.head.append(style);
  1494.     }
  1495.  
  1496.     loadGUI() {
  1497.         $('#formStd h2').html('Bubble.am+').css({'display': 'inline-block', 'margin-right': '0.3em'});
  1498.         $('#formStd h2').after(`<p style="display: inline-block; vertical-align: middle;">${window.plus.version}</p>`)
  1499.         $('.btn-settings').after(`
  1500.             <button id="plusSettingsBtn" onclick="return false;" class="btn btn-danger" data-toggle="modal" data-target=".bs-example-modal-lg">
  1501.                 <i class="fa fa-plus"></i>
  1502.             </button>
  1503.         `);
  1504.         $('#chat_textbox').attr('maxlength', '99');
  1505.  
  1506.         $('#overlays').before(`
  1507.         <div id="plusSettings" class="modal fade" tabindex="-1" role="dialog">
  1508.             <div class="modal-dialog" role="document">
  1509.                 <div class="modal-content">
  1510.                     <div class="modal-header">
  1511.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  1512.                         <h4 class="modal-title" id="pLabel">Bubble.am+ ${window.plus.version}</h4>
  1513.                         <ul id="plusTabs" class="nav nav-tabs" role="tablist">
  1514.                             <li role="presentation" class="active"><a href="#general" aria-controls="general" role="tab" data-toggle="tab">General</a></li>
  1515.                             <li role="presentation"><a href="#controls" aria-controls="controls" role="tab" data-toggle="tab">Controls</a></li>
  1516.                             <li role="presentation"><a href="#chat" aria-controls="chat" role="tab" data-toggle="tab">Chat</a></li>
  1517.                             <li role="presentation"><a href="#accounts" aria-controls="accounts" role="tab" data-toggle="tab">Accounts</a></li>
  1518.                         </ul>
  1519.                     </div>
  1520.                     <div class="modal-body">
  1521.                         <div id="plusContent" class="tab-content">
  1522.                             <div role="tabpanel" class="tab-pane active" id="general"></div>
  1523.                             <div role="tabpanel" class="tab-pane" id="controls"></div>
  1524.                             <div role="tabpanel" class="tab-pane" id="chat"></div>
  1525.                             <div role="tabpanel" class="tab-pane" id="accounts"></div>
  1526.                         </div>
  1527.                     </div>
  1528.                     <div class="modal-footer" style="text-align: center;">
  1529.                         <a href="http://enderror.pl" target="_blank">
  1530.                             <img id="enderror-logo" src="https://i.imgur.com/W7FkCgA.png" style="width: 3em;">
  1531.                         </a>
  1532.                     </div>
  1533.                 </div>
  1534.             </div>
  1535.         </div>
  1536.         `);
  1537.  
  1538.         const plusSettingsBtn = document.querySelector('#plusSettingsBtn');
  1539.         plusSettingsBtn.addEventListener('click', function() {
  1540.             $('#plusSettings').modal('toggle');
  1541.         });
  1542.  
  1543.         this.modsGUI();
  1544.         this.controlsGUI();
  1545.         this.chatGUI();
  1546.         this.accountsGUI();
  1547.  
  1548.         $('#plusSettings').on('shown.bs.modal', () => {
  1549.             $(document).off('focusin.modal');
  1550.         });
  1551.  
  1552.         $('#plusSettings').on('hidden.bs.modal', () => {
  1553.             const settings = Store.getSettings();
  1554.  
  1555.             this.displayControls(settings.controls);
  1556.             this.displayUsers(settings.chat);
  1557.             this.displayAccounts(settings.accounts);
  1558.         });
  1559.  
  1560.         const pickr = new Pickr({
  1561.             el: '#colorMod',
  1562.             theme: 'nano',
  1563.             container: 'body',
  1564.             default: Store.getSettings().values.cellsColor,
  1565.             position: 'right-start',
  1566.             appClass: 'plusColor',
  1567.  
  1568.             swatches: null,
  1569.             components: {
  1570.                 preview: true,
  1571.                 opacity: true,
  1572.                 hue: true,
  1573.         
  1574.                 interaction: {
  1575.                     hex: false,
  1576.                     rgba: false,
  1577.                     hsla: false,
  1578.                     hsva: false,
  1579.                     cmyk: false,
  1580.                     input: true,
  1581.                     clear: false,
  1582.                     save: true
  1583.                 }
  1584.             }
  1585.         });
  1586.      
  1587.         pickr.on('save', (color, instance) => {
  1588.             window.plus.settings.values.cellsColor = color.toRGBA().toString(3);
  1589.             Store.setSettings();
  1590.         });
  1591.  
  1592.         window.Scrollbars = Scrollbar.initAll();
  1593.     }
  1594.  
  1595.     modsGUI() {
  1596.         $('#general').append(`
  1597.             <div id="general-content">
  1598.                 <div class="plus-checkbox">
  1599.                     <label>
  1600.                         <input id="plus_transparentVirus" type="checkbox" onchange="setTransparentVirus($(this).is(':checked'));"> Transparent virus
  1601.                     </label>
  1602.                 </div>
  1603.                 <div class="plus-checkbox">
  1604.                     <label>
  1605.                         <input id="plus_noGrid" type="checkbox" onchange="setNoGrid($(this).is(':checked'));"> No grid
  1606.                     </label>
  1607.                 </div>
  1608.                 <div class="plus-checkbox" style="display: flex; align-items: center;">
  1609.                     <label style="float: left;">
  1610.                         <input id="plus_customColor" type="checkbox" onchange="setCustomColor($(this).is(':checked'));"> Custom cells color
  1611.                     </label>
  1612.                     <div id="colorMod" style="float: left;"></div>
  1613.                 </div>
  1614.                 <div class="plus-checkbox" style="display: flex; align-items: center;">
  1615.                     <label style="float: left;">
  1616.                         <input id="plus_customSkin" type="checkbox" onchange="setCustomSkin($(this).is(':checked'));"> Custom skin
  1617.                     </label>
  1618.                     <div id="skinPanel">
  1619.                         <button id="setSkinBtn" class="btn btn-success skinBtn"><i class="fa fa-plus"></i></button>
  1620.                         <button id="showSkinBtn" class="btn btn-primary skinBtn"><i class="fa fa-eye"></i></button>
  1621.                     </div>
  1622.                 </div>
  1623.                 <div class="plus-checkbox">
  1624.                     <label>
  1625.                         <input id="plus_bypassSkin" type="checkbox" onchange="setBypassSkin($(this).is(':checked'));"> Bypass "No skins"
  1626.                     </label>
  1627.                 </div>
  1628.                 <div class="plus-checkbox">
  1629.                     <label>
  1630.                         <input id="plus_darkMenu" type="checkbox" onchange="setDarkMenu($(this).is(':checked'));"> Dark theme menu
  1631.                     </label>
  1632.                 </div>
  1633.                 <div class="plus-checkbox">
  1634.                     <label>
  1635.                         <input id="plus_virusSplitCounter" type="checkbox" onchange="setVirusSplitCounter($(this).is(':checked'));"> Virus split counter
  1636.                     </label>
  1637.                 </div>
  1638.                 <div class="plus-checkbox">
  1639.                     <label>
  1640.                         <input id="plus_cellsCounter" type="checkbox" onchange="setCellsCounter($(this).is(':checked'));"> Cells counter
  1641.                     </label>
  1642.                 </div>
  1643.                 <div class="plus-checkbox">
  1644.                     <label>
  1645.                         <input id="plus_hideName" type="checkbox" onchange="setHideName($(this).is(':checked'));"> Hide your name
  1646.                     </label>
  1647.                 </div>
  1648.                 <div class="plus-checkbox">
  1649.                     <label>
  1650.                         <input id="plus_showMotherMass" type="checkbox" onchange="setShowMotherMass($(this).is(':checked'));"> Show mother mass
  1651.                     </label>
  1652.                 </div>
  1653.         </div>
  1654.         `);
  1655.  
  1656.         document.querySelector('#setSkinBtn').addEventListener('click', async () => {
  1657.             const { value: skinValue } = await Swal.fire({
  1658.                 title: 'Enter skin url (png, jpg or jpeg)',
  1659.                 input: 'text',
  1660.                 showCancelButton: true,
  1661.                 inputValidator: (value) => {
  1662.                   if(!value) {
  1663.                     return 'You need to write something.'
  1664.                   }
  1665.  
  1666.                   if(!this.isUriImage(value)) {
  1667.                       return 'Your skin url is wrong.'
  1668.                   }
  1669.                 }
  1670.               });
  1671.               
  1672.               if(skinValue) {
  1673.                 Swal.fire({
  1674.                     title: 'Skin has been successfully set.',
  1675.                     imageUrl: skinValue,
  1676.                     imageAlt: 'Skin',
  1677.                 });
  1678.  
  1679.                 const settings = window.plus.settings;
  1680.                 const helpers = window.plus.helpers;
  1681.                   
  1682.                 settings.values.skinUrl = skinValue;
  1683.                 helpers.controls.skinInd == 1 ? helpers.controls.skinInd++ : helpers.controls.skinInd--;
  1684.                 
  1685.                 Store.setSettings();
  1686.               }
  1687.         });
  1688.  
  1689.         document.querySelector('#showSkinBtn').addEventListener('click', async function() {
  1690.             const settings = window.plus.settings;
  1691.  
  1692.             if(typeof(settings.values.skinUrl) === 'string') {
  1693.                 Swal.fire({
  1694.                     title: 'Current skin',
  1695.                     imageUrl: settings.values.skinUrl,
  1696.                     imageAlt: 'Skin',
  1697.                 });
  1698.             } else {
  1699.                 Swal.fire({
  1700.                     title: 'Current skin',
  1701.                     text: 'No skin has been set yet.',
  1702.                 });
  1703.             }
  1704.         });
  1705.     }
  1706.  
  1707.     controlsGUI() {
  1708.         $('#controls').append(`
  1709.             <div class="plusHeader" style="text-align: center; justify-content: space-around;">
  1710.                 <strong style="width: 240px;">Type</strong>
  1711.                 <strong style="width: 200px; padding-left: 10px;">Key</strong>
  1712.                 <strong style="width: 60px;">Disabled</strong>
  1713.                 <strong style="width: 40px;"></strong>
  1714.             </div>
  1715.             <div class="plusContent-wrapper" data-scrollbar>
  1716.                 <ul class="controlsContent controls"></ul>
  1717.             </div>
  1718.             <div class="plusBtn">
  1719.                 <button class="btn btn-warning controlsDefault">Load default</button>
  1720.                 <button class="btn btn-danger controlsDelete">Delete all</button>
  1721.                 <button class="btn btn-success controlsNew">Add new</button>
  1722.                 <button class="btn btn-primary controlsSave">Save</button>
  1723.             </div>
  1724.         `);
  1725.  
  1726.         $('.controls').on('click', (e) => {
  1727.             if(!e.target.className.includes('delete')) return;
  1728.  
  1729.             const controlsLength = $('.controls li').length;
  1730.             const hasEmpty = $('.controls').find('.emptyPanel').length === 1;
  1731.  
  1732.             if(controlsLength === 1) {
  1733.                 this.displayEmpty('.controls', 'controls');
  1734.             }
  1735.  
  1736.             if(controlsLength !== 1 && hasEmpty) {
  1737.                 $('.controls .emptyPanel').remove();
  1738.             }
  1739.  
  1740.             e.target.parentElement.remove();
  1741.         });
  1742.  
  1743.         $('.controlsDefault').on('click', () => {
  1744.             const defaultSettings = window.plus.defaultSettings;
  1745.  
  1746.             $('.plusControls tbody').html('');
  1747.  
  1748.             this.displayControls(defaultSettings.controls);
  1749.         });
  1750.  
  1751.         $('.controlsDelete').on('click', () => {
  1752.             this.displayEmpty('.controls', 'controls');
  1753.         });
  1754.  
  1755.         $('.controlsNew').on('click', () => {
  1756.             this.addControl();
  1757.         });
  1758.  
  1759.         $('.controlsSave').on('click', () => {
  1760.             const newControls = [];
  1761.             const actualControls = document.querySelectorAll('.controls li');
  1762.             const settings = window.plus.settings;
  1763.  
  1764.             for(let i = 0; i < actualControls.length; i++) {
  1765.                 const li = actualControls[i];
  1766.                 const select = li.querySelectorAll('select');
  1767.                 const checkbox = li.querySelector('input');
  1768.  
  1769.                 const controlType = select[0].value;
  1770.                 const controlKey = select[1].value;
  1771.                 const controlDisabled = checkbox.checked;
  1772.  
  1773.                 newControls.push({
  1774.                     type: controlType,
  1775.                     keycode: controlKey,
  1776.                     disabled: controlDisabled
  1777.                 });
  1778.             }
  1779.  
  1780.             settings.controls = newControls;
  1781.             Store.setSettings();
  1782.  
  1783.             Swal.fire({
  1784.                 icon: 'success',
  1785.                 title: 'Success!',
  1786.                 text: 'Your new controls configuration has been successfully saved.'
  1787.           });
  1788.         });
  1789.     }
  1790.  
  1791.     addControl() {
  1792.         const controlsTemplate = `
  1793.             <li>
  1794.                 <select class="form-control" style="border-radius:4px; width: 15em;">
  1795.                     <option value="1x" selected="selected">Split</option>
  1796.                     <option value="eject">Eject</option>
  1797.                     <option value="setCamera">Lock/unlock camera [spectate]</option>
  1798.                     <option value="2x">2x split</option>
  1799.                     <option value="4x">4x split</option>
  1800.                     <option value="8x">8x split</option>
  1801.                     <option value="16x">16x split</option>
  1802.                     <option value="holdSplit">Hold split</option>
  1803.                     <option value="holdEject">Hold eject</option>
  1804.                     <option value="movementUp">Movement up</option>
  1805.                     <option value="movementRight">Movement right</option>
  1806.                     <option value="movementDown">Movement down</option>
  1807.                     <option value="movementLeft">Movement left</option>
  1808.                     <option value="hashLogin">Login by hash</option>
  1809.                     <option value="hashShow">Show hash</option>
  1810.                 </select>
  1811.                 <select class="form-control" style="border-radius:4px; width: 12em;">
  1812.                     <option value="1">Left Click</option>
  1813.                     <option value="2">Scroll Click</option>
  1814.                     <option value="3">Right Click</option>
  1815.                     <option value="9">Tab</option>
  1816.                     <option value="12">Clear</option>
  1817.                     <option value="13">Enter</option>
  1818.                     <option value="16">Shift</option>
  1819.                     <option value="17">Ctrl</option>
  1820.                     <option value="18">Alt</option>
  1821.                     <option value="27">Esc</option>
  1822.                     <option value="32" selected="selected">Space</option>
  1823.                     <option value="33">Page Up</option>
  1824.                     <option value="34">Page Down</option>
  1825.                     <option value="35">End</option>
  1826.                     <option value="36">Home</option>
  1827.                     <option value="37">Left Arrow</option>
  1828.                     <option value="38">Up Arrow</option>
  1829.                     <option value="39">Right Arrow</option>
  1830.                     <option value="40">Down Arrow</option>
  1831.                     <option value="45">Insert</option>
  1832.                     <option value="46">Delete</option>
  1833.                     <option value="48">0</option>
  1834.                     <option value="49">1</option>
  1835.                     <option value="50">2</option>
  1836.                     <option value="51">3</option>
  1837.                     <option value="52">4</option>
  1838.                     <option value="53">5</option>
  1839.                     <option value="54">6</option>
  1840.                     <option value="55">7</option>
  1841.                     <option value="56">8</option>
  1842.                     <option value="57">9</option>
  1843.                     <option value="65">A</option>
  1844.                     <option value="66">B</option>
  1845.                     <option value="67">C</option>
  1846.                     <option value="68">D</option>
  1847.                     <option value="69">E</option>
  1848.                     <option value="70">F</option>
  1849.                     <option value="71">G</option>
  1850.                     <option value="72">H</option>
  1851.                     <option value="73">I</option>
  1852.                     <option value="74">J</option>
  1853.                     <option value="75">K</option>
  1854.                     <option value="76">L</option>
  1855.                     <option value="77">M</option>
  1856.                     <option value="78">N</option>
  1857.                     <option value="79">O</option>
  1858.                     <option value="80">P</option>
  1859.                     <option value="81">Q</option>
  1860.                     <option value="82">R</option>
  1861.                     <option value="83">S</option>
  1862.                     <option value="84">T</option>
  1863.                     <option value="85">U</option>
  1864.                     <option value="86">V</option>
  1865.                     <option value="87">W</option>
  1866.                     <option value="88">X</option>
  1867.                     <option value="89">Y</option>
  1868.                     <option value="90">Z</option>
  1869.                     <option value="96">Numpad 0</option>
  1870.                     <option value="97">Numpad 1</option>
  1871.                     <option value="98">Numpad 2</option>
  1872.                     <option value="99">Numpad 3</option>
  1873.                     <option value="100">Numpad 4</option>
  1874.                     <option value="101">Numpad 5</option>
  1875.                     <option value="102">Numpad 6</option>
  1876.                     <option value="103">Numpad 7</option>
  1877.                     <option value="104">Numpad 8</option>
  1878.                     <option value="105">Numpad 9</option>
  1879.                     <option value="106">Numpad *</option>
  1880.                     <option value="107">Numpad +</option>
  1881.                     <option value="109">Numpad -</option>
  1882.                     <option value="110">Numpad .</option>
  1883.                     <option value="111">Numpad /</option>
  1884.                     <option value="112">F1</option>
  1885.                     <option value="113">F2</option>
  1886.                     <option value="114">F3</option>
  1887.                     <option value="115">F4</option>
  1888.                     <option value="116">F5</option>
  1889.                     <option value="117">F6</option>
  1890.                     <option value="118">F7</option>
  1891.                     <option value="119">F8</option>
  1892.                     <option value="120">F9</option>
  1893.                     <option value="121">F10</option>
  1894.                     <option value="122">F11</option>
  1895.                     <option value="123">F12</option>
  1896.                     <option value="124">F13</option>
  1897.                     <option value="125">F14</option>
  1898.                     <option value="126">F15</option>
  1899.                     <option value="127">F16</option>
  1900.                     <option value="128">F17</option>
  1901.                     <option value="129">F18</option>
  1902.                     <option value="130">F19</option>
  1903.                     <option value="131">F20</option>
  1904.                     <option value="132">F21</option>
  1905.                     <option value="133">F22</option>
  1906.                     <option value="134">F23</option>
  1907.                     <option value="135">F24</option>
  1908.                     <option value="186">;</option>
  1909.                     <option value="187">=</option>
  1910.                     <option value="188">,</option>
  1911.                     <option value="189">-</option>
  1912.                     <option value="190">.</option>
  1913.                     <option value="191">/</option>
  1914.                     <option value="192">&#96;</option>
  1915.                     <option value="219">[</option>
  1916.                     <option value="220">&#92;</option>
  1917.                     <option value="221">]</option>
  1918.                     <option value="222">'</option>
  1919.                 </select>
  1920.                 <input type="checkbox" style="margin: 0;">
  1921.                 <i class="fa fa-remove delete"></i>
  1922.             </li>
  1923.         `;
  1924.  
  1925.         const hasEmpty = $('.controls').find('.emptyPanel').length === 1;
  1926.         if(hasEmpty) {
  1927.             $('.controls .emptyPanel').remove();
  1928.         }
  1929.  
  1930.         $('.controls').append(controlsTemplate);
  1931.         this.fixScrollbar(window.Scrollbars[0]);
  1932.     }
  1933.  
  1934.     displayControls(settings) {
  1935.         if(settings.length === 0) {
  1936.             return this.displayEmpty('.controls', 'controls');
  1937.         };
  1938.  
  1939.         $('.controls').html('');
  1940.  
  1941.         for(let i = 0; i < settings.length; i++) {
  1942.             const setting = settings[i];
  1943.             
  1944.             this.addControl();
  1945.  
  1946.             const li = document.querySelectorAll('.controls li')[i];
  1947.             const select = li.querySelectorAll('select');
  1948.             const checkbox = li.querySelector('input');
  1949.  
  1950.             select[0].value = setting.type;
  1951.             select[1].value = setting.keycode;
  1952.             checkbox.checked = setting.disabled;
  1953.         }
  1954.     }
  1955.  
  1956.     chatGUI() {
  1957.         $('#chat').append(`
  1958.             <div class="plusHeader">
  1959.                 <strong>Blocked users</strong>
  1960.             </div>
  1961.             <div class="plusContent-wrapper" data-scrollbar>
  1962.                 <ul class="plusContent chatUsers"></ul>
  1963.             </div>
  1964.             <div class="plusBtn">
  1965.                 <button class="btn btn-danger chatDelete">Delete all</button>
  1966.                 <button class="btn btn-success chatNew">Add new</button>
  1967.                 <button class="btn btn-primary chatSave">Save</button>
  1968.             </div>
  1969.         `);
  1970.  
  1971.         $('.chatUsers').on('click', (e) => {
  1972.             if(!e.target.className.includes('delete')) return;
  1973.  
  1974.             const chatLength = $('.chatUsers li').length;
  1975.             const hasEmpty = $('.chatUsers').find('.emptyPanel').length === 1;
  1976.  
  1977.             if(chatLength === 1) {
  1978.                 this.displayEmpty('.chatUsers', 'users');
  1979.             }
  1980.  
  1981.             if(chatLength !== 1 && hasEmpty) {
  1982.                 $('.chatUsers .emptyPanel').remove();
  1983.             }
  1984.  
  1985.             e.target.parentElement.remove();
  1986.         });
  1987.  
  1988.         $('.chatDelete').on('click', () => {
  1989.             this.displayEmpty('.chatUsers', 'users');
  1990.         });
  1991.  
  1992.         $('.chatNew').on('click', async () => {
  1993.             let { value: playerNick } = await Swal.fire({
  1994.                 title: 'Player nickname',
  1995.                 text: 'You don\'t need to specify a clan tag.',
  1996.                 input: 'text',
  1997.                 inputValue: '',
  1998.                 showCancelButton: true,
  1999.                 inputValidator: (value) => {
  2000.                   if(!value) {
  2001.                     return 'You need to write something!'
  2002.                   }
  2003.     
  2004.                   if(value.length > 15) {
  2005.                       return 'Player nickname cannot be longer than 15 characters.'
  2006.                   }
  2007.     
  2008.                   const currentUsers = this.getCurrentUsers();
  2009.                   if(currentUsers.includes(value.toLowerCase())) {
  2010.                     return 'This user is already on the list.';
  2011.                   }
  2012.                 }
  2013.               });
  2014.               
  2015.             if(playerNick) {
  2016.                 this.addUser(playerNick);
  2017.             }
  2018.         });
  2019.  
  2020.         $('.chatSave').on('click', () => {
  2021.             const newChat = [];
  2022.             const actualChat = document.querySelectorAll('.chatUsers li');
  2023.             const settings = window.plus.settings;
  2024.  
  2025.             for(let i = 0; i < actualChat.length; i++) {
  2026.                 const li = actualChat[i];
  2027.                 const playerNick = li.querySelectorAll('span')[0].innerHTML;
  2028.  
  2029.                 newChat.push(playerNick.toLowerCase());
  2030.             }
  2031.  
  2032.             settings.chat = newChat;
  2033.             Store.setSettings();
  2034.  
  2035.             Swal.fire({
  2036.                 icon: 'success',
  2037.                 title: 'Success!',
  2038.                 text: 'Your new chat configuration has been successfully saved.'
  2039.           });
  2040.         });
  2041.     }
  2042.  
  2043.     addUser(name) {
  2044.         const hasEmpty = $('.chatUsers').find('.emptyPanel').length === 1;
  2045.         if(hasEmpty) {
  2046.             $('.chatUsers .emptyPanel').remove();
  2047.         }
  2048.  
  2049.         $('.chatUsers').append(`
  2050.             <li>
  2051.                 <span>${name.toLowerCase()}</span>
  2052.                 <i class="fa fa-remove delete"></i>
  2053.             </li>
  2054.         `);
  2055.  
  2056.         this.fixScrollbar(window.Scrollbars[1]);
  2057.     }
  2058.  
  2059.     getCurrentUsers() {
  2060.         const currentUsers = document.querySelectorAll('.chatUsers li');
  2061.         const nicks = [];
  2062.  
  2063.         for(let i = 0; i < currentUsers.length; i++) {
  2064.             const user = currentUsers[i];
  2065.             const nick = user.querySelectorAll('span')[0].innerHTML.toLowerCase();
  2066.  
  2067.             nicks.push(nick);
  2068.         }
  2069.  
  2070.         return nicks;
  2071.     }
  2072.  
  2073.     displayUsers(users) {
  2074.         if(users.length === 0) {
  2075.             return this.displayEmpty('.chatUsers', 'users');
  2076.         }
  2077.  
  2078.         $('.chatUsers').html('');
  2079.  
  2080.         for(let i = 0; i < users.length; i++) {
  2081.             const playerNick = users[i];
  2082.  
  2083.             this.addUser(playerNick);
  2084.         }
  2085.     }
  2086.  
  2087.     accountsGUI() {
  2088.         $('#accounts').append(`
  2089.             <div class="plusHeader">
  2090.                 <strong>Your accounts</strong>
  2091.             </div>
  2092.             <div class="plusContent-wrapper" data-scrollbar>
  2093.                 <ul class="plusContent accounts"></ul>
  2094.             </div>
  2095.             <div class="plusBtn">
  2096.                 <button class="btn btn-danger accountsDelete">Delete all</button>
  2097.                 <button class="btn btn-success accountsNew">Add new</button>
  2098.                 <button class="btn btn-primary accountsSave">Save</button>
  2099.             </div>
  2100.         `);
  2101.  
  2102.         $('.accounts').on('click', (e) => {
  2103.             if(!e.target.className.includes('delete')) return;
  2104.  
  2105.             const accountsLength = $('.accounts li').length;
  2106.             const hasEmpty = $('.accounts').find('.emptyPanel').length === 1;
  2107.  
  2108.             if(accountsLength === 1) {
  2109.                 this.displayEmpty('.accounts', 'accounts');
  2110.             }
  2111.  
  2112.             if(accountsLength !== 1 && hasEmpty) {
  2113.                 $('.accounts .emptyPanel').remove();
  2114.             }
  2115.  
  2116.             e.target.parentElement.remove();
  2117.         });
  2118.  
  2119.         $('.accountsDelete').on('click', () => {
  2120.             this.displayEmpty('.accounts', 'accounts');
  2121.         });
  2122.  
  2123.         $('.accountsNew').on('click', async () => {
  2124.             const {value: account} = await Swal.fire({
  2125.                 title: 'Add account',
  2126.                 html: `
  2127.                   <input id="name" class="swal2-input" placeholder="Name" maxlength="15">
  2128.                   <input id="hash" class="swal2-input" placeholder="Hash" maxlength="40">
  2129.                 `,
  2130.                 focusConfirm: false,
  2131.                 preConfirm: () => {
  2132.                     const name = document.getElementById('name').value.trim();
  2133.                     const hash = document.getElementById('hash').value.trim();
  2134.     
  2135.                     const currentAccounts = this.getCurrentAccounts();
  2136.                     const currentNames = currentAccounts.names;
  2137.                     const currentHashes = currentAccounts.hashes;
  2138.     
  2139.                     if(name.length === 0 || hash.length === 0) {
  2140.                         return Swal.showValidationMessage('You must complete all fields.');
  2141.                     }
  2142.     
  2143.                     if(hash.length !== 40) {
  2144.                         return Swal.showValidationMessage('The hash length must be 40 characters.');
  2145.                     }
  2146.     
  2147.                     if(currentNames.includes(name.toLowerCase()) || currentHashes.includes(hash)) {
  2148.                         return Swal.showValidationMessage('The name or hash is already on the list.');
  2149.                     }
  2150.     
  2151.                     return {
  2152.                         name,
  2153.                         hash
  2154.                     }
  2155.                 }
  2156.               });
  2157.     
  2158.             if(account) {
  2159.                 this.addAccount(account.name, account.hash);
  2160.             }
  2161.         });
  2162.  
  2163.         $('.accountsSave').on('click', () => {
  2164.             const newAccounts = [];
  2165.             const actualAccounts = document.querySelectorAll('.accounts li');
  2166.             const settings = window.plus.settings;
  2167.  
  2168.             for(let i = 0; i < actualAccounts.length; i++) {
  2169.                 const li = actualAccounts[i];
  2170.                 const accountName = li.querySelectorAll('span')[0].innerHTML;
  2171.                 const accountHash = li.dataset.hash;
  2172.  
  2173.                 newAccounts.push({
  2174.                     name: accountName,
  2175.                     hash: accountHash
  2176.                 });
  2177.             }
  2178.  
  2179.             settings.accounts = newAccounts;
  2180.             Store.setSettings();
  2181.  
  2182.             Swal.fire({
  2183.                 icon: 'success',
  2184.                 title: 'Success!',
  2185.                 text: 'Your new accounts configuration has been successfully saved.'
  2186.           });
  2187.         });
  2188.     }
  2189.  
  2190.     addAccount(name, hash) {
  2191.         const hasEmpty = $('.accounts').find('.emptyPanel').length === 1;
  2192.         if(hasEmpty) {
  2193.             $('.accounts .emptyPanel').remove();
  2194.         }
  2195.  
  2196.         $('.accounts').append(`
  2197.             <li data-hash="${hash}">
  2198.                 <span>${name}</span>
  2199.                 <div>
  2200.                     <span class="hashLogin" style="cursor: pointer;" onclick="window.plus.setHash($(this).parent().parent().data('hash'));">
  2201.                         <i class="fa fa-arrow-right"></i>
  2202.                     </span>
  2203.                     <span class="delete" style="cursor: pointer;" onclick="$(this).parent().parent().remove();">
  2204.                         <i class="fa fa-remove"></i>
  2205.                     </span>
  2206.                 </div>
  2207.             </li>
  2208.         `);
  2209.  
  2210.         this.fixScrollbar(window.Scrollbars[2]);
  2211.     }
  2212.  
  2213.     displayAccounts(accounts) {
  2214.         if(accounts.length === 0) {
  2215.             return this.displayEmpty('.accounts', 'accounts');
  2216.         }
  2217.  
  2218.         $('.accounts').html('');
  2219.  
  2220.         for(const account in accounts) {
  2221.             const { name, hash } = accounts[account];
  2222.             
  2223.             this.addAccount(name, hash);
  2224.         }
  2225.     }
  2226.  
  2227.     getCurrentAccounts() {
  2228.         const currentAccounts = document.querySelectorAll('.accounts li');
  2229.  
  2230.         const accounts = [];
  2231.         const names = [];
  2232.         const hashes = [];
  2233.  
  2234.         for(let i = 0; i < currentAccounts.length; i++) {
  2235.             const account = currentAccounts[i];
  2236.             const name = account.querySelectorAll('span')[0].innerHTML.toLowerCase();
  2237.             const hash = account.dataset.hash;
  2238.  
  2239.             accounts.push({
  2240.                 name,
  2241.                 hash
  2242.             });
  2243.  
  2244.             names.push(name);
  2245.             hashes.push(hash);
  2246.         }
  2247.  
  2248.         return {
  2249.             accounts,
  2250.             names,
  2251.             hashes
  2252.         }
  2253.     }
  2254.  
  2255.     loadSettings() {
  2256.         const settings = Store.getSettings();
  2257.  
  2258.         window.plus.settings = settings;
  2259.  
  2260.         for(const checkbox in settings.checkbox) {
  2261.             const name = checkbox;
  2262.             const value = settings.checkbox[checkbox];
  2263.  
  2264.             $(`#plus_${name}`).prop('checked', value).change();
  2265.         }
  2266.  
  2267.         this.displayControls(settings.controls);
  2268.         this.displayUsers(settings.chat);
  2269.         this.displayAccounts(settings.accounts);
  2270.     }
  2271.  
  2272.     displayEmpty(element, text) {
  2273.         $(element).html(`<div class="emptyPanel">There are currently no ${text} in this panel.</div>`);
  2274.     }
  2275.  
  2276.     fixScrollbar(scrollbar) {
  2277.         scrollbar.update();
  2278.  
  2279.         const limitY = scrollbar.limit.y;
  2280.         scrollbar.setPosition(0, limitY);
  2281.     }
  2282.  
  2283.     isUriImage = function(uri) {
  2284.         uri = uri.split('?')[0];
  2285.         const parts = uri.split('.');
  2286.         const extension = parts[parts.length - 1];
  2287.         const imageTypes = ['png', 'jpg', 'jpeg'];
  2288.         if(imageTypes.indexOf(extension) !== -1) {
  2289.             return true;   
  2290.         }
  2291.     }
  2292. }
  2293.  
  2294. class Store {
  2295.     static getSettings() {
  2296.         let settings;
  2297.         if(localStorage.getItem('plus_settings') === null) {
  2298.             this.setSettings();
  2299.         }
  2300.  
  2301.         settings = JSON.parse(localStorage.getItem('plus_settings'));
  2302.  
  2303.         return settings;
  2304.     }
  2305.  
  2306.     static setSettings() {
  2307.         localStorage.setItem('plus_settings', JSON.stringify(window.plus.settings));
  2308.     }
  2309. }
  2310.  
  2311. window.modLoaded = false;
  2312.  
  2313. window.setCustomColor = function(a) {
  2314.     window.plus.settings.checkbox.customColor = a;
  2315.     Store.setSettings();
  2316. }
  2317.  
  2318. window.setTransparentVirus = function(a) {
  2319.     window.plus.settings.checkbox.transparentVirus = a;
  2320.     Store.setSettings();
  2321. }
  2322.  
  2323. window.setCustomSkin = function(a) {
  2324.     window.plus.settings.checkbox.customSkin = a;
  2325.     Store.setSettings();
  2326. }
  2327.  
  2328. window.setBypassSkin = function(a) {
  2329.     window.plus.settings.checkbox.bypassSkin = a;
  2330.     Store.setSettings();
  2331. }
  2332.  
  2333. window.setNoGrid = function(a) {
  2334.     window.plus.settings.checkbox.noGrid = a;
  2335.     Store.setSettings();
  2336. }
  2337.  
  2338. window.setDarkMenu = function(a) {
  2339.     window.plus.settings.checkbox.darkMenu = a;
  2340.     if(a === true) {
  2341.         $('body').addClass('dark-mode');
  2342.         $('#enderror-logo').attr('src', 'https://i.imgur.com/ewMCLSe.png'); 
  2343.     } else {
  2344.         $('body').removeClass('dark-mode')
  2345.         $('#enderror-logo').attr('src', 'https://i.imgur.com/W7FkCgA.png'); 
  2346.     }
  2347.  
  2348.     Store.setSettings();
  2349. }
  2350.  
  2351. window.setVirusSplitCounter = function(a) {
  2352.     window.plus.settings.checkbox.virusSplitCounter = a;
  2353.     Store.setSettings();
  2354. }
  2355.  
  2356. window.setCellsCounter = function(a) {
  2357.     window.plus.settings.checkbox.cellsCounter = a;
  2358.     Store.setSettings();
  2359. }
  2360.  
  2361. window.setHideName = function(a) {
  2362.     window.plus.settings.checkbox.hideName = a;
  2363.     Store.setSettings();
  2364. }
  2365.  
  2366. window.setShowMotherMass = function(a) {
  2367.     window.plus.settings.checkbox.showMotherMass = a;
  2368.     Store.setSettings();
  2369. }
  2370.  
  2371. window.plus = new Plus();