mousehunt-improved 0.97.1

package/src/modules/location-huds/locations/town-of-gnawnia/styles.css

@@ -0,0 +1,48 @@
+.townOfGnawniaHUD-intro {
+  line-height: 17px;
+}
+
+.townOfGnawniaHUD-bountyRewardContainer {
+  background: #e5c9a8 url(https://www.mousehuntgame.com/images/items/stats/large/f659a8a07d3877df4165b188f13bb0db.png) 5px 0 no-repeat;
+  background-size: contain;
+}
+
+.townOfGnawniaHUD-mouse-bait-thumb {
+  background-color: #c19d74;
+  outline: 2px solid #886843;
+}
+
+.townOfGnawniaHUD-mouse-bait-name {
+  font-size: 13px;
+}
+
+.townOfGnawniaHUD-mouse-image.reveal {
+  animation-name: town-of-gnawnia-mouse-reveal-new;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  .townOfGnawniaHUD-mouse-image {
+    animation: none;
+  }
+}
+
+@keyframes town-of-gnawnia-mouse-reveal-new {
+  0% {
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+
+  50% {
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    transform: rotate(3deg);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}

package/src/modules/location-huds/locations/train-station/index.js

@@ -0,0 +1,10 @@
+import { addHudStyles } from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addHudStyles(styles);
+};

package/src/modules/location-huds/locations/train-station/styles.css

@@ -0,0 +1,31 @@
+/* Taller Train Station HUD */
+.pendingTrainContainer .trainTableBody {
+  height: 340px;
+}
+
+.trainStationHUD {
+  height: 400px;
+}
+
+/* Hide the big wrong environment warning and just show it over the timer bar */
+.trainStationHUD .trainStationPhase .wrongEnvironment b {
+  position: absolute;
+  top: -41px;
+  box-sizing: border-box;
+  height: 32px;
+  padding: 3px 10px;
+  font-weight: 400;
+  line-height: 30px;
+  vertical-align: middle;
+  background-color: #ffbfbf;
+}
+
+.mousehuntHud-marbleDrawer .tournamentStatusHud.hasError.train {
+  height: 32px;
+  overflow: hidden;
+}
+
+.pendingTrainContainer .trainRow:hover,
+.pendingTrainContainer .trainRow:nth-child(even):hover {
+  background-color: #645052;
+}

package/src/modules/location-huds/locations/windmill/index.js

@@ -0,0 +1,53 @@
+import { addHudStyles } from '@utils';
+
+import styles from './styles.css';
+
+let start;
+
+/**
+ * Spin the windmill needle when it's clicked.
+ */
+const spinNeedle = () => {
+  const needle = document.querySelector('.windmillHud-needle');
+  if (! needle) {
+    return;
+  }
+
+  const speed = document.querySelector('.windmillHud-speed');
+  if (! speed) {
+    return;
+  }
+
+  start = needle.style.transform.match(/rotate\(([^)]+)\)/);
+  if (! start.length > 1) {
+    return;
+  }
+
+  start = Number.parseInt(start[1].replace('deg', ''), 10);
+
+  let timeout;
+  let spins = 1;
+  speed.addEventListener('click', () => {
+    needle.style.transition = 'transform 0.4s';
+    needle.style.transform = `rotate(${start + (360 * spins)}deg)`;
+
+    spins += 1;
+
+    clearTimeout(timeout);
+
+    timeout = setTimeout(() => {
+      needle.style.transition = 'none';
+      needle.style.transform = `rotate(${start}deg)`;
+
+      spins = 1;
+    }, spins * 400);
+  });
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addHudStyles(styles);
+  spinNeedle();
+};

package/src/modules/location-huds/locations/windmill/styles.css

