☰

Miracle Scripts

Bookmark your favorite skins! Go crazy with cell animations! Improved chatlog! Dance! Use chat replacements! Display the time!

目前為 2019-12-31 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         Miracle Scripts
  3. // @namespace    Miracle Scripts
  4. // @version      1.6.1
  5. // @description  Bookmark your favorite skins! Go crazy with cell animations! Improved chatlog! Dance! Use chat replacements! Display the time!
  6. // @homepage     http://agarioforums.net/member.php?action=profile&uid=21263
  7. // @author       You
  8. // @license      MIT
  9. // @icon         https://abload.de/img/mh3k8o.png
  10. // @match        http://agma.io/
  11. // @grant        none
  12. // ==/UserScript==
  13.  
  14. // Source: http://stackoverflow.com/questions/1772179/get-character-value-from-keycode-in-javascript-then-trim#answer-23377822
  15. window.keyboardMap = [
  16.     "", // [0]
  17.     "", // [1]
  18.     "", // [2]
  19.     "CANCEL", // [3]
  20.     "", // [4]
  21.     "", // [5]
  22.     "HELP", // [6]
  23.     "", // [7]
  24.     "BACK_SPACE", // [8]
  25.     "TAB", // [9]
  26.     "", // [10]
  27.     "", // [11]
  28.     "CLEAR", // [12]
  29.     "ENTER", // [13]
  30.     "ENTER_SPECIAL", // [14]
  31.     "", // [15]
  32.     "SHIFT", // [16]
  33.     "CONTROL", // [17]
  34.     "ALT", // [18]
  35.     "PAUSE", // [19]
  36.     "CAPS_LOCK", // [20]
  37.     "KANA", // [21]
  38.     "EISU", // [22]
  39.     "JUNJA", // [23]
  40.     "FINAL", // [24]
  41.     "HANJA", // [25]
  42.     "", // [26]
  43.     "ESCAPE", // [27]
  44.     "CONVERT", // [28]
  45.     "NONCONVERT", // [29]
  46.     "ACCEPT", // [30]
  47.     "MODECHANGE", // [31]
  48.     "SPACE", // [32]
  49.     "PAGE_UP", // [33]
  50.     "PAGE_DOWN", // [34]
  51.     "END", // [35]
  52.     "HOME", // [36]
  53.     "LEFT", // [37]
  54.     "UP", // [38]
  55.     "RIGHT", // [39]
  56.     "DOWN", // [40]
  57.     "SELECT", // [41]
  58.     "PRINT", // [42]
  59.     "EXECUTE", // [43]
  60.     "PRINTSCREEN", // [44]
  61.     "INSERT", // [45]
  62.     "DELETE", // [46]
  63.     "", // [47]
  64.     "0", // [48]
  65.     "1", // [49]
  66.     "2", // [50]
  67.     "3", // [51]
  68.     "4", // [52]
  69.     "5", // [53]
  70.     "6", // [54]
  71.     "7", // [55]
  72.     "8", // [56]
  73.     "9", // [57]
  74.     "COLON", // [58]
  75.     "SEMICOLON", // [59]
  76.     "LESS_THAN", // [60]
  77.     "EQUALS", // [61]
  78.     "GREATER_THAN", // [62]
  79.     "QUESTION_MARK", // [63]
  80.     "AT", // [64]
  81.     "A", // [65]
  82.     "B", // [66]
  83.     "C", // [67]
  84.     "D", // [68]
  85.     "E", // [69]
  86.     "F", // [70]
  87.     "G", // [71]
  88.     "H", // [72]
  89.     "I", // [73]
  90.     "J", // [74]
  91.     "K", // [75]
  92.     "L", // [76]
  93.     "M", // [77]
  94.     "N", // [78]
  95.     "O", // [79]
  96.     "P", // [80]
  97.     "Q", // [81]
  98.     "R", // [82]
  99.     "S", // [83]
  100.     "T", // [84]
  101.     "U", // [85]
  102.     "V", // [86]
  103.     "W", // [87]
  104.     "X", // [88]
  105.     "Y", // [89]
  106.     "Z", // [90]
  107.     "OS_KEY", // [91] Windows Key (Windows) or Command Key (Mac)
  108.     "", // [92]
  109.     "CONTEXT_MENU", // [93]
  110.     "", // [94]
  111.     "SLEEP", // [95]
  112.     "NUMPAD0", // [96]
  113.     "NUMPAD1", // [97]
  114.     "NUMPAD2", // [98]
  115.     "NUMPAD3", // [99]
  116.     "NUMPAD4", // [100]
  117.     "NUMPAD5", // [101]
  118.     "NUMPAD6", // [102]
  119.     "NUMPAD7", // [103]
  120.     "NUMPAD8", // [104]
  121.     "NUMPAD9", // [105]
  122.     "MULTIPLY", // [106]
  123.     "ADD", // [107]
  124.     "SEPARATOR", // [108]
  125.     "SUBTRACT", // [109]
  126.     "DECIMAL", // [110]
  127.     "DIVIDE", // [111]
  128.     "F1", // [112]
  129.     "F2", // [113]
  130.     "F3", // [114]
  131.     "F4", // [115]
  132.     "F5", // [116]
  133.     "F6", // [117]
  134.     "F7", // [118]
  135.     "F8", // [119]
  136.     "F9", // [120]
  137.     "F10", // [121]
  138.     "F11", // [122]
  139.     "F12", // [123]
  140.     "F13", // [124]
  141.     "F14", // [125]
  142.     "F15", // [126]
  143.     "F16", // [127]
  144.     "F17", // [128]
  145.     "F18", // [129]
  146.     "F19", // [130]
  147.     "F20", // [131]
  148.     "F21", // [132]
  149.     "F22", // [133]
  150.     "F23", // [134]
  151.     "F24", // [135]
  152.     "", // [136]
  153.     "", // [137]
  154.     "", // [138]
  155.     "", // [139]
  156.     "", // [140]
  157.     "", // [141]
  158.     "", // [142]
  159.     "", // [143]
  160.     "NUM_LOCK", // [144]
  161.     "SCROLL_LOCK", // [145]
  162.     "WIN_OEM_FJ_JISHO", // [146]
  163.     "WIN_OEM_FJ_MASSHOU", // [147]
  164.     "WIN_OEM_FJ_TOUROKU", // [148]
  165.     "WIN_OEM_FJ_LOYA", // [149]
  166.     "WIN_OEM_FJ_ROYA", // [150]
  167.     "", // [151]
  168.     "", // [152]
  169.     "", // [153]
  170.     "", // [154]
  171.     "", // [155]
  172.     "", // [156]
  173.     "", // [157]
  174.     "", // [158]
  175.     "", // [159]
  176.     "CIRCUMFLEX", // [160]
  177.     "EXCLAMATION", // [161]
  178.     "DOUBLE_QUOTE", // [162]
  179.     "HASH", // [163]
  180.     "DOLLAR", // [164]
  181.     "PERCENT", // [165]
  182.     "AMPERSAND", // [166]
  183.     "UNDERSCORE", // [167]
  184.     "OPEN_PAREN", // [168]
  185.     "CLOSE_PAREN", // [169]
  186.     "ASTERISK", // [170]
  187.     "PLUS", // [171]
  188.     "PIPE", // [172]
  189.     "HYPHEN_MINUS", // [173]
  190.     "OPEN_CURLY_BRACKET", // [174]
  191.     "CLOSE_CURLY_BRACKET", // [175]
  192.     "TILDE", // [176]
  193.     "", // [177]
  194.     "", // [178]
  195.     "", // [179]
  196.     "", // [180]
  197.     "VOLUME_MUTE", // [181]
  198.     "VOLUME_DOWN", // [182]
  199.     "VOLUME_UP", // [183]
  200.     "", // [184]
  201.     "", // [185]
  202.     "SEMICOLON", // [186]
  203.     "EQUALS", // [187]
  204.     "COMMA", // [188]
  205.     "MINUS", // [189]
  206.     "PERIOD", // [190]
  207.     "SLASH", // [191]
  208.     "BACK_QUOTE", // [192]
  209.     "", // [193]
  210.     "", // [194]
  211.     "", // [195]
  212.     "", // [196]
  213.     "", // [197]
  214.     "", // [198]
  215.     "", // [199]
  216.     "", // [200]
  217.     "", // [201]
  218.     "", // [202]
  219.     "", // [203]
  220.     "", // [204]
  221.     "", // [205]
  222.     "", // [206]
  223.     "", // [207]
  224.     "", // [208]
  225.     "", // [209]
  226.     "", // [210]
  227.     "", // [211]
  228.     "", // [212]
  229.     "", // [213]
  230.     "", // [214]
  231.     "", // [215]
  232.     "", // [216]
  233.     "", // [217]
  234.     "", // [218]
  235.     "OPEN_BRACKET", // [219]
  236.     "BACK_SLASH", // [220]
  237.     "CLOSE_BRACKET", // [221]
  238.     "QUOTE", // [222]
  239.     "", // [223]
  240.     "META", // [224]
  241.     "ALTGR", // [225]
  242.     "", // [226]
  243.     "WIN_ICO_HELP", // [227]
  244.     "WIN_ICO_00", // [228]
  245.     "", // [229]
  246.     "WIN_ICO_CLEAR", // [230]
  247.     "", // [231]
  248.     "", // [232]
  249.     "WIN_OEM_RESET", // [233]
  250.     "WIN_OEM_JUMP", // [234]
  251.     "WIN_OEM_PA1", // [235]
  252.     "WIN_OEM_PA2", // [236]
  253.     "WIN_OEM_PA3", // [237]
  254.     "WIN_OEM_WSCTRL", // [238]
  255.     "WIN_OEM_CUSEL", // [239]
  256.     "WIN_OEM_ATTN", // [240]
  257.     "WIN_OEM_FINISH", // [241]
  258.     "WIN_OEM_COPY", // [242]
  259.     "WIN_OEM_AUTO", // [243]
  260.     "WIN_OEM_ENLW", // [244]
  261.     "WIN_OEM_BACKTAB", // [245]
  262.     "ATTN", // [246]
  263.     "CRSEL", // [247]
  264.     "EXSEL", // [248]
  265.     "EREOF", // [249]
  266.     "PLAY", // [250]
  267.     "ZOOM", // [251]
  268.     "", // [252]
  269.     "PA1", // [253]
  270.     "WIN_OEM_CLEAR", // [254]
  271.     "" // [255]
  272. ];
  273.  
  274. // Don't remove the spaces, they are used as seperators! Source: https://emojiterra.com/de/liste/
  275. window.emojis = '😀 😃 😄 😁 😆 😅 😂 😉 😊 😇 😍 😘 😗 ☺️ 😚 😙 😋 😛 😜 😝 😐 😑 😶 😏 😒 😬 😌 😔 😪 😴 😷 😵 😎 😕 😟 😮 😯 😲 😳 😦 😧 😨 😰 😥 😢 😭 😱 😖 😣 😞 😓 😩 😫 😤 😡 😠 😈 👿 💀 💩 👹 👺 👻 👽 👾 😺 😸 😹 😻 😼 😽 🙀 😿 😾 🙈 🙉 🙊 💋 💌 💘 💝 💖 💗 💓 💞 💕 💟 💔 ❤️ 💛 💚 💙 💜 💯 💢 💥 💫 💦 💨 💣 💬 💭 💤 👋 ✋ 👌 ✌️ 👈 👉 👆 👇 ☝️ 👍 👎 ✊ 👊 👏 🙌 👐 🙏 💅 💪 👂 👃 👀 👅 👄 👶 👦 👧 👱 👨 👩 👴 👵 🙍 🙎 🙅 🙆 💁 🙋 🙇 👮 💂 👷 👸 👳 👲 👰 👼 🎅 💆 💇 🚶 🏃 💃 👯 🏇 🏂 🏄 🚣 🏊 🚴 🚵 🛀 👭 👫 👬 💏 💑 👪 👤 👥 👣 🐵 🐒 🐶 🐕 🐩 🐺 🐱 🐈 🐯 🐅 🐆 🐴 🐎 🐮 🐂 🐃 🐄 🐷 🐖 🐗 🐽 🐏 🐑 🐐 🐪 🐫 🐘 🐭 🐁 🐀 🐹 🐰 🐇 🐻 🐨 🐼 🐾 🐔 🐓 🐣 🐤 🐥 🐦 🐧 🐸 🐊 🐢 🐍 🐲 🐉 🐳 🐋 🐬 🐟 🐠 🐡 🐙 🐚 🐌 🐛 🐜 🐝 🐞 💐 🌸 💮 🌹 🌺 🌻 🌼 🌷 🌱 🌲 🌳 🌴 🌵 🌾 🌿 🍀 🍁 🍂 🍃 🍇 🍈 🍉 🍊 🍋 🍌 🍍 🍎 🍏 🍐 🍑 🍒 🍓 🍅 🍆 🌽 🍄 🌰 🍞 🍖 🍗 🍔 🍟 🍕 🍳 🍲 🍱 🍘 🍙 🍚 🍛 🍜 🍝 🍠 🍢 🍣 🍤 🍥 🍡 🍦 🍧 🍨 🍩 🍪 🎂 🍰 🍫 🍬 🍭 🍮 🍯 🍼 ☕ 🍵 🍶 🍷 🍸 🍹 🍺 🍻 🍴 🔪 🌍 🌎 🌏 🌐 🗾 🌋 🗻 🏠 🏡 🏢 🏣 🏤 🏥 🏦 🏨 🏩 🏪 🏫 🏬 🏭 🏯 🏰 💒 🗼 🗽 ⛪ ⛲ ⛺ 🌁 🌃 🌄 🌅 🌆 🌇 🌉 ♨️ 🎠 🎡 🎢 💈 🎪 🚂 🚃 🚄 🚅 🚆 🚇 🚈 🚉 🚊 🚝 🚞 🚋 🚌 🚍 🚎 🚐 🚑 🚒 🚓 🚔 🚕 🚖 🚗 🚘 🚙 🚚 🚛 🚜 🚲 🚏 ⛽ 🚨 🚥 🚦 🚧 ⚓ ⛵ 🚤 🚢 ✈️ 💺 🚁 🚟 🚠 🚡 🚀 ⌛ ⏳ ⌚ ⏰ 🕛 🕧 🕐 🕜 🕑 🕝 🕒 🕞 🕓 🕟 🕔 🕠 🕕 🕡 🕖 🕢 🕗 🕣 🕘 🕤 🕙 🕥 🕚 🕦 🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘 🌙 🌚 🌛 🌜 ☀️ 🌝 🌞 ⭐ 🌟 🌠 🌌 ☁️ ⛅ 🌀 🌈 🌂 ☔ ⚡ ❄️ ⛄ 🔥 💧 🌊 🎃 🎄 🎆 🎇 ✨ 🎈 🎉 🎊 🎋 🎍 🎎 🎏 🎐 🎑 🎀 🎁 🎫 🏆 ⚽ ⚾ 🏀 🏈 🏉 🎾 🎳 ⛳ 🎣 🎽 🎿 🎯 🎱 🔮 🎮 🎰 🎲 ♠️ ♥️ ♦️ ♣️ 🃏 🀄 🎴 🎭 🎨 👓 👔 👕 👖 👗 👘 👙 👚 👛 👜 👝 🎒 👞 👟 👠 👡 👢 👑 👒 🎩 🎓 💄 💍 💎 🔇 🔈 🔉 🔊 📢 📣 📯 🔔 🔕 🎼 🎵 🎶 🎤 🎧 📻 🎷 🎸 🎹 🎺 🎻 📱 📲 ☎️ 📞 📟 📠 🔋 🔌 💻 💽 💾 💿 📀 🎥 🎬 📺 📷 📹 📼 🔍 🔎 💡 🔦 🏮 📔 📕 📖 📗 📘 📙 📚 📓 📒 📃 📜 📄 📰 📑 🔖 💰 💴 💵 💶 💷 💸 💳 💹 💱 💲 ✉️ 📧 📨 📩 📤 📥 📦 📫 📪 📬 📭 📮 ✏️ ✒️ 📝 💼 📁 📂 📅 📆 📇 📈 📉 📊 📋 📌 📍 📎 📏 📐 ✂️ 🔒 🔓 🔏 🔐 🔑 🔨 🔫 🔧 🔩 🔗 🔬 🔭 📡 💉 💊 🚪 🚽 🚿 🛁 🚬 🗿 🏧 🚮 🚰 ♿ 🚹 🚺 🚻 🚼 🚾 🛂 🛃 🛄 🛅 ⚠️ 🚸 ⛔ 🚫 🚳 🚭 🚯 🚱 🚷 📵 🔞 ⬆️ ↗️ ➡️ ↘️ ⬇️ ↙️ ⬅️ ↖️ ↕️ ↔️ 🔃 🔄 🔙 🔚 🔛 🔜 🔝 🔯 ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ⛎ 🔀 🔁 🔂 ▶️ ◀️ 🔼 🔽 🎦 📶 📳 📴 ♻️ 🔱 📛 🔰 ⭕ ✅ ☑️ ✖️ ❌ ❎ ➕ ➖ ➗ ➰ ➿ 〽️ ✳️ ✴️ ❇️ ‼️ ⁉️ ❓ ❔ ❕ ❗ 〰️ ©️ ®️ ™️ 🔠 🔡 🔢 🔣 🔤 🅰️ 🆎 🅱️ 🆑 🆒 🆓 🆔 Ⓜ️ 🆕 🆖 🅾️ 🆗 🅿️ 🆘 🆙 🆚 🈁 🈂️ 🈷️ 🈶 🈯 🉐 🈹 🈚 🈲 🉑 🈸 🈴 🈳 ㊗️ ㊙️ 🈺 🈵 🔴 🔵 ⚫ ⚪ ⬛ ⬜ ◼️ ◻️ ◾ ◽ ▪️ ▫️ 🔶 🔷 🔸 🔹 🔺 🔻 💠 🔘 🔳 🔲 🏁 🚩 🎌';
  276.  
  277. (function() {
  278.     'use strict';
  279.  
  280.     var settings;
  281.  
  282.     var loadSettings = function(stringifiedSettings) {
  283.         var defaultSettings = {
  284.             // To get keycodes: https://keycode.info
  285.             bindings: {
  286.                 animation: 17, // CRTL
  287.                 paste: 33, // PAGE UP
  288.                 dance: 34, // PAGE DOWN,
  289.                 chatLog: 76, // L
  290.             },
  291.             replacements: ":D|:smile:\n:*(|:sob:\n:'D|:sweat_smiley:\nxD|:joy:",
  292.             primaryColor: "#FF69B4",
  293.             targetLanguage: 'EN',
  294.             favSkins: [],
  295.         };
  296.  
  297.         if (stringifiedSettings == null) {
  298.             settings = defaultSettings;
  299.             localStorage.setItem('miracleScripts', JSON.stringify(settings));
  300.         } else {
  301.             settings = JSON.parse(stringifiedSettings);
  302.  
  303.             // Update for settigns:
  304.             if (typeof settings.primaryColor === 'undefined') {
  305.                 settings.primaryColor = defaultSettings.primaryColor;
  306.                 localStorage.setItem('miracleScripts', JSON.stringify(settings));
  307.             }
  308.             if (typeof settings.bindings.chatLog === 'undefined') {
  309.                 settings.bindings.chatLog = defaultSettings.bindings.chatLog;
  310.                 localStorage.setItem('miracleScripts', JSON.stringify(settings));
  311.             }
  312.             if (typeof settings.favSkins === 'undefined') {
  313.                 settings.favSkins = defaultSettings.favSkins;
  314.                 localStorage.setItem('miracleScripts', JSON.stringify(settings));
  315.             }
  316.             if (typeof settings.targetLanguage === 'undefined') {
  317.                 settings.targetLanguage = defaultSettings.targetLanguage;
  318.                 localStorage.setItem('miracleScripts', JSON.stringify(settings));
  319.             }
  320.         }
  321.     }
  322.     loadSettings(localStorage.getItem('miracleScripts'));
  323.  
  324.     var applyPrimaryColor = function() {
  325.         var primaryColorCss = '.miracle-primary-color-font { color: ' + settings.primaryColor + ' !important } .miracle-primary-color-background { background-color: ' + settings.primaryColor + ' !important }; ';
  326.         $('body').append('<style>' + primaryColorCss + '</style>');
  327.     };
  328.     applyPrimaryColor();
  329.  
  330.     var download = function(filename, text) {
  331.         var element = document.createElement('a');
  332.         element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  333.         element.setAttribute('download', filename);
  334.  
  335.         element.style.display = 'none';
  336.         document.body.appendChild(element);
  337.  
  338.         element.click();
  339.  
  340.         document.body.removeChild(element);
  341.     }
  342.  
  343.     // We need to have a delay, because the menu is not laoded right away
  344.     setTimeout(function() {
  345.         var $playButton = $('#playBtn');
  346.         var $specateButton = $('#spectateBtn');
  347.  
  348.         $playButton.get(0).style.width = '40%';
  349.         $specateButton.get(0).style.width = '40%';
  350.  
  351.         var $settingsButton = $('<button class="spec" style="width: 40px; margin-left: 7px; text-align: center; padding: 10px 0 20px 0" title="Miracle Scripts Settings">📜</button>');
  352.         $settingsButton.insertAfter($playButton);
  353.  
  354.         var changeKey = function(event) {
  355.             var name = this.name.substr(4);
  356.             $(this).val(window.keyboardMap[event.keyCode]);
  357.             settings.bindings[name] = event.keyCode;
  358.             localStorage.setItem('miracleScripts', JSON.stringify(settings));
  359.         };
  360.  
  361.         var deleteKey =  function(event) {
  362.             var action = $(this).attr('data-action');
  363.             $('#miracle-settings input[name=key_' + action + ']').val('undefined');
  364.             settings.bindings[action] = null;
  365.             localStorage.setItem('miracleScripts', JSON.stringify(settings));
  366.         }
  367.  
  368.         // Weird Agma scripting... press enter in the replacements textarea and the chatbox gets focused!
  369.         // Therefore catch the keydown event (that happens earlier) and insert the linebreak manually,
  370.         // focus again (delayed) and go to the end of the text where the linebreak is.
  371.         // We can improve this later on...
  372.         var addReturn = function(event) {
  373.             if (event.keyCode == 13) {
  374.                 var textarea = this;
  375.                 $(textarea).text($(this).text() + '\n').focus();
  376.                 setTimeout(function(){
  377.                     $(textarea).focus();
  378.                     textarea.setSelectionRange(textarea.value.length, textarea.value.length);
  379.                 }, 1);
  380.             }
  381.         };
  382.         var changeReplacements = function(event) {
  383.             settings.replacements = $(this).val();
  384.             localStorage.setItem('miracleScripts', JSON.stringify(settings));
  385.         };
  386.         var changePrimaryColor = function(event) {
  387.             settings.primaryColor = $(this).val();
  388.             localStorage.setItem('miracleScripts', JSON.stringify(settings));
  389.             applyPrimaryColor();
  390.         };
  391.         var changeTargetLanguage = function(event) {
  392.             settings.targetLanguage = $(this).val();
  393.             localStorage.setItem('miracleScripts', JSON.stringify(settings));
  394.         };
  395.  
  396.         var $modal = $('<div id="miracle-settings" class="miracle-primary-color-font" style="position: fixed; width: 100%; height: 100%; padding: 50px; background-color: rgba(0,0,0,0.95); z-index: 999; display: none"></div>');
  397.         $modal.append('<h1>Miracle Scripts Settings</h1>');
  398.  
  399.         if (GM_info) {
  400.             $modal.append('<small style="color: #717171">Version ' + GM_info.script.version + '</small>');
  401.         }
  402.  
  403.         var $element = $('<input name="key_animation" value="' + window.keyboardMap[settings.bindings.animation] + '"/>').keyup(changeKey);
  404.         $modal.append('<br><br>Animation-Key:<br>', $element);
  405.         $element = $('<a href="#" data-action="animation" class="miracle-primary-color-background" style="display: inline-block; padding: 3px 10px; color: white">✖</a>').click(deleteKey);
  406.         $modal.append($element);
  407.  
  408.         $element = $('<input name="key_paste" value="' + window.keyboardMap[settings.bindings.paste] + '"/>').keyup(changeKey);
  409.         $modal.append('<br>Paste-Key:<br>', $element);
  410.         $element = $('<a href="#" data-action="paste" class="miracle-primary-color-background" style="display: inline-block; padding: 3px 10px; color: white">✖</a>').click(deleteKey);
  411.         $modal.append($element);
  412.  
  413.         $element = $('<input name="key_dance" value="' + window.keyboardMap[settings.bindings.dance] + '"/>').keyup(changeKey);
  414.         $modal.append('<br>Dance-Key:<br>', $element);
  415.         $element = $('<a href="#" data-action="dance" class="miracle-primary-color-background" style="display: inline-block; padding: 3px 10px; color: white">✖</a>').click(deleteKey);
  416.         $modal.append($element);
  417.  
  418.         $element = $('<input name="key_chatLog" value="' + window.keyboardMap[settings.bindings.chatLog] + '"/>').keyup(changeKey);
  419.         $modal.append('<br>Chat-Log-Key:<br>', $element);
  420.         $element = $('<a href="#" data-action="chatLog" class="miracle-primary-color-background" style="display: inline-block; padding: 3px 10px; color: white">✖</a>').click(deleteKey);
  421.         $modal.append($element);
  422.  
  423.         $element = $('<select name="target_language"><option value="en">English</option><option value="de">German</option><option value="fr">French</option><option value="es">Spanish</option><option value="it">Italian</option><option value="nl">Dutch</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ru">Russian</option></select>').change(changeTargetLanguage);
  424.         $modal.append('<br><br>Translate chat messages to:<br>', $element);
  425.         $element.get(0).value = settings.targetLanguage;
  426.  
  427.         $element = $('<input type="color" name="favcolor" value="' + settings.primaryColor + '"/>').change(changePrimaryColor);
  428.         $modal.append('<br><br>User interface color:<br>', $element);
  429.  
  430.         $element = $('<textarea rows="6" style="width: 100%; max-width: 500px" placeholder="search|replace">').text(settings.replacements).keydown(addReturn).keyup(changeReplacements);
  431.         $modal.append('<br><br>Chat-Replacements (1 per line):<br>', $element, '<br>💡 <span style="color: #717171">Avoid using the search text in the replacement!</span>');
  432.  
  433.         $modal.append($('<br><a href="#" class="miracle-primary-color-background" style="display: inline-block; margin-top: 20px; padding: 10px; color: white">Close</a>').click(function() { $modal.hide() }));
  434.         $modal.append($('<a href="#" class="miracle-primary-color-background" style="display: inline-block; margin-left: 20px; margin-top: 20px; padding: 10px; color: white">Export settings</a>').click(function() { download('miracle_settings.txt', localStorage.getItem('miracleScripts')) }));
  435.         $modal.append($('<a href="#" class="miracle-primary-color-background" style="display: inline-block; margin-left: 20px; margin-top: 20px; padding: 10px; color: white">Import settings</a>').click(function() {
  436.             var stringifiedSettings = prompt('Paste the settings here');
  437.             if (stringifiedSettings !== null) {
  438.                 loadSettings(stringifiedSettings);
  439.                 localStorage.setItem('miracleScripts', stringifiedSettings);
  440.                 $modal.hide();
  441.                 alert('Settings loaded! Reload Agma to refresh.');
  442.             }
  443.         }));
  444.         $modal.append($('<a href="http://agarioforums.net/showthread.php?tid=61388" target="_blank" class="miracle-primary-color-background" style="display: inline-block; margin-left: 20px; margin-top: 20px; padding: 10px; color: white">Support</a>'));
  445.  
  446.         $('body').append($modal);
  447.  
  448.         $settingsButton.click(function(event)
  449.                               {
  450.             $modal.show();
  451.  
  452.             event.preventDefault();
  453.         });
  454.     }, 500);
  455. })();
  456.  
  457.  
  458. (function() {
  459.     'use strict';
  460.  
  461.     /**
  462.      * Returns a random number between min (inclusive) and max (exclusive)
  463.      * Source: MDN
  464.      */
  465.     var getRandomArbitrary = function(min, max) {
  466.         return Math.random() * (max - min) + min;
  467.     }
  468.  
  469.     var chatAnimate = function()
  470.     {
  471.         // The available commands
  472.         var items = ['wacky',
  473.                      'spin', 'spinspin', 'spinspinspin', 'wackyspin', 'wackyspinspin', 'wackyspinspinspin',
  474.                      'flip', 'flipflip', 'flipflipflip', 'wackyflip', 'wackyflipflip', 'wackyflipflipfip',
  475.                      'shake', 'shakeshake','shakeshakeshake','wackyshake','wackyshakeshake','wackyshakeshakeshake',
  476.                      'jump', 'jumpjump', 'jumpjumpjump', 'wackyjump', 'wackyjumpjump', 'wackyjumpjumpjump',
  477.                     ];
  478.  
  479.         if (getRandomArbitrary(1, 1) == 3) {
  480.             items = ['jumpspinflip', 'jumpflipshake', 'jumpspinshake', 'spinshakeflip'];
  481.         }
  482.  
  483.         // Choose randomly an item of the items array
  484.         // Source: https://stackoverflow.com/questions/5915096/get-random-item-from-javascript-array
  485.         var item = items[Math.floor(Math.random() * items.length)];
  486.  
  487.         item += String.fromCharCode(8203).repeat(getRandomArbitrary(1, 5));
  488.  
  489.         // Add text into the chatbox and focus it (Note: acutally "/" is no longer necessary)
  490.         $('#chtbox').val($('#chtbox').val() + item).focus();
  491.  
  492.         // Stop the event so that the pressed key won't be written into the chatbox!
  493.         event.preventDefault();
  494.     }
  495.  
  496.     window.addEventListener('keydown', function(event)
  497.                             {
  498.         // Do nothing if a menu is open
  499.         if (document.getElementById('overlays').style.display != 'none' || document.getElementById('advert').style.display != 'none') {
  500.             return;
  501.         }
  502.  
  503.         var settings = JSON.parse(localStorage.getItem('miracleScripts'));
  504.  
  505.         if (event.keyCode == settings.bindings.animation) {
  506.             chatAnimate();
  507.         }
  508.     });
  509. })();
  510.  
  511.  
  512. (function() {
  513.     'use strict';
  514.  
  515.     var emojiFontSize = (window.innerWidth * window.innerHeight > 2000000) ? 24 : 18;
  516.     var css = '#miracle-emojis .miracle-emoji { display: inline-block; width: 40px; margin: 0 2px 2px 0; padding: 5px; border: 1px solid #333; font-size: ' + emojiFontSize + 'px; }\n' +
  517.         '#miracle-emojis .miracle-emoji:hover { background-color: #FF69B4 }';
  518.  
  519.     var emojis = window.emojis.split(' ');
  520.     var emojiCode = '';
  521.  
  522.     emojis.forEach(function(emoji) {
  523.         emojiCode += '<a href="#" class="miracle-emoji">' + emoji + '</a>';
  524.     });
  525.  
  526.     var addEmoji = function()
  527.     {
  528.         setTimeout(function(){
  529.             var $pasteInput = $(document).find('#miracle-emojis input[name=paste]');
  530.  
  531.             // Add text into the chatbox and focus it
  532.             $('#chtbox').val($('#chtbox').val() + $pasteInput.val()).focus();
  533.         }, 200);
  534.  
  535.         $modal.hide();
  536.     };
  537.  
  538.     var $modal = $('<div id="miracle-emojis" class="miracle-primary-color-font" style="position: fixed; width: 100%; height: 100%; padding: 50px; color: #FF69B4; background-color: rgba(0,0,0,0.95); overflow-y: auto; z-index: 999; display: none"></div>');
  539.     $modal.append('<style>' + css + '</style>');
  540.     $modal.append('<h1>Insert text or emoji</h1>');
  541.     var $pasteInput = $('<input name="paste" value="" placeholder="Click to paste text, or (double)click emoji!" style="width: 300px; max-width: 100%" />');
  542.     $modal.append('<br><br>Insert:<br>', $pasteInput);
  543.     $modal.html($modal.html() + '<br><br>' + emojiCode);
  544.     $modal.append($('<br><a href="#" class="miracle-primary-color-background" style="display: inline-block; margin-top: 20px; padding: 10px; color: white">Add</a>').click(addEmoji));
  545.     $modal.append($('<a href="#" class="miracle-primary-color-background" style="display: inline-block; float: right; margin-top: 20px; padding: 10px; color: white">Cancel</a>').click(function() { $modal.hide() }));
  546.  
  547.     $modal.find('input[name=paste]').click(function(event)
  548.                                            {
  549.         var text = prompt('Please paste your text here!');
  550.  
  551.         if (text !== null) {
  552.             var $pasteInput = $modal.find('input[name=paste]');
  553.  
  554.             // Add text into the paste input
  555.             $pasteInput.val($pasteInput.val() + text);
  556.         }
  557.     });
  558.  
  559.     $modal.click(function(event)
  560.                  {
  561.         if (event.target.classList.contains('miracle-emoji')) {
  562.             var $target = $(this).find('input[name=paste]');
  563.             $target.val($target.val() + $(event.target).text());
  564.  
  565.             event.preventDefault();
  566.         }
  567.     });
  568.  
  569.     $modal.dblclick(function(event)
  570.                     {
  571.         if (event.target.classList.contains('miracle-emoji')) {
  572.             $('#chtbox').val($('#chtbox').val() + $(event.target).text()).focus();
  573.             $(this).hide();
  574.  
  575.             event.preventDefault();
  576.         }
  577.     });
  578.  
  579.     $('body').append($modal);
  580.  
  581.     window.addEventListener('keydown', function(event)
  582.                             {
  583.         // Do nothing if a menu is open
  584.         if (document.getElementById('overlays').style.display != 'none' || document.getElementById('advert').style.display != 'none') {
  585.             return;
  586.         }
  587.  
  588.         var settings = JSON.parse(localStorage.getItem('miracleScripts'));
  589.  
  590.         if (event.keyCode == settings.bindings.paste) {
  591.             $modal.find('input[name=paste]').val('');
  592.             $modal.toggle();
  593.         }
  594.     });
  595. })();
  596.  
  597.  
  598. (function() {
  599.     'use strict';
  600.  
  601.     var angle = 0;
  602.     var angleSpeed = 20;
  603.     var distance = Math.floor(Math.min(window.innerWidth, window.innerHeight) / 2);
  604.     var dancing = false;
  605.  
  606.     var dance = function()
  607.     {
  608.         angle += angleSpeed;
  609.         if (angle > 360) {
  610.             angle = 0;
  611.         }
  612.  
  613.         var x = window.innerWidth/2 + Math.sin(angle * Math.PI / 180) * distance;
  614.         var y = window.innerHeight/2 + Math.cos(angle * Math.PI / 180) * distance;
  615.         $('canvas').trigger($.Event('mousemove', {clientX: x, clientY: y}));
  616.  
  617.         // Stop dancing if dead ... to avoid continuing dancing after next respawn
  618.         if (document.getElementById('advert').style.display != 'none') {
  619.             dancing = false;
  620.         }
  621.         if (dancing) {
  622.             window.requestAnimationFrame(dance);
  623.         }
  624.     }
  625.  
  626.     window.addEventListener('keyup', function()
  627.                             {
  628.         // Do nothing if a menu is open
  629.         if (document.getElementById('overlays').style.display != 'none' || document.getElementById('advert').style.display != 'none') {
  630.             return;
  631.         }
  632.  
  633.         var settings = JSON.parse(localStorage.getItem('miracleScripts'));
  634.  
  635.         if (event.keyCode == settings.bindings.dance) {
  636.             dancing = ! dancing;
  637.  
  638.             if (dancing) {
  639.                 window.requestAnimationFrame(dance);
  640.             }
  641.         }
  642.     });
  643. })();
  644.  
  645.  
  646. (function() {
  647.     'use strict';
  648.  
  649.     $('#chtbox').keyup(function(event)
  650.                        {
  651.         var settings = JSON.parse(localStorage.getItem('miracleScripts'));
  652.  
  653.         var lines = settings.replacements.split('\n');
  654.  
  655.         var text = $('#chtbox').val();
  656.  
  657.         lines.forEach(function(line) {
  658.             var replacement = line.split('|');
  659.             if (replacement.length == 2) {
  660.                 text = text.replace(replacement[0], replacement[1]);
  661.                 $('#chtbox').val(text).focus();
  662.             }
  663.         });
  664.     });
  665. })();
  666.  
  667.  
  668. (function() {
  669.     'use strict';
  670.  
  671.     // We escape the message before we print them, so no one can inject JS code!
  672.     var htmlEntities = function(str) {
  673.         return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
  674.     }
  675.  
  676.     var originalFillText = CanvasRenderingContext2D.prototype.fillText
  677.     var lastChatNickname = null;
  678.     var lastChatNicknameColor = null;
  679.     var chatLogCode = '';
  680.     var chatLog = [];
  681.     CanvasRenderingContext2D.prototype.fillText = function () {
  682.         if (this.canvas.id != 'leaderboard' && this.canvas.height == 23) {
  683.             var text = arguments[0];
  684.  
  685.             // Sometimes also numbers (int) are printed so we filter for strings
  686.             if (typeof text == "string" && (this.fillStyle != "#f5f6ce" && this.fillStyle !== "#444444")) {
  687.                 // Dirty fix for the missing icon in the initial welcome messages
  688.                 if (text == '') {
  689.                     text = '📢';
  690.                 }
  691.                 lastChatNickname = text;
  692.                 lastChatNicknameColor = this.fillStyle;
  693.             }
  694.             if (typeof text == "string" && (this.fillStyle == "#f5f6ce" || this.fillStyle == "#444444")) {
  695.                 // Unfortunately chat messages will be printed more than just once and I don't know
  696.                 // how to identifiy them, so for now all messages will be stored and only new messages will be shown.
  697.                 // Ofcourse this means messages won't be shown if they are sned more than once (by the same nickname).
  698.                 var found = false;
  699.                 for (var i = 0; i < chatLog.length; i++) {
  700.                     if (chatLog[i].nickname == lastChatNickname && chatLog[i].nicknameColor == lastChatNicknameColor && chatLog[i].message == text) {
  701.                         found = true;
  702.                         break;
  703.                     };
  704.                 }
  705.  
  706.                 if (! found) {
  707.                     // NOTE: We might have to look for the coordinates of the text to find out the order of the messages (somehow)
  708.                     chatLogCode += '<div><span class="time">' + (new Date().toLocaleTimeString()) + '</span> <span class="nickname" style="color: ' + lastChatNicknameColor + '">' + htmlEntities(lastChatNickname) + '</span>';
  709.                     chatLogCode += '<span class="message" style="color: #f5f6ce">' + htmlEntities(text) + '</span></div>';
  710.                     chatLog.push({nickname: lastChatNickname, nicknameColor: lastChatNicknameColor, message: text});
  711.                 }
  712.             }
  713.         }
  714.  
  715.         return originalFillText.apply(this, arguments);
  716.     }
  717.  
  718.     var performSearch = function(searchElement) {
  719.         var subject = searchElement.value.toLowerCase();
  720.  
  721.         $('#miracle-complete-chatlog div').each(function(a,b,c) {
  722.             var $entry = $(this);
  723.  
  724.             if ($entry.text().toLowerCase().indexOf(subject) == -1 && subject != '') {
  725.                 $entry.hide()
  726.             } else {
  727.                 $entry.show()
  728.             }
  729.         });
  730.     }
  731.  
  732.     var $modal = $('<div id="miracle-chatlog" class="miracle-primary-color-font" style="position: fixed; width: 100%; height: 100%; padding: 50px; color: #FF69B4; background-color: rgba(0,0,0,0.95); user-select: text; overflow-y: auto; z-index: 999; display: none"></div>');
  733.     $modal.append('<style>#miracle-complete-chatlog div:hover { background-color: rgba(255,255,255,0.1) } #miracle-complete-chatlog .time { padding-right: 10px; color: #666; }</style>');
  734.     $modal.append('<h1>Complete chatlog</h1><br>');
  735.     $modal.append('<div id="miracle-complete-chatlog"></div>');
  736.     $modal.append($('<input type="text" style="display: inline-block; position: fixed; right: 20px; bottom: 20px;" placeholder="Type to search">').keyup(function(event) { performSearch(this) }));
  737.     $modal.append($('<br><a href="#" class="miracle-primary-color-background" style="display: inline-block; margin-top: 20px; padding: 10px; color: white">Close</a>').click(function() { $modal.hide() }));
  738.     $('body').append($modal);
  739.  
  740.     $('#miracle-complete-chatlog').dblclick(function() {
  741.         var $clickTarget = null;
  742.  
  743.         // Each chat message is a div with spans in it. Either the spans or the div might be clicked.
  744.         if (event.target.tagName.toLowerCase() == 'span') {
  745.             $clickTarget = $(event.target).parent();
  746.         } else {
  747.             $clickTarget = $(event.target);
  748.         }
  749.  
  750.         var message = $clickTarget.find('.message').text();
  751.  
  752.         // Messages usually start with ': ' but we do not want to "translate" it, so we remove it
  753.         if (message.substr(0, 2) == ': ') {
  754.             message = message.substr(2);
  755.         }
  756.  
  757.         var settings = JSON.parse(localStorage.getItem('miracleScripts'));
  758.  
  759.         window.open('https://www.deepl.com/translator#en/' + settings.targetLanguage + '/' + message);
  760.     });
  761.  
  762.     window.addEventListener('keyup', function()
  763.                             {
  764.         // Ignore text input field so typing in them is possible
  765.         if (document.activeElement.type == 'text') {
  766.             return;
  767.         }
  768.  
  769.         var settings = JSON.parse(localStorage.getItem('miracleScripts'));
  770.  
  771.         if (event.keyCode == settings.bindings.chatLog) {
  772.             $('#miracle-complete-chatlog').html(chatLogCode);
  773.             $modal.toggle();
  774.             $modal.get(0).scrollTo(0,$modal.get(0).scrollHeight);
  775.         }
  776.     });
  777. })();
  778.  
  779.  
  780. (function() {
  781.     'use strict';
  782.  
  783.     // We need to have a delay, because the menu is not loaded right away
  784.     setTimeout(function() {
  785.         var settings = JSON.parse(localStorage.getItem('miracleScripts'));
  786.  
  787.         var favIconClick = function() {
  788.             var id = parseInt($(this).parent().parent().find('button').attr('onclick').substr(11));
  789.  
  790.             if (settings.favSkins.includes(id)) {
  791.                 $(this).addClass('skin-not-fav');
  792.                 $('#skinUseBtn' + id).parent().find('span').addClass('skin-not-fav');
  793.                 var index = settings.favSkins.indexOf(id);
  794.                 settings.favSkins.splice(index, 1);
  795.             } else {
  796.                 $(this).removeClass('skin-not-fav');
  797.                 settings.favSkins.push(id);
  798.             }
  799.             localStorage.setItem('miracleScripts', JSON.stringify(settings));
  800.             renderFavSkins();
  801.         };
  802.  
  803.         var renderFavSkins = function() {
  804.             var $skins = null;
  805.  
  806.             if ($('#fav-skins').length > 0) {
  807.                 $skins = $('#fav-skins');
  808.                 $skins.html('');
  809.             } else {
  810.                 $skins = $('<div id="fav-skins" style="background-color: #4d4950"></div>');
  811.                 $skins.insertAfter('#publicSkinsHeader');
  812.  
  813.                 $('#fav-skins').click(function(event) {
  814.                     if (event.target.tagName.toLowerCase() == 'span') {
  815.                         favIconClick.apply(event.target);
  816.                     }
  817.                 });
  818.             }
  819.             settings.favSkins.forEach(function(id) {
  820.                 $skins.append('<div style="float: left; padding: 5px;"><img style="border: 1px solid rgba(0,0,0,.25); border-radius: 50%; box-shadow: 0 0 2px #000;" src="skins/' + id + '_lo.png?u=1575650762" alt=""><h4><span style="cursor: pointer">⭐</span></h4><button class="btn btn-primary skinuse-btn" onclick="toggleSkin(' + id + ');">Use</button></div>');
  821.             });
  822.             $skins.append('<div style="clear: both"></div>');
  823.         };
  824.  
  825.         var addFavIcons = function() {
  826.             var $skins = $('#publicSkinsPage');
  827.             $skins.append('<style>.skin-not-fav { opacity: 0.3 }</style>');
  828.  
  829.             $skins.find('h4').each(function() {
  830.                 var $favIcon = $('<span style="cursor: pointer">⭐</span>');
  831.                 var id = parseInt($(this).parent().find('button').attr('onclick').substr(11));
  832.  
  833.                 $favIcon.click(favIconClick);
  834.  
  835.                 $(this).append($favIcon);
  836.  
  837.                 if (! settings.favSkins.includes(id)) {
  838.                     $favIcon.addClass('skin-not-fav');
  839.                 }
  840.             });
  841.         }
  842.         var initialized = false;
  843.         $('#skinsCustomTab, #skinExampleMenu').click(function() {
  844.             if (! initialized) {
  845.                 var checkState = function() {
  846.                     if ($('#publicSkinsPage').html() != '') {
  847.                         addFavIcons();
  848.                         renderFavSkins();
  849.                     } else {
  850.                         setTimeout(checkState, 30);
  851.                     }
  852.                 };
  853.                 checkState();
  854.                 initialized = true;
  855.             }
  856.         });
  857.         $('#phpSkins').click(function(event) {
  858.             if (event.target.classList.contains('publicskins-nav-btn')) {
  859.                 addFavIcons();
  860.             }
  861.         });
  862.  
  863.     }, 500);
  864. })();
  865.  
  866.  
  867. (function() {
  868.     'use strict';
  869.  
  870.     var sessionStartedAt = Date.now();
  871.  
  872.     $('#chtbox').keydown(function(event)
  873.     {
  874.         if (event.keyCode == 13) {
  875.             var command = $('#chtbox').val();
  876.  
  877.             if (command == 'time' || command == '/time') {
  878.                 var now = new Date();
  879.                 $('#chtbox').val('Local time: '+ now.toLocaleString()).focus();
  880.             }
  881.  
  882.             if (command == 'minutes' || command == '/minutes') {
  883.                 var minutes = parseInt((Date.now() - sessionStartedAt) / 1000 / 60);
  884.                 if (minutes > 60) {
  885.                     minutes = '' + minutes;
  886.                     minutes = parseInt(minutes / 60) + ' Hours & ' + (minutes % 60);
  887.                 }
  888.                 $('#chtbox').val('has played for: '+ minutes + ' Minutes in the current session').focus();
  889.             }
  890.         }
  891.     });
  892. })();
  893.  
  894.  
  895. console.log('🌸 Miracle Scripts successfully loaded!');