☰

MouseHunt - Hween 2021 Trick/Treat map colour coder

Color codes mice on trick/treat maps according to type

  1. // ==UserScript==
  2. // @name         MouseHunt - Hween 2021 Trick/Treat map colour coder
  3. // @author       in59te & Warden Slayer
  4. // @namespace    https://greasyfork.org/en/users/739524-in59te
  5. // @version      1.5
  6. // @description  Color codes mice on trick/treat maps according to type
  7. // @match        http://www.mousehuntgame.com/*
  8. // @match        https://www.mousehuntgame.com/*
  9. // @include      https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js
  10. // ==/UserScript==
  11.  
  12. const standardMice = [
  13.     "Grey Recluse",
  14.     "Cobweb",
  15.     "Teenage Vampire",
  16.     "Zombot Unipire",
  17.     "Candy Cat",
  18.     "Candy Goblin",
  19.     "Shortcut",
  20.     "Tricky Witch",
  21.     "Sugar Rush"
  22. ];
  23. const jackoMice = [
  24.     "Spirit Light",
  25.     "Gourdborg",
  26.     "Pumpkin Hoarder",
  27.     "Trick",
  28.     "Treat",
  29.     "Wild Chainsaw",
  30.     "Maize Harvester"
  31. ];
  32. const boneMice = [
  33.     "Creepy Marionette",
  34.     "Dire Lycan",
  35.     "Grave Robber",
  36.     "Hollowhead",
  37.     "Mousataur Priestess",
  38.     "Sandmouse",
  39.     "Titanic Brain-Taker",
  40.     "Tomb Exhumer"
  41. ];
  42. const pgMice = [
  43.     "Admiral Arrrgh",
  44.     "Captain Cannonball",
  45.     "Ghost Pirate Queen",
  46.     "Gourd Ghoul",
  47.     "Scorned Pirate",
  48.     "Spectral Butler",
  49.     "Spectral Swashbuckler"
  50. ];
  51. const screamMice = [
  52.     "Baba Gaga",
  53.     "Bonbon Gummy Globlin",
  54.     "Hollowed",
  55.     "Hollowed Minion",
  56.     "Swamp Thang"
  57. ];
  58.  
  59. const hunterColor = ["#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff"];
  60. var numHunters = 0;
  61. function hunterColorize() {
  62.     document.querySelectorAll(".treasureMapRootView-subTab:not(.active)")[0].click(); //swap between Goals and Hunters
  63.     let hunters = document.querySelectorAll(".treasureMapView-componentContainer");
  64.     const list_of_cheese = [];
  65.     for (let i = 0; i < hunters.length; i++) {
  66.       list_of_cheese.push(hunters[i].children[2].title);
  67.     }
  68.     //console.log(list_of_cheese);
  69.     numHunters = hunters.length;
  70.     document.querySelectorAll(".treasureMapRootView-subTab:not(.active)")[0].click();
  71.   
  72.     for (let i = 0; i < numHunters; i++) {
  73.         if (list_of_cheese[i] == "Monterey Jack-O-Lantern") {
  74.             hunterColor[i] = "#f9a645";
  75.         }
  76.         else if (list_of_cheese[i] == "Bonefort Cheese") {
  77.             hunterColor[i] = "#bfbfbf";
  78.         }
  79.         else if (list_of_cheese[i] == "Polter-Geitost") {
  80.             hunterColor[i] = "#5d9fce";
  81.         }
  82.         else if (list_of_cheese[i] == "Scream Cheese") {
  83.             hunterColor[i] = "#5ae031";
  84.         }
  85.         else {
  86.             hunterColor[i] = "#fff935";
  87.         }
  88.     }
  89.     //console.log(hunterColor);
  90. }
  91.  
  92. function colorize() {
  93.  
  94.   let stdColor = "#fff935"; // yellow
  95.   let stdCount = 0;
  96.   let boneColor = "#bfbfbf"; // white
  97.   let boneCount = 0;
  98.   let screamColor = "#5ae031"; // green
  99.   let screamCount = 0;
  100.   let pgColor = "#5d9fce"; // blue
  101.   let pgCount = 0;
  102.   let jackoColor = "#f9a645"; // orange
  103.   let jackoCount = 0;
  104.   const greyColor = "#949494";
  105.  
  106.   const isChecked =
  107.     localStorage.getItem("highlightPref") === "uncaught-only" ? true : false;
  108.   const isCheckedStr = isChecked ? "checked" : "";
  109.  
  110.   if (
  111.     document.querySelectorAll(".treasureMapView-goals-group-goal").length === 0
  112.   ) {
  113.     return;
  114.   }
  115.  
  116.   document.querySelectorAll(".treasureMapView-goals-group-goal").forEach(el => {
  117.     el.querySelector("span").style = "color: black; font-size: 11px;";
  118.  
  119.     const mouseName = el.querySelector(".treasureMapView-goals-group-goal-name")
  120.       .textContent;
  121.  
  122.     if (standardMice.indexOf(mouseName) > -1) {
  123.       el.style.backgroundColor = stdColor;
  124.       if (el.className.indexOf(" complete ") < 0) {
  125.         stdCount++;
  126.       } else {
  127.         if (isChecked) el.style.backgroundColor = "white";
  128.       }
  129.     } else if (jackoMice.indexOf(mouseName) > -1) {
  130.       el.style.backgroundColor = jackoColor;
  131.       if (el.className.indexOf(" complete ") < 0) {
  132.         jackoCount++;
  133.       } else {
  134.         if (isChecked) el.style.backgroundColor = "white";
  135.       }
  136.     } else if (boneMice.indexOf(mouseName) > -1) {
  137.       el.style.backgroundColor = boneColor;
  138.       if (el.className.indexOf(" complete ") < 0) {
  139.         boneCount++;
  140.       } else {
  141.         if (isChecked) el.style.backgroundColor = "white";
  142.       }
  143.     } else if (screamMice.indexOf(mouseName) > -1) {
  144.       el.style.backgroundColor = screamColor;
  145.       if (el.className.indexOf(" complete ") < 0) {
  146.         screamCount++;
  147.       } else {
  148.         if (isChecked) el.style.backgroundColor = "white";
  149.       }
  150.     } else if (pgMice.indexOf(mouseName) > -1) {
  151.       el.style.backgroundColor = pgColor;
  152.       if (el.className.indexOf(" complete ") < 0) {
  153.         pgCount++;
  154.       } else {
  155.         if (isChecked) el.style.backgroundColor = "white";
  156.       }
  157.     }
  158.   });
  159.  
  160.   stdColor = stdCount > 0 ? stdColor : greyColor;
  161.   jackoColor = jackoCount > 0 ? jackoColor : greyColor;
  162.   boneColor = boneCount > 0 ? boneColor : greyColor;
  163.   pgColor = pgCount > 0 ? pgColor : greyColor;
  164.   screamColor = screamCount > 0 ? screamColor : greyColor;
  165.  
  166.   // Remove existing GWH Map related elements before proceeding
  167.   document.querySelectorAll(".tsitu-gwh-map").forEach(el => el.remove());
  168.  
  169.   const masterDiv = document.createElement("div");
  170.   masterDiv.className = "tsitu-gwh-map";
  171.   masterDiv.style =
  172.     "display: inline-flex; margin-bottom: 10px; width: 100%; text-align: center; line-height: 1.5; overflow: hidden";
  173.   const spanStyle =
  174.     "; width: auto; padding: 5px; font-weight: bold; font-size: 12.75px; text-shadow: 0px 0px 11px white";
  175.  
  176.   const stdSpan = document.createElement("span");
  177.   stdSpan.classList.add("stdSpan");
  178.   stdSpan.style = "background-color: " + stdColor + spanStyle;
  179.   stdSpan.innerHTML = "Std<br>" + stdCount;
  180.  
  181.   const jackoSpan = document.createElement("span");
  182.   jackoSpan.classList.add("jackoSpan");
  183.   jackoSpan.style = "background-color: " + jackoColor + spanStyle;
  184.   jackoSpan.innerHTML = "Jack<br>" + jackoCount;
  185.  
  186.   const boneSpan = document.createElement("span");
  187.   boneSpan.classList.add("boneSpan");
  188.   boneSpan.style = "background-color: " + boneColor + spanStyle;
  189.   boneSpan.innerHTML = "Bone<br>" + boneCount;
  190.  
  191.   const pgSpan = document.createElement("span");
  192.   pgSpan.classList.add("pgSpan");
  193.   pgSpan.style = "background-color: " + pgColor + spanStyle;
  194.   pgSpan.innerHTML = "PG<br>" + pgCount;
  195.  
  196.   const screamSpan = document.createElement("span");
  197.   screamSpan.classList.add("screamSpan");
  198.   screamSpan.style = "background-color: " + screamColor + spanStyle;
  199.   screamSpan.innerHTML = "Scream<br>" + screamCount;
  200.  
  201.   // Highlight uncaught only feature
  202.   const highlightLabel = document.createElement("label");
  203.   highlightLabel.htmlFor = "tsitu-highlight-box";
  204.   highlightLabel.innerText = "Highlight uncaught mice only";
  205.  
  206.   const highlightBox = document.createElement("input");
  207.   highlightBox.type = "checkbox";
  208.   highlightBox.name = "tsitu-highlight-box";
  209.   highlightBox.style.verticalAlign = "middle";
  210.   highlightBox.checked = isChecked;
  211.   highlightBox.addEventListener("click", function () {
  212.     if (highlightBox.checked) {
  213.       localStorage.setItem("highlightPref", "uncaught-only");
  214.     } else {
  215.       localStorage.setItem("highlightPref", "all");
  216.     }
  217.     hunterColorize();
  218.     colorize();
  219.   });
  220.  
  221.   const highlightDiv = document.createElement("div");
  222.   highlightDiv.className = "tsitu-gwh-map";
  223.   highlightDiv.style = "float: right; position: relative; z-index: 1";
  224.   highlightDiv.appendChild(highlightBox);
  225.   highlightDiv.appendChild(highlightLabel);
  226.  
  227.   // Assemble masterDiv
  228.   masterDiv.appendChild(stdSpan);
  229.   masterDiv.appendChild(jackoSpan);
  230.   masterDiv.appendChild(boneSpan);
  231.   masterDiv.appendChild(pgSpan);
  232.   masterDiv.appendChild(screamSpan);
  233.  
  234.   // Inject into DOM
  235.   const insertEl = document.querySelector(
  236.     ".treasureMapView-leftBlock .treasureMapView-block-content"
  237.   );
  238.   if (
  239.     insertEl &&
  240.     document.querySelector(
  241.       ".treasureMapRootView-header-navigation-item.tasks.active" // On "Active Maps"
  242.     )
  243.   ) {
  244.     insertEl.insertAdjacentElement("afterbegin", highlightDiv);
  245.     insertEl.insertAdjacentElement("afterbegin", masterDiv);
  246.   }
  247.  
  248.   var canvas = [];
  249.   var div = document.getElementsByClassName("treasureMapView-hunter-wrapper mousehuntTooltipParent");
  250.  
  251.   for (var i=0; i<div.length; i++){
  252.     canvas[i] = document.createElement('canvas');
  253.     canvas[i].id = "hunter-canvas";
  254.     canvas[i].style = "; bottom: 0px; left: 0px; position: absolute; width: 15px; height: 15px; background: " + hunterColor[i] + "; border: 1px solid black";
  255.     div[i].appendChild(canvas[i]);
  256.   }
  257.  
  258.   // "Goals" button
  259.   document.querySelector("[data-type='show_goals']").onclick = function () {
  260.     colorize();
  261.   };
  262. }
  263.  
  264. // Listen to XHRs, opening a map always at least triggers board.php
  265. const originalOpen = XMLHttpRequest.prototype.open;
  266. XMLHttpRequest.prototype.open = function () {
  267.   this.addEventListener("load", function () {
  268.     const chestEl = document.querySelector(
  269.       ".treasureMapView-mapMenu-rewardName"
  270.     );
  271.  
  272.     if (chestEl) {
  273.       const chestName = chestEl.textContent;
  274.       if (
  275.         chestName &&
  276.         ((chestName.indexOf("Halloween") >= 0) ||
  277.         (chestName.indexOf("Undead") >= 0))
  278.       ) {
  279.         hunterColorize();
  280.         colorize();
  281.       }
  282.     }
  283.   });
  284.   originalOpen.apply(this, arguments);
  285. };
  286.  
  287. //Warden added this (waves)
  288. $(document).on('click', '.stdSpan', function() {
  289.   hg.utils.TrapControl.setBait(114).go();
  290. });
  291. $(document).on('click', '.jackoSpan', function() {
  292.   hg.utils.TrapControl.setBait(3305).go();
  293. });
  294. $(document).on('click', '.boneSpan', function() {
  295.   hg.utils.TrapControl.setBait(3306).go();
  296. });
  297. $(document).on('click', '.pgSpan', function() {
  298.   hg.utils.TrapControl.setBait(3307).go();
  299. });
  300. $(document).on('click', '.screamSpan', function() {
  301.   hg.utils.TrapControl.setBait(3308).go();
  302. });