☰

Cookie Clicker Mod Menu

Mod menu for Cookie Clicker

  1. // ==UserScript==
  2. // @name         Cookie Clicker Mod Menu
  3. // @namespace    https://github.com/qba210/cookie-clicker-mod-menu
  4. // @version      1.1
  5. // @description  Mod menu for Cookie Clicker
  6. // @author       qba210
  7. // @license      MIT
  8. // @match        *://orteil.dashnet.org/cookieclicker/*
  9. // @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAMAAAD26OlUAAAAolBMVEU0DAIKBQhqIg8A3v9DLSpuV1URLT9FARDDkzh+ernp1nP///+QgHeMAACpdiE0FRfBqIyov5EAhZXwFwC7XzaDQBTUwbxBTn1NKiPg4OAXPiCaMxaauDTdtGaVXjnKEwr/fgAAWZ5Sb03Fh1D/ieeWABzUQQ3/zC86gSvtEG/cQWKgANXMs6z67bnhwJalQh9g/1B+WkBJDQPKa0G9jnkAAADDKDlIAAAANnRSTlP//////////////////////////////////////////////////////////////////////wChj04xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGx2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wOC0wN1QyMDo1NToxNCswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDgtMDdUMjE6MDA6MjgrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDgtMDdUMjE6MDA6MjgrMDI6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OWRkM2RiMTEtNWViZS01MzQzLWEyOGEtYzAwZDE2MDY3MWFhIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MGUxNzYxNGUtOTkxNy1hMzRmLTllYWYtYzM4ZTdlYjY2MWIwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RjVDMTE2MERDQ0NDMTFFQzlBOThCQzEzREI1QkEzRjUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIyIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNUMxMTYwQUNDQ0MxMUVDOUE5OEJDMTNEQjVCQTNGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNUMxMTYwQkNDQ0MxMUVDOUE5OEJDMTNEQjVCQTNGNSIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiNWRkNTg4NS1jNjA4LWEwNGEtYTYyMi04OTM4NjNlYjcwNGEiIHN0RXZ0OndoZW49IjIwMjItMDgtMDdUMjE6MDA6MjgrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWRkM2RiMTEtNWViZS01MzQzLWEyOGEtYzAwZDE2MDY3MWFhIiBzdEV2dDp3aGVuPSIyMDIyLTA4LTA3VDIxOjAwOjI4KzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nkWItQAAANxJREFUOMut1MEOgjAQBFDaY016bbJfsMde+P9fk3GyLg2obHESPcgjw2LbZd0isv7MEoKq/4Qiqr2rWn16Zxbuq3EZN5aCG0ccg6wFqlWVEAGOQ6+1UtWUVB9b9vQ6dAZEiG9Cp3HIy3glPgw4fotDGwSo95TKEJbPQlB8PPegDTPCWu9AG8AWBZf0DGyNfyGTEgAfRKS1OLRFa7U+ksjJ6rkIUT4uNnmFxXHotFY8hCVnMGyXOCRtDdBKWcvNPAN5pOSMSiKOwQ09B4/Hnh+K8/CYD9U34Mnr+QafGozjyeDrtEIAAAAASUVORK5CYII=
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. (async function() {
  14.     'use strict';
  15.  
  16.     class Logger {
  17.         /**
  18.          * 
  19.          * @param {object} msg 
  20.          */
  21.         static LogInfo(msg) {
  22.             console.log("\n[Mod Menu] ", msg);
  23.         }
  24.  
  25.         /**
  26.          * 
  27.          * @param {object} msg 
  28.          */
  29.         static LogDebug(msg) {
  30.             Logger.LogInfo(msg);
  31.         }
  32.     }
  33.  
  34.     Logger.LogInfo("Waiting for Game...")
  35.     let gamePromise =  new Promise((res) => {var int = setInterval(() => {if (Game.Achievements) {clearInterval(int); res(Game);}}, 10)});
  36.     await gamePromise;
  37.     Logger.LogInfo("Game loaded!")
  38.  
  39.  
  40.     let cheatMenu = document.createElement("div");
  41.  
  42.     const translations = [
  43.         {
  44.             lang: "pl",
  45.             langName: "Polski",
  46.             hacks: {
  47.                 "silent-mode": {
  48.                     name: "Tryb cichy",
  49.                     desc: "Unika wykrycia przez grę hackowania (np. osiągnięcie 'Oszukane ciastka smakują najgorzej')"
  50.                 },
  51.                 "cookie-spam": {
  52.                     name: "Spamowanie ciastka",
  53.                     desc: "Po przyciśnięciu ciastka samoczynnie zaczyna na nie klikać (kończy po odciśnięciu)"
  54.                 },
  55.                 "autoclicker": {
  56.                     name: "Autokliker",
  57.                     desc: "Auttomatycznie klika w ciastko"
  58.                 },
  59.                 "dev-tools": {
  60.                     name: "Menu dewelop.",
  61.                     desc: "Otwiera menu deweloperskie"
  62.                 },
  63.                 "set-cookies": {
  64.                     name: "Ustaw ilość ciastek",
  65.                     desc: "Pozwala na zmianę ilości ciastek"
  66.                 },
  67.                 "delete-save": {
  68.                     name: "Usuń zapis"
  69.                 },
  70.                 "earn-achievement": {
  71.                     name: "Odblokuj osiągnięcie",
  72.                     desc: "Wybierz osiągnięcie z listy i kliknij przycisk aby je zdobyć!"
  73.                 },
  74.                 "revoke-achievement": {
  75.                     name: "Usuń osiągnięcie",
  76.                     desc: "Wybierz osiągnięcie z listy i kliknij przycisk aby je usunąć!"
  77.                 },
  78.                 "finish-game": {
  79.                     name: "Ukończ grę",
  80.                     desc: "Kończy grę i odblokowywuje wszystko"
  81.                 }
  82.             },
  83.             strings: {
  84.                 "dev-tools-confirm": "Jesteś pewien? Tryb cichy nie uchroni Cię od hacków które włączycz w menu deweloperskim.",
  85.                 "changes-as-you-type": "Wartość zmienia się jak piszesz",
  86.                 "confirm-save-delete": "Jesteś pewien?",
  87.                 "set-object-amount": "Ustaw ilość %s"
  88.             }
  89.         },
  90.         {
  91.             lang: "en",
  92.             langName: "English",
  93.             hacks: {
  94.                 "silent-mode": {
  95.                     name: "Silent mode",
  96.                     desc: "Avoids detecting hacks by game (ex.: achievement 'Cheated cookies tastes awful')"
  97.                 },
  98.                 "cookie-spam": {
  99.                     name: "Cookie spam",
  100.                     desc: "After holding the cookie, starts to click it automatically (ends after releasing)"
  101.                 },
  102.                 "autoclicker": {
  103.                     name: "Autoclicker",
  104.                     desc: "Automatically clicks cookie"
  105.                 },
  106.                 "dev-tools": {
  107.                     name: "Dev menu",
  108.                     desc: "Opens developer menu"
  109.                 },
  110.                 "set-cookies": {
  111.                     name: "Set cookie count",
  112.                     desc: "Allows you to change cookie count"
  113.                 },
  114.                 "delete-save": {
  115.                     name: "Delete save"
  116.                 },
  117.                 "earn-achievement": {
  118.                     name: "Earn achievement",
  119.                     desc: "Select achievement from list, then click button to get it!"
  120.                 },
  121.                 "revoke-achievement": {
  122.                     name: "Remove achievement",
  123.                     desc: "Select achievement from list, then click button to remove it!"
  124.                 },
  125.                 "finish-game": {
  126.                     name: "Finish game",
  127.                     desc: "Finishes game and unlocks everything"
  128.                 }
  129.             },
  130.             strings: {
  131.                 "dev-tools-confirm": "Are you sure? Silent mode cannot prevent detecting cheats you activate in developer menu.",
  132.                 "changes-as-you-type": "Changes as you type",
  133.                 "confirm-save-delete": "Are you sure?",
  134.                 "set-object-amount": "Set %s amount"
  135.             }
  136.         }
  137.     ]
  138.  
  139.     let lang = translations.find((lng) => lng.lang === (localStorage.getItem("cheats_lang") ?? "en"));
  140.  
  141.     document.body.append(cheatMenu);
  142.  
  143.     cheatMenu.outerHTML = `
  144.     <div id="hack-menu" style="left: 50%; top: 35px;">
  145.         <div id="hack-popup">Hack</div>
  146.         <br>
  147.         <div id="hacks" style="display: none;">
  148.             <div class="hack-list" id="main-hacks">
  149.                 <select id="hack-lang-select"></select>
  150.                 <div class="hack hack-bool" id="hack-silent-mode"></div>
  151.                 <div class="hack hack-bool" id="hack-cookie-spam"></div>
  152.                 <div class="hack hack-bool" id="hack-autoclicker"></div>
  153.                 <div class="hack hack-btn" id="hack-dev-tools"></div>
  154.                 <div class="hack hack-btn" id="hack-set-cookies"></div>
  155.                 <div class="hack hack-btn" id="hack-delete-save"></div>
  156.                 <div class="hack hack-btn" id="hack-finish-game"></div>
  157.                 <div class="hack hack-select" id="hack-earn-achievement"></div>
  158.                 <div class="hack hack-select" id="hack-revoke-achievement"></div>
  159.             </div>
  160.             <div class="hack-list" id="objects-hacks">
  161.             </div>
  162.         </div>
  163.     </div>
  164.     <div id="hack-tooltip" style="opacity: 0;left:0;top:0"></div>
  165.     <div id="hack-alert-input" style="opacity: 0;display: none;">
  166.         <div id="hack-alert-input-popup">
  167.             <h1 id="hack-alert-input-popup-title"></h1>
  168.             <div id="hack-alert-input-popup-desc"></div><br>
  169.             <input type="number" id="hack-alert-input-popup-input"/><br>
  170.             <input type="button" id="hack-alert-input-popup-ok" value="OK"/>
  171.         </div>
  172.     </div>
  173.     `;
  174.     
  175.     let styles = document.createElement("style");
  176.     styles.innerText = `
  177.         #hack-menu, #hack-tooltip {
  178.             z-index: 9000000000;
  179.             position: absolute;
  180.             box-sizing: border-box;
  181.         }
  182.         #hack-menu, #hack-menu *:not(#hacks){
  183.             box-sizing: border-box;
  184.         }
  185.         #hack-menu {
  186.             display: flex;
  187.             flex-direction: column;
  188.             align-items: center;
  189.             width: clamp(150px, 225px, 25vw);
  190.         }
  191.         #hacks {
  192.             backdrop-filter: blur(5px);
  193.             display: flex;
  194.             flex-direction: row;
  195.             gap: 10px;
  196.             padding: 10px;
  197.             background-color: rgba(0, 0, 0, .5);
  198.             border-radius: 13px;
  199.             width: 200%;
  200.             box-sizing: content-box;
  201.         }
  202.  
  203.         .hack-list {
  204.             display: flex;
  205.             flex-direction: column;
  206.             gap: 10px;
  207.             padding: 10px;
  208.             width: 100%;
  209.             box-sizing: content-box;
  210.             overflow-y: auto;
  211.             overflow-x: hidden;
  212.             max-height: 70vh;
  213.         }
  214.         .hack-list::-webkit-scrollbar-thumb {
  215.             border: 4px solid rgb(10, 87, 242);
  216.             background-color: rgba(10, 87, 242, .2); 
  217.             border-radius: 5px;
  218.             backdrop-filter: blur(3px);
  219.             box-shadow: none;
  220.             transition: background-color .3s linear, border .3s linear
  221.         }
  222.         .hack-list::-webkit-scrollbar-thumb:hover {
  223.             border: 4px solid #00a2ff;
  224.             background-color: rgba(0, 162, 255, .4); 
  225.         }
  226.         .hack-list::-webkit-scrollbar-track {
  227.             border: 4px solid black;
  228.             background-color: transparent;
  229.             border-radius: 5px;
  230.         }
  231.  
  232.         #hack-popup, .hack {
  233.             padding: 10px;
  234.             font-size: 20px;
  235.             background-color: #00a2ff;
  236.             border: 7px solid black;
  237.             text-align: center;
  238.             width: 100%;
  239.         }
  240.         
  241.         .hack {
  242.             cursor: pointer;
  243.         }
  244.         .hack:active {
  245.             filter: brightness(0.85);
  246.         }
  247.  
  248.         .hack-bool {
  249.             transition: background-color .3s ease-in;
  250.             background-color: red;
  251.         }
  252.         .hack-bool[on] {
  253.             background-color: green;
  254.         }
  255.         #hack-tooltip {
  256.             position: absolute;
  257.             backdrop-filter: blur(7px);
  258.             filter: blur(0px);
  259.             transition: all .3s ease-out, left 0s ease, top 0s ease;
  260.             background-color: rgba(0, 0, 0, .5);
  261.             color: white;
  262.             transform: translate(15px, 9.5px);
  263.             width: 200px;
  264.             padding: 10px;
  265.             border-radius: 13px;
  266.             pointer-events: none;
  267.         }
  268.         #hack-lang-select {
  269.             z-index: 90000000001;
  270.             background-color: black;
  271.             color: white;
  272.             border-color: white;
  273.             width: 100%
  274.         }
  275.         #hack-lang-select > option {
  276.             color: white;
  277.         }
  278.  
  279.         #hack-popup {
  280.             transition: opacity .35s ease-out;
  281.         }
  282.         #hack-popup:hover, #hack-popup[open] {
  283.             opacity: 1;
  284.         }
  285.         #hack-popup:not(:hover):not([open]) {
  286.             opacity: .8;
  287.         }
  288.  
  289.         #hack-alert-input {
  290.             z-index: 9500000000;
  291.             background-color: rgba(0, 0, 0, .5);
  292.             transition: opacity .3s ease-out;
  293.             position: absolute;
  294.             left: 0;
  295.             top: 0;
  296.             right: 0;
  297.             bottom: 0;
  298.             backdrop-filter: blur(5px);
  299.         }
  300.         #hack-alert-input-popup {
  301.             position: absolute;
  302.             left: 50%;
  303.             top: 50%;
  304.             transform: translate(-50%, -50%);
  305.             width: 60%;
  306.             height: 50%;
  307.             background-color: black;
  308.             color: white;
  309.             display: flex;
  310.             flex-direction: column;
  311.             justify-content: center;
  312.             font-family: verdana;
  313.             text-align: center;
  314.             padding: 20px;
  315.             border: 3px solid white;
  316.             border-radius: 10px;
  317.         }
  318.         #hack-alert-input-popup-title {
  319.             font-size: 2.5em;
  320.         }
  321.         #hack-alert-input-popup-desc {
  322.             font-size: 1.5em;
  323.         }
  324.         #hack-alert-input-popup-ok {
  325.             background-color: #00a2ff;
  326.             border: 4px solid white;
  327.             text-align: center;
  328.             width: 100%;
  329.             height: 50px;
  330.             font-weight: bold;
  331.             cursor: pointer;
  332.         }
  333.         #hack-alert-input-popup-input {
  334.             background-color: black;
  335.             color: white;
  336.             border-color: white;
  337.         }
  338.         .select-in-hack {
  339.             width: 100%;
  340.             border-color: black;
  341.             color: white;
  342.             background-color: black;
  343.         }
  344.  
  345.     `;
  346.     document.head.append(styles);
  347.  
  348.     if (!localStorage.getItem("cheats_lang")) {
  349.         localStorage.setItem("cheats_lang", "en");
  350.     }
  351.     
  352.     let $hackmenu = document.getElementById("hack-menu");
  353.     let $hacks = document.getElementById("hacks");
  354.     let $popup = document.getElementById("hack-popup");
  355.     let $tooltip = document.getElementById("hack-tooltip");
  356.     /**@type {HTMLSelectElement} */
  357.     let $langselect = document.getElementById("hack-lang-select");
  358.     let $hack_earnachievement =  document.getElementById("hack-earn-achievement")
  359.     let $hack_revokeachievement =  document.getElementById("hack-revoke-achievement")
  360.  
  361.     let $inputalert = {
  362.         alert: document.getElementById("hack-alert-input"),
  363.         popup: document.getElementById("hack-alert-input-popup"),
  364.         title: document.getElementById("hack-alert-input-popup-title"),
  365.         desc: document.getElementById("hack-alert-input-popup-desc"),
  366.         input: document.getElementById("hack-alert-input-popup-input"),
  367.         ok: document.getElementById("hack-alert-input-popup-ok")
  368.     }
  369.  
  370.     let $objecthacks = document.getElementById("objects-hacks")
  371.  
  372.     let $cookie = document.getElementById("bigCookie");
  373.  
  374.     dragElement($hackmenu, $popup);
  375.  
  376.     //boolean hack manager
  377.     $hacks.querySelectorAll(".hack-bool").forEach(node => {
  378.         node.addEventListener("click", (e) => {
  379.             if (node.hasAttribute("on")) {
  380.                 node.removeAttribute("on");
  381.             } else {
  382.                 node.setAttribute("on", "");
  383.             }
  384.         }) 
  385.     })
  386.  
  387.     //populate object hacks
  388.     gamePromise.then(() => {
  389.         Object.entries(Game.Objects).forEach(entry => {
  390.             let [key, value] = entry;
  391.             let hack = document.createElement("div");
  392.             hack.className = "hack hack-btn";
  393.             hack.id = `hack-object-amount-${value.bsingle}`;
  394.             hack.setAttribute("lang-string", "set-object-amount");
  395.             hack.setAttribute("supply-val", value.dname);
  396.             hack.setAttribute("key", key);
  397.  
  398.             hack.onclick = (e) => {
  399.                 showInputAlert(hack.innerText, lang.strings["changes-as-you-type"], "number", value.amount, (val) => {
  400.                     value.getFree(+val - value.amount)
  401.                     value.free = 0;
  402.                 })
  403.             }
  404.  
  405.             $objecthacks.append(hack);
  406.         })
  407.         // update language after
  408.         reloadLangs();
  409.     })
  410.  
  411.     reloadLangs();
  412.  
  413.     //class loop
  414.     $hackmenu.querySelectorAll(".hack").forEach(_node => {
  415.         /**@type {HTMLElement} */
  416.         let node = _node;
  417.  
  418.         //tooltip
  419.         node.addEventListener("mousemove", function (e) {
  420.             if (e.target === this) {
  421.                 showTooltip(node.id, e.pageX, e.pageY);
  422.             } else if (e.target instanceof HTMLSelectElement) {
  423.                 if (e.target.value && e.target.value !== "") {
  424.                     showTooltip(Array.from(this.querySelectorAll("option")).find(opt => opt.value === e.target.value).innerHTML, e.pageX, e.pageY, false);
  425.                 }
  426.             } else {
  427.                 hideTooltip();
  428.             }
  429.         })
  430.         node.addEventListener("mouseleave", (e) => {
  431.             hideTooltip();
  432.         })
  433.     })
  434.  
  435.     //menu hide/show
  436.     $popup.addEventListener("click", (e) => {
  437.         if ($hacks.style.display === "none") {
  438.             $hacks.style.display = "";
  439.             $popup.setAttribute("open", "");
  440.         } else {
  441.             $hacks.style.display = "none";
  442.             $popup.removeAttribute("open");
  443.         }
  444.     })
  445.  
  446.     //add event listener to language select
  447.     $langselect.addEventListener("change", (e) => {
  448.         setLang($langselect.value);
  449.     })
  450.  
  451.     //select language
  452.     translations.forEach((translation) => {
  453.         let option = document.createElement("option");
  454.         option.value = translation.lang;
  455.         option.innerText = translation.langName;
  456.         $langselect.append(option);
  457.         Logger.LogInfo(`Loaded language ${translation.lang}: ${translation.langName}`);
  458.     })
  459.  
  460.     //set current language
  461.     $langselect.value = lang.lang;
  462.  
  463.     // Debug menu hack
  464.     document.getElementById("hack-dev-tools").addEventListener("click", (e) => {
  465.         if (isSilentMode()) {
  466.             if (confirm(lang.strings["dev-tools-confirm"])) {
  467.                 Game.OpenSesame();
  468.             }
  469.         } else {
  470.             Game.OpenSesame();
  471.         }
  472.     })
  473.  
  474.     // Cookie spam hack
  475.     let cookieSpamWorker;
  476.  
  477.     $cookie.addEventListener("mousedown", (e) => 
  478.     {
  479.         if (document.getElementById("hack-cookie-spam").hasAttribute("on"))
  480.             cookieSpamWorker = setInterval(() => $cookie.dispatchEvent(new Event("click")));
  481.     })
  482.  
  483.     $cookie.addEventListener("mouseup", (e) => {
  484.         clearInterval(cookieSpamWorker);
  485.     })
  486.  
  487.     // Autoclicker hack
  488.     let autoclickerWorker;
  489.  
  490.     document.getElementById("hack-autoclicker").addEventListener("click", (e) => 
  491.     {
  492.         let cookrect = $cookie.getBoundingClientRect();
  493.         if (document.getElementById("hack-autoclicker").hasAttribute("on"))
  494.             autoclickerWorker = setInterval(() => $cookie.dispatchEvent(new Event("click")), 0);
  495.         else 
  496.             clearInterval(autoclickerWorker);
  497.     })
  498.  
  499.     // Set cookies hack
  500.     document.getElementById("hack-set-cookies").addEventListener("click", (e) => {
  501.         //show input to user
  502.         showInputAlert(lang.hacks["set-cookies"].name, lang.strings["changes-as-you-type"], "number", Game.cookies.toString(), (val) => {
  503.             //earn mode decided by silent mode
  504.             if (isSilentMode()) {
  505.                 Game.Earn(-Game.cookies + +val);
  506.             } else {
  507.                 Game.cookies = +val;
  508.             }
  509.         })
  510.     });
  511.  
  512.     // Delete save hack
  513.     document.getElementById("hack-delete-save").addEventListener("click", (e) => {
  514.         //ask user to confirm
  515.         if (confirm(lang.strings["confirm-save-delete"])) {
  516.             //delete save from localstorage
  517.             localStorage.removeItem("CookieClickerGame");
  518.             //after this reload to confirm 
  519.             window.location.reload();
  520.         }
  521.     });
  522.     
  523.     //earn achievement hack
  524.     $hack_earnachievement.addEventListener("click", function (e) {
  525.         //if clicked on select dont gain achevement
  526.         if (e.target !== this) return;
  527.         //gain selected achievement
  528.         Game.Win($hack_earnachievement.querySelector("select").value)
  529.     })
  530.     //revoke achievement hack (simillar to earn)
  531.     $hack_revokeachievement.addEventListener("click", function (e) {
  532.         if (e.target !== this) return;
  533.         Game.RemoveAchiev($hack_revokeachievement.querySelector("select").value)
  534.     })
  535.  
  536.     gamePromise.then(() => {
  537.         document.getElementById("hack-finish-game").addEventListener("click", (e) => {
  538.             Game.RuinTheFun(true);
  539.         })
  540.     })
  541.  
  542.     /**
  543.      * @param {string} lang 
  544.      */
  545.  
  546.     function setLang(lang) {
  547.         localStorage.setItem("cheats_lang", lang);
  548.         reloadLangs();
  549.     }
  550.  
  551.     function reloadLangs() {
  552.         lang = translations.find((lng) => lng.lang === (localStorage.getItem("cheats_lang") ?? "en"))
  553.  
  554.         //for every hack
  555.         $hackmenu.querySelectorAll(".hack").forEach(node => {
  556.             //add value
  557.             /**@type {string} */
  558.             let transval = (lang.hacks[node.id.replace("hack-", "")] ?? {name: node.id} ).name;
  559.             if (node.hasAttribute("lang-string")) {
  560.                 transval = lang.strings[node.getAttribute("lang-string")];
  561.             }
  562.             if (node.hasAttribute("supply-val")) {
  563.                 transval = transval.replace("%s", node.getAttribute("supply-val"));
  564.             }
  565.             node.innerText = (transval ?? node.id ) ?? node.id
  566.         })
  567.  
  568.         //support for select class
  569.         $hackmenu.querySelectorAll(".hack-select").forEach(node => {
  570.             let select = document.createElement("select");
  571.             select.className = "select-in-hack";
  572.             node.append(select);
  573.         })
  574.  
  575.         // Earn achevement hack
  576.  
  577.         //when Game is avaible do
  578.        gamePromise.then(() => {
  579.             // foreach achevement ingame
  580.             Object.entries(Game.Achievements).forEach((entry) => {
  581.                 const [key, value] = entry;
  582.                 //create option with achievement
  583.                 let option = document.createElement("option");
  584.                 option.value = key;
  585.                 option.innerHTML = value.dname;
  586.                 //add it to hack
  587.                 $hack_earnachievement.querySelector("select").append(option);
  588.                 $hack_revokeachievement.querySelector("select").append(option.cloneNode(true));
  589.             });
  590.         })
  591.  
  592.         //set current language
  593.         $langselect.value = lang.lang;
  594.     }
  595.  
  596.     function isSilentMode() {
  597.         return document.getElementById("hack-silent-mode").hasAttribute("on");
  598.     }
  599.  
  600.  
  601.     /**
  602.      * 
  603.      * @param {string} id 
  604.      * @param {number} x 
  605.      * @param {number} y 
  606.      */
  607.     function showTooltip(id, x, y, translatable = true) {
  608.         //show only if id have description
  609.         if (translatable) {
  610.             if (!lang.hacks[id.replace("hack-", "")]) return;
  611.             if (!lang.hacks[id.replace("hack-", "")].desc) return;
  612.         }
  613.  
  614.         $tooltip.innerText = translatable ? lang.hacks[id.replace("hack-", "")].desc ?? "" : id;
  615.         $tooltip.style.left = x.toString() + "px";
  616.         $tooltip.style.top = y.toString() + "px";
  617.         $tooltip.style.opacity = 1;
  618.     }
  619.  
  620.     function hideTooltip() {
  621.         //$tooltip.innerText = ""; //its needed to be comented because transistion
  622.         $tooltip.style.opacity = 0;
  623.     }
  624.  
  625.     /**
  626.      * Shows input alert.
  627.      * 
  628.      * @param {string} title 
  629.      * @param {string} desc 
  630.      * @param {string} type 
  631.      * @param {string} value 
  632.      * @param {(value: string) => void} setter 
  633.      */
  634.  
  635.     function showInputAlert(title, desc, type, value, setter) {
  636.         $inputalert.ok.onclick = () => {
  637.             setTimeout(() => $inputalert.alert.style.display = "none", 301); 
  638.             setter($inputalert.input.value);
  639.             $inputalert.alert.style.opacity = "0";
  640.         }
  641.  
  642.         $inputalert.title.innerText = title;
  643.         $inputalert.desc.innerText = desc;
  644.  
  645.         $inputalert.input.type = type;
  646.         $inputalert.input.value = value.toString();
  647.         $inputalert.input.onchange = (e) => setter($inputalert.input.value);
  648.  
  649.         $inputalert.alert.style.display = "";
  650.         $inputalert.alert.style.opacity = "1";
  651.     }
  652.  
  653.     /**
  654.      * 
  655.      * @param {HTMLElement} elmnt element to drag 
  656.      * @param {HTMLElement?} dragger element dragging elmnt
  657.      */
  658.     function dragElement(elmnt, dragger) {
  659.         var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  660.         if (document.getElementById(elmnt.id + "header") || dragger) {
  661.           // if present, the header is where you move the DIV from:
  662.           (document.getElementById(elmnt.id + "header") ?? dragger).onmousedown = dragMouseDown;
  663.         } else {
  664.           // otherwise, move the DIV from anywhere inside the DIV:
  665.           elmnt.onmousedown = dragMouseDown;
  666.         }
  667.       
  668.         function dragMouseDown(e) {
  669.           e = e || window.event;
  670.           e.preventDefault();
  671.           // get the mouse cursor position at startup:
  672.           pos3 = e.clientX;
  673.           pos4 = e.clientY;
  674.           document.onmouseup = closeDragElement;
  675.           // call a function whenever the cursor moves:
  676.           document.onmousemove = elementDrag;
  677.           if (document.getElementById(elmnt.id + "header") || dragger) {
  678.             (document.getElementById(elmnt.id + "header") ?? dragger).setAttribute("dragging", "");
  679.           }else {
  680.             elmnt.setAttribute("dragging", "");
  681.           }
  682.         }
  683.       
  684.         function elementDrag(e) {
  685.           e = e || window.event;
  686.           e.preventDefault();
  687.           // calculate the new cursor position:
  688.           pos1 = pos3 - e.clientX;
  689.           pos2 = pos4 - e.clientY;
  690.           pos3 = e.clientX;
  691.           pos4 = e.clientY;
  692.           // set the element's new position:
  693.           elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  694.           elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  695.         }
  696.       
  697.         function closeDragElement() {
  698.           // stop moving when mouse button is released:
  699.           document.onmouseup = null;
  700.           document.onmousemove = null;
  701.  
  702.           if (document.getElementById(elmnt.id + "header") || dragger) {
  703.             (document.getElementById(elmnt.id + "header") ?? dragger).removeAttribute("dragging");
  704.           }else {
  705.             elmnt.removeAttribute("dragging");
  706.           }
  707.         }
  708.       }
  709. })();