@@ -0,0 +1,73 @@
+.windmillHud-helpContainer-section-quantity {
+  font-size: 12px;
+  font-weight: 49;
+  color: #000;
+}
+
+.windmillHud-bossContainer.complete::after {
+  position: absolute;
+  inset: 0;
+  display: block;
+  content: "";
+  background: url(https://www.mousehuntgame.com/images/ui/hud/windmill/boss.png) 0 100% no-repeat;
+  filter: drop-shadow(2px 4px 4px #16240a);
+}
+
+.windmillHud-helpContainer-section-content {
+  top: -5px;
+  right: 0;
+  left: 57px;
+  height: 80px;
+  line-height: 13px;
+}
+
+.windmillHud-helpContainer-section-title {
+  margin-bottom: 5px;
+}
+
+.windmillHud-bonusContainer {
+  top: 34px;
+  left: 110px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 105px;
+  height: 67px;
+  padding: 0;
+  font-size: 11px;
+  text-align: center;
+}
+
+.windmillHud-bonusContainer.none .windmillHud-bonus.none,
+.windmillHud-bonusContainer.low .windmillHud-bonus.low,
+.windmillHud-bonusContainer.ultra_low .windmillHud-bonus.ultra_low,
+.windmillHud-bonusContainer.medium .windmillHud-bonus.medium,
+.windmillHud-bonusContainer.high .windmillHud-bonus.high,
+.windmillHud-bonusContainer.max .windmillHud-bonus.max {
+  line-height: 1.4;
+}
+
+.windmillHud-bonusContainer.none {
+  font-size: 13px;
+}
+
+.windmillHud-bonusContainer.low .windmillHud-bonus.low,
+.windmillHud-bonusContainer.medium .windmillHud-bonus.medium {
+  font-size: 12px;
+}
+
+.windmillHud-speed {
+  left: 17px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 20px;
+  font-size: 13px;
+  font-weight: 900;
+  user-select: none;
+}
+
+.windmillHud-speed span {
+  margin-right: 5px;
+}

package/src/modules/location-huds/locations/zugzwang-tower/index.js

@@ -0,0 +1,10 @@
+import { addHudStyles } from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addHudStyles(styles);
+};

package/src/modules/location-huds/locations/zugzwang-tower/styles.css

@@ -0,0 +1,54 @@
+.zuzwangsTowerHUD-progress {
+  overflow: visible;
+  counter-reset: chess 0;
+}
+
+.zuzwangsTowerHUD-progress img {
+  position: relative;
+  display: inline-block;
+  counter-increment: chess 1;
+}
+
+.zuzwangsTowerHUD:hover .zuzwangsTowerHUD-progress::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  padding: 2px;
+  margin-right: -40px;
+  font-size: 10px;
+  color: #000;
+  content: counter(chess) "/15";
+  background-color: #dcccb3;
+  border-radius: 10px;
+}
+
+.zuzwangsTowerHUD-amplifierBoundingBox .mousehuntTooltip {
+  left: 86px;
+}
+
+.zuzwangsTowerHUD-amplifierBoundingBox .mousehuntTooltip .mousehuntTooltip-arrow {
+  display: none;
+}
+
+.zuzwangsTowerHUD-currentAmplifier {
+  top: 19px;
+  font-size: 15px;
+  text-shadow: 1px 1px 0 #ded3c1;
+}
+
+.zuzwangsTowerHUD::before {
+  position: absolute;
+  top: 4px;
+  left: 125px;
+  padding: 0 20px;
+  font-size: 12px;
+  font-weight: 900;
+  color: #765e4c;
+  content: "Tower Amplifier";
+  background: radial-gradient(circle, #dac8ab 14%, #efe2cd 76%, transparent 100%);
+}
+
+.zugzwangsTowerHUD-retreatButton:hover {
+  background-color: #7d2b2b;
+}

package/src/modules/location-huds/settings.js

@@ -0,0 +1,124 @@
+import { getData } from '@utils';
+
+/**
+ * Add settings for the module.
+ *
+ * @return {Array} The settings for the module.
+ */
+export default async () => {
+  const locationsToUnset = new Set([
+    'desert_oasis',
+    'lost_city',
+    'sand_dunes',
+    'queso_geyser',
+    'queso_plains',
+    'queso_quarry',
+    'queso_river',
+    // Don't have HUD changes for these.
+    'meadow',
+    'training_grounds',
+    'zugzwang_library',
+  ]);
+
+  const locationsToAdd = [
+    {
+      name: 'Living Garden Region',
+      id: 'region-living-garden',
+    },
+    {
+      name: 'Queso Canyon Region',
+      id: 'region-queso',
+    },
+    {
+      name: 'Event Locations',
+      id: 'event-locations',
+    },
+  ];
+
+  const options = [];
+
+  const environments = await getData('environments');
+  const eventEnvironments = await getData('environments-events');
+
+  for (const environment of environments) {
+    if (locationsToUnset.has(environment.id)) {
+      continue;
+    }
+
+    if (eventEnvironments.some((event) => event.id === environment.id)) {
+      continue;
+    }
+
+    options.push(environment);
+  }
+
+  options.sort((a, b) => {
+    if (a.name < b.name) {
+      return -1;
+    }
+
+    if (a.name > b.name) {
+      return 1;
+    }
+
+    return 0;
+  });
+
+  // merge the locations to add with the locations to show as options
+  locationsToAdd.forEach((location) => {
+    options.push(location);
+  });
+
+  const optionsToReturn = [];
+
+  for (const location of options) {
+    optionsToReturn.push({
+      id: `location-huds-enabled.${location.id}`,
+      title: location.name,
+      default: true,
+      description: location.description,
+      settings: location.settings || {},
+    });
+  }
+
+  optionsToReturn.push(
+    {
+      name: '',
+      id: 'option-seperator',
+      settings: {
+        type: 'blank',
+      }
+    },
+    {
+      id: 'location-huds.location-hud-toggle',
+      title: 'Enable quick toggle (top menu bar)',
+    },
+    {
+      id: 'location-huds.flip-avatar-images',
+      title: 'Flip avatar images in Bountiful Beanstalk and Valour Rift',
+    },
+    {
+      id: 'location-huds.bountiful-beanstalk-quick-harp-toggle',
+      title: 'Bountiful Beanstalk: Enable Auto-Harp toggle',
+    },
+    {
+      id: 'location-huds.bountiful-beanstalk-inventory-in-one-row',
+      title: 'Bountiful Beanstalk: Inventory in one row',
+    },
+    {
+      id: 'location-huds.fi-draggable-airship',
+      title: 'Floating Islands: Draggable Airship',
+    },
+    {
+      id: 'location-huds.school-of-sorcery-clean-chalkboard',
+      title: 'School of Sorcery: Clean chalkboard',
+    },
+    {
+      id: 'location-huds.table-of-contents-scrambles',
+      title: 'Table of Contents: Show Scrambles quote on blank page',
+      default: true,
+    }
+  );
+
+  return optionsToReturn;
+};

package/src/modules/location-huds/shared/cheese-selectors/index.js

@@ -0,0 +1,143 @@
+import {
+  doEvent,
+  getCurrentLocation,
+  getUserItems,
+  makeElement,
+  onRequest
+} from '@utils';
+
+/**
+ * Makes the cheese selector element.
+ *
+ * @param {Array} cheesesToUse Array of cheese types to use.
+ *
+ * @return {HTMLElement} The cheese selector element.
+ */
+const makeCheeseSelectorElement = async (cheesesToUse) => {
+  const wrapper = makeElement('div', ['townOfGnawniaHUD', 'allBountiesComplete', 'mh-ui-cheese-selector-wrapper']);
+  const cheesesContainer = makeElement('div', ['townOfGnawniaHUD-baitContainer', 'mh-ui-cheese-selector']);
+
+  const cheeses = await getUserItems(cheesesToUse);
+
+  for (const cheese of cheeses) {
+    const cheeseContainer = makeElement('div', ['townOfGnawniaHUD-bait', `mh-ui-cheese-selector-${cheese.type}`]);
+    cheeseContainer.setAttribute('data-item-type', cheese.type);
+    cheeseContainer.setAttribute('data-item-classification', 'bait');
+    cheeseContainer.setAttribute('onclick', 'hg.utils.TrapControl.toggleItem(this); return false;');
+
+    // if this is the currently selected cheese, add the selected class.
+    if (user.bait_item_id === cheese.item_id) {
+      cheeseContainer.classList.add('active');
+    } else {
+      cheeseContainer.classList.remove('active');
+    }
+
+    const cheeseImage = makeElement('div', 'townOfGnawniaHUD-bait-image');
+    cheeseImage.style.backgroundImage = `url(${cheese.thumbnail_transparent || cheese.thumbnail})`;
+    cheeseContainer.append(cheeseImage);
+
+    makeElement('div', ['townOfGnawniaHUD-bait-name', 'quantity'], cheese.name.replace(' Cheese', ''), cheeseContainer);
+    makeElement('div', ['townOfGnawniaHUD-bait-quantity', 'quantity'], cheese.quantity.toLocaleString(), cheeseContainer);
+
+    cheesesContainer.append(cheeseContainer);
+  }
+
+  wrapper.append(cheesesContainer);
+
+  return wrapper;
+};
+
+/**
+ * Adds a cheese selector a a location that usually doesn't have a HUD.
+ *
+ * @param {string} location     Name of the location.
+ * @param {Array}  cheesesToUse Array of cheese types to use.
+ */
+const makeCheeseSelector = async (location, cheesesToUse) => {
+  if (location.replaceAll('-', '_') !== getCurrentLocation()) {
+    const existingCheeseSelector = document.querySelector('.mh-ui-cheese-selector-wrapper');
+    if (existingCheeseSelector) {
+      existingCheeseSelector.remove();
+    }
+
+    return;
+  }
+
+  const hud = document.querySelector('#hudLocationContent');
+  if (! hud) {
+    return;
+  }
+
+  const cheeseSelector = await makeCheeseSelectorElement(cheesesToUse);
+
+  const existingCheeseSelector = document.querySelector('.mh-ui-cheese-selector-wrapper');
+  if (existingCheeseSelector) {
+    existingCheeseSelector.replaceWith(cheeseSelector);
+  } else {
+    hud.after(cheeseSelector);
+  }
+
+  doEvent('mh-improved-cheese-selector-added', location, cheesesToUse);
+};
+
+/**
+ * Get the cheeses to use, filling in with defaults if needed.
+ *
+ * @param {Array} cheeses Array of cheese types to use.
+ *
+ * @return {Array} Array of cheese types to use.
+ */
+const getCheeses = (cheeses) => {
+  const defaultCheeses = [
+    'cheddar_cheese',
+    'brie_cheese',
+    'gouda_cheese',
+    'super_brie_cheese',
+  ];
+
+  // Append cheeses to make the array 4 items long.
+  while (cheeses.length < 4) {
+    // add it in reverse so we don't mess up the order.
+    cheeses.unshift(defaultCheeses.pop());
+  }
+
+  return cheeses;
+};
+
+let replaced = false;
+
+/**
+ * Replace the camp showTab function to trigger an event.
+ */
+const replaceCampShowTab = () => {
+  if (replaced) {
+    return;
+  }
+
+  replaced = true;
+
+  const _original = app.pages.CampPage.showTab;
+
+  /**
+   * Replacement for the showTab function.
+   *
+   * @param {any} args Arguments passed to the original function.
+   */
+  app.pages.CampPage.showTab = (...args) => {
+    _original(...args);
+    doEvent('set_camp_tab', ...args);
+  };
+};
+
+/**
+ * Initialize the module.
+ *
+ * @param {string} location Name of the location.
+ * @param {Array}  cheeses  Array of cheese types to use.
+ */
+export default (location, cheeses) => {
+  replaceCampShowTab();
+
+  makeCheeseSelector(location, getCheeses(cheeses));
+  onRequest('*', () => makeCheeseSelector(location, getCheeses(cheeses)));
+};

package/src/modules/location-huds/shared/crafting-buttons/index.js

@@ -0,0 +1,133 @@
+import { addStyles, doRequest, makeElement, makeMhButton } from '@utils';
+import styles from './styles.css';
+
+/**
+ * Add crafting buttons to the baits.
+ *
+ * @param {Object} options           Configuration for crafting buttons.
+ * @param {Object} options.baits     Configuration for each bait type.
+ * @param {Object} options.selectors CSS selectors for bait elements.
+ */
+const addCraftingButtons = async ({ baits, selectors }) => {
+  addStyles(styles, 'location-huds-shared-crafting-buttons');
+
+  const baitContainers = document.querySelectorAll(selectors.baits);
+  if (! baitContainers) {
+    return;
+  }
+
+  /**
+   * Purchase bait from the shop.
+   *
+   * @param {string}  shopItem The shop item to purchase.
+   * @param {number}  quantity The quantity to purchase.
+   * @param {Element} popup    The popup element.
+   * @return {boolean} True if the purchase was successful.
+   */
+  const purchaseBait = async (shopItem, quantity, popup) => {
+    popup.classList.add('loading');
+
+    const results = await doRequest('managers/ajax/purchases/itempurchase.php', {
+      type: shopItem,
+      quantity,
+      buy: 1,
+      is_kings_cart_item: 0,
+    });
+
+    popup.classList.remove('loading');
+    if (! results?.success) {
+      popup.classList.add('error');
+      setTimeout(() => popup.classList.remove('error'), 1000);
+      return false;
+    }
+
+    const updatedQuantities = {
+      ...Object.fromEntries(Object.entries(results.inventory || {}).map(([key, val]) => [key, val.quantity])),
+      ...Object.fromEntries(Object.entries(results.items || {}).map(([key, val]) => [key, val.num_owned])),
+    };
+
+    baitContainers.forEach((container) => {
+      const baitQuantity = container.querySelector(selectors.baitQuantity);
+      if (baitQuantity) {
+        const baitType = baitQuantity.getAttribute('data-item-type');
+        if (baitType && updatedQuantities[baitType]) {
+          baitQuantity.innerText = updatedQuantities[baitType].toLocaleString();
+        }
+      }
+
+      const craftQuantity = container.querySelector(selectors.baitCraftQty);
+      if (craftQuantity) {
+        const craftType = craftQuantity.getAttribute('data-item-type');
+        if (craftType && updatedQuantities[craftType]) {
+          craftQuantity.innerText = updatedQuantities[craftType].toLocaleString();
+        }
+      }
+
+      if (selectors.baitBuyButton) {
+        const buyButton = container.querySelector(selectors.baitBuyButton);
+        if (buyButton) {
+          if (buyButton.classList.contains('disabled')) {
+            buyButton.classList.add('disabled');
+          } else {
+            buyButton.classList.remove('disabled');
+          }
+        }
+      }
+    });
+
+    popup.classList.add('success');
+    setTimeout(() => popup.classList.remove('success'), 1000);
+    return true;
+  };
+
+  baitContainers.forEach((container) => {
+    const quantityElement = container.querySelector(selectors.baitQuantity);
+    if (! quantityElement || container.querySelector('.mh-crafting-popup')) {
+      return;
+    }
+
+    quantityElement.classList.add('mousehuntTooltipParent', 'mh-crafting-popup-parent');
+    const popup = makeElement('div', ['mh-crafting-popup']);
+    const actions = makeElement('div', 'mh-crafting-actions');
+    const baitType = container.getAttribute('data-item-type');
+
+    if (baits[baitType]) {
+      const { amounts, shop, shopNormal } = baits[baitType];
+      amounts.forEach((amount) => {
+        const isNormal = amount.toString().includes('-normal');
+        const qty = isNormal ? Number.parseInt(amount.replace('-normal', ''), 10) : amount / 2;
+        const className = isNormal ? 'mh-crafting-action' : 'mh-crafting-action lightBlue';
+        const title = `Craft ${qty}${isNormal ? '' : ' using Magic Essence'}`;
+        const shopItem = isNormal ? shopNormal : shop;
+
+        const button = makeMhButton({
+          text: `Craft ${qty}`,
+          className,
+          title,
+          callback: () => purchaseBait(shopItem, qty, popup),
+          appendTo: actions,
+        });
+
+        if (selectors.baitBuyButton) {
+          const buyButton = container.querySelector(selectors.baitBuyButton);
+          if (buyButton && buyButton.classList.contains('disabled')) {
+            button.classList.add('disabled');
+          }
+        }
+      });
+    }
+
+    popup.append(actions);
+
+    const existingTooltip = container.querySelector('.mousehuntTooltip');
+    if (existingTooltip) {
+      existingTooltip.classList.remove('noEvents');
+      existingTooltip.insertBefore(popup, existingTooltip.lastChild);
+    } else {
+      popup.classList.add('mousehuntTooltip', 'tight', 'top');
+      container.append(popup);
+    }
+  });
+};
+
+export default addCraftingButtons;