☰

Updated LineSplit Overlay

Updated script

// ==UserScript==
// @name         Updated LineSplit Overlay
// @version      0.2
// @match        *://agma.io/**
// @icon         https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTv_oPtTEDVaJVPML0eNqjCyQG9xWdjTU53ww&s
// @grant        unsafeWindow
// @run-at       document-start
// @namespace    Brr bad boni beibe
// @description  Updated script
// ==/UserScript==

// Edited & Fixed By Rage

var toggled = false;
const KEY_TABLE = { 0: "", 8: "BACKSPACE", 9: "TAB", 12: "CLEAR", 13: "ENTER", 16: "SHIFT", 17: "CTRL", 18: "ALT", 19: "PAUSE", 20: "CAPSLOCK", 27: "ESC", 32: "SPACE", 33: "PAGEUP", 34: "PAGEDOWN", 35: "END", 36: "HOME", 37: "LEFT", 38: "UP", 39: "RIGHT", 40: "DOWN", 44: "PRTSCN", 45: "INS", 46: "DEL", 65: "A", 66: "B", 67: "C", 68: "D", 69: "E", 70: "F", 71: "G", 72: "H", 73: "I", 74: "J", 75: "K", 76: "L", 77: "M", 78: "N", 79: "O", 80: "P", 81: "Q", 82: "R", 83: "S", 84: "T", 85: "U", 86: "V", 87: "W", 88: "X", 89: "Y", 90: "Z", 91: "WIN", 92: "WIN", 93: "CONTEXTMENU", 96: "NUM 0", 97: "NUM 1", 98: "NUM 2", 99: "NUM 3", 100: "NUM 4", 101: "NUM 5", 102: "NUM 6", 103: "NUM 7", 104: "NUM 8", 105: "NUM 9", 106: "NUM *", 107: "NUM +", 109: "NUM -", 110: "NUM .", 111: "NUM /", 144: "NUMLOCK", 145: "SCROLLLOCK", 220: "BACKQUOTE" };
class Settings {
   constructor(name, default_value) {
      this.settings = {};
      this.name = name;
      this.load(default_value);
   }
   load(default_value) {
      let raw_settings = localStorage.getItem(this.name);
      this.settings = Object.assign({}, default_value, this.settings, JSON.parse(raw_settings));
   }
   save() {
      localStorage.setItem(this.name, JSON.stringify(this.settings));
   }
   set(key, value) {
      if (value === undefined) {
         this.settings = key;
      } else {
         this.settings[key] = value;
      }
      this.save();
   }
   get(key) {
      if (key === undefined) {
         return this.settings;
      } else {
         return this.settings[key];
      }
   }
}

let settings = new Settings("linesplit_overlay_ed", {
   enabled: false,
   binding: 220
});

let current_key = false, pressing = false;

window.addEventListener('load', (event) => {

   let [w, h] = [, window.innerHeight];

   $("body").append(`<div id="linesplit_overlay" style="z-index: 999999999;display: none">
<div id="point-top" style="border: 2px solid white; border-radius: 50%; width: 10px; height: 10px; position: fixed; left: ${window.innerWidth / 2}px; top: ${0}px; transform: translate(-50%, -50%);"></div>
<div id="point-right" style="border: 2px solid white; border-radius: 50%; width: 10px; height: 10px; position: fixed; left: ${window.innerWidth}px; top: ${window.innerHeight / 2}px; transform: translate(-50%, -50%);"></div>
<div id="point-bottom" style="border: 2px solid white; border-radius: 50%; width: 10px; height: 10px; position: fixed; left: ${window.innerWidth / 2}px; top: ${window.innerHeight}px; transform: translate(-50%, -50%);"></div>
<div id="point-left" style="border: 2px solid white; border-radius: 50%; width: 10px; height: 10px; position: fixed; left: ${0}px; top: ${window.innerHeight / 2}px; transform: translate(-50%, -50%);"></div>
</div>`);


$("#settingTab3,.rab-radius").click(function(e) {
    $("#roleSettings").css("display", "block");
    $("#cLinesplitOverlay").removeAttr("disabled").parent().parent().css("display", "block");
});

})

document.addEventListener("keydown", event => {
if (event.keyCode == 220) {
      $("#linesplit_overlay").css("display", toggled ? "none" : "block");

      toggled = !toggled
    const isEnabled = !settings.get("enabled")
    settings.set("enabled", isEnabled);
}
});


$(window).resize(function (e) {
   let [w, h] = [window.innerWidth, window.innerHeight];
   $("#point-top").css("left", `${window.innerWidth / 2}px`).css("top", `${0}px`);
   $("#point-right").css("left", `${window.innerWidth}px`).css("top", `${window.innerHeight / 2}px`);
   $("#point-bottom").css("left", `${window.innerWidth / 2}px`).css("top", `${window.innerHeight}px`);
   $("#point-left").css("left", `${0}px`).css("top", `${window.innerHeight / 2}px`);
});