mousehunt-improved 0.97.1

package/src/modules/location-huds/locations/ancient-city/styles.css

@@ -0,0 +1,251 @@
+.ancientCityHUD-total.mousehuntTooltipParent {
+  top: 34px;
+  right: 135px;
+  left: 552px;
+  width: unset;
+  padding: 11px 5px;
+  font-size: 12px;
+  font-weight: 900;
+  text-shadow: 0 0 1px #000;
+}
+
+.ancientCityHUD-total.mousehuntTooltipParent .mousehuntTooltip {
+  font-weight: 400;
+  text-shadow: none;
+}
+
+.ancientCityHUD-countDown {
+  top: 0;
+  right: 10px;
+  font-size: 36px;
+  text-shadow: 2px 2px 2px #171717;
+}
+
+.ancientCityHUD-bossLabel {
+  text-shadow: 2px 2px 2px #171717;
+}
+
+.ancientCityHUD-tier-number {
+  margin-top: 4px;
+  margin-right: -4px;
+  text-shadow: 1px 1px 2px #171717;
+}
+
+.ancientCityHUD-progress {
+  margin-left: 1px;
+  background: #e8da17;
+  border-radius: 1px;
+}
+
+span.ancientCityHUD-alertLevel {
+  position: absolute;
+  right: 3px;
+  bottom: 2px;
+  left: 1px;
+  text-align: center;
+  text-shadow: 1px 1px 2px #171717;
+}
+
+.ancientCityHUD-districtName {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  font-size: 13px;
+  color: #c6c6c6;
+}
+
+.ancientCityHUD-item-quantity {
+  position: absolute;
+  top: 1px;
+  padding: 0 4px;
+  margin-left: 3px !important;
+  font-size: 11px;
+  line-height: unset;
+  text-align: center;
+  background-color: #000;
+  border-radius: 5px;
+}
+
+.ancientCityHUD-item:nth-child(1) .ancientCityHUD-item-name,
+.ancientCityHUD-item:nth-child(2) .ancientCityHUD-item-name,
+.ancientCityHUD-item:nth-child(3) .ancientCityHUD-item-name,
+.ancientCityHUD-item:nth-child(4) .ancientCityHUD-item-name,
+.ancientCityHUD-item:nth-child(5) .ancientCityHUD-item-name {
+  width: 96px;
+  margin-left: 47px;
+  font-size: 11px;
+  font-weight: 900;
+  text-align: center;
+  text-shadow: 0 0 1px #000;
+  border-radius: 20px;
+}
+
+.ancientCityHUD-item:hover .ancientCityHUD-item-location,
+.ancientCityHUD-item:focus .ancientCityHUD-item-location {
+  position: absolute;
+  top: unset;
+  bottom: -25px;
+  padding: 3px;
+  font-size: 9px;
+  color: #000;
+  text-align: center;
+  background: #fff;
+  border: 2px solid #000;
+  border-radius: 10px;
+  box-shadow: 2px 3px 4px #666;
+}
+
+.ancientCityHUD-item {
+  top: 5px;
+}
+
+.ancientCityHUD-bossSecretLabel {
+  font-size: 13px;
+  text-shadow: 0 1px 1px #3d3d3d;
+}
+
+.ancientCityHUD.secret .ancientCityHUD-bossContainer:active {
+  background-position: 0 0;
+}
+
+.ancientCityHUD {
+  background-image: url(https://i.mouse.rip/hud-zokor-updated.png);
+  filter: drop-shadow(0 3px 5px #0a0803);
+}
+
+.ancientCityHUD-tier {
+  background-image: url(https://i.mouse.rip/hud-zokor-alert.png);
+}
+
+.ancientCityHUD-bossContainer.active .ancientCityHUD-bossLabel.active,
+.ancientCityHUD-bossContainer.defeated .ancientCityHUD-bossLabel.defeated {
+  top: 20px;
+  left: 46px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: #fff;
+}
+
+.ancientCityHUD-districtName-f .ancientCityHUD-bossName {
+  color: #11f400;
+}
+
+.ancientCityHUD-districtName-h .ancientCityHUD-bossName {
+  color: #21e2ff;
+}
+
+.ancientCityHUD-districtName-s .ancientCityHUD-bossName {
+  color: #e96300;
+}
+
+.ancientCityHUD-districtName-y .ancientCityHUD-bossName {
+  color: #d851ff;
+}
+
+.ancientCityHUD-districtName-t .ancientCityHUD-bossName {
+  color: #ffe400;
+}
+
+.huntersHornView__message.huntersHornView__message--active.oil-charm-warning .huntersHornMessageView--unknown_error .huntersHornMessageView__content::before {
+  display: none;
+}
+
+.huntersHornView__message.huntersHornView__message--active.oil-charm-warning .huntersHornMessageView--unknown_error {
+  border-image-source: url(https://i.mouse.rip/horn-message-blank-pink.png);
+}
+
+.ancientCityHUD-bossNameDefeated {
+  margin-left: 5px;
+  font-size: 11px;
+  color: #c6c6c6;
+}
+
+.ancientCityHUD-bossContainer.defeated .ancientCityHUD-bossLabel.defeated.stealth-view {
+  inset: 12px 0 0 40px;
+  width: auto;
+  line-height: 1.2;
+}
+
+.ancientCityHUD-bossContainer.defeated .ancientCityHUD-bossLabel.defeated.stealth-view .stealth-remaining {
+  font-size: 26px;
+}
+
+.ancientCityHUD-bossContainer {
+  background-image: url(https://i.mouse.rip/hud-zokor-doors.png);
+}
+
+.ancientCityHUD-f .ancientCityHUD-progress {
+  background-color: #11f400;
+  box-shadow: 0 -5px 5px #0a8f00 inset;
+}
+
+.ancientCityHUD-h .ancientCityHUD-progress {
+  background-color: #21e2ff;
+  box-shadow: 0 -5px 5px #009fb8 inset;
+}
+
+.ancientCityHUD-s .ancientCityHUD-progress {
+  background-color: #e96300;
+  box-shadow: 0 -5px 5px #853700 inset;
+}
+
+.ancientCityHUD-y .ancientCityHUD-progress {
+  background-color: #d851ff;
+  box-shadow: 0 -5px 5px #b800eb inset;
+}
+
+.ancientCityHUD-t .ancientCityHUD-progress {
+  background-color: #ffe400;
+  box-shadow: 0 -5px 5px #998a00 inset;
+}
+
+.ancientCityHUD-item.active::after {
+  display: none;
+}
+
+.ancientCityHUD-f .ancientCityHUD-item.active .ancientCityHUD-item-quantity.quantity {
+  background-color: #004d00;
+}
+
+.ancientCityHUD-h .ancientCityHUD-item.active .ancientCityHUD-item-quantity.quantity {
+  background-color: #004651;
+}
+
+.ancientCityHUD-s .ancientCityHUD-item.active .ancientCityHUD-item-quantity.quantity {
+  background-color: #4d2a00;
+}
+
+.ancientCityHUD-y .ancientCityHUD-item.active .ancientCityHUD-item-quantity.quantity {
+  background-color: #4d004d;
+}
+
+.ancientCityHUD-t .ancientCityHUD-item.active .ancientCityHUD-item-quantity.quantity {
+  background-color: #4d4d00;
+}
+
+.ancientCityHUD-startGame {
+  position: absolute;
+  top: 12px;
+  left: 440px;
+}
+
+.ancientCityHUD-startGame:hover {
+  cursor: pointer;
+  filter: brightness(1.4);
+}
+
+.ancientCityHUD-startGame::after {
+  display: block;
+  width: 20px;
+  height: 20px;
+  content: "";
+  background-image: url(https://i.mouse.rip/memory-game-icon.png);
+  background-size: contain;
+}
+
+.ancientCityHUD-powerTypeWarning {
+  top: 40px;
+  left: 90px;
+  max-width: 459px;
+  background-color: #ffbfbf;
+}

package/src/modules/location-huds/locations/balacks-cove/index.js

@@ -0,0 +1,81 @@
+import { addHudStyles, makeElement } from '@utils';
+
+import styles from './styles.css';
+
+import addCheeseSelector from '../../shared/cheese-selectors';
+
+/**
+ * Get the closing text.
+ *
+ * @param {number} closes                 The number of hours until the tide closes.
+ * @param {string} stage                  The current tide stage.
+ * @param {number} nextStageOffsetMinutes The number of minutes until the next stage.
+ * @param {string} nextStageText          The next tide stage.
+ *
+ * @return {string} The closing text.
+ */
+const getClosingText = (closes, stage, nextStageOffsetMinutes, nextStageText) => {
+  const hours = Math.floor(closes);
+  const minutes = Math.ceil((closes - Math.floor(closes)) * 60);
+
+  let timeLeftText = `${hours > 0 ? `${hours}h ` : ''}${minutes}m until ${stage}`;
+
+  if (nextStageOffsetMinutes && nextStageText) {
+    const totTimeMinutes = (hours * 60) + minutes + nextStageOffsetMinutes;
+    timeLeftText += `, <span class="offset">${hours > 0 ? `${Math.floor(totTimeMinutes / 60)}h ` : ''}${totTimeMinutes % 60}m until ${nextStageText}</span>`;
+  }
+
+  return timeLeftText;
+};
+
+/**
+ * Update the closing time text.
+ */
+const updateClosingTime = () => {
+  const hudBar = document.querySelector('.balacksCoveHUD-tideContainer');
+  if (! hudBar) {
+    return;
+  }
+
+  let timeLeftText = '';
+
+  // Props Warden Slayer & Timers+ for the math and logic.
+  const today = new Date();
+
+  const rotationLength = 18.66666;
+  const rotationsExact = (((today.getTime() / 1000) - 1294680060) / 3600) / rotationLength;
+  const rotationsInteger = Math.floor(rotationsExact);
+  const partialRotation = (rotationsExact - rotationsInteger) * rotationLength;
+
+  if (partialRotation < 16) {
+    // currently low, which means its (16 hours - current time) until mid flooding, then one more hour after than until high tide
+    timeLeftText = getClosingText(16 - partialRotation, 'Mid Tide', 60, 'High Tide');
+  } else if (partialRotation >= 16 && partialRotation < 17) {
+    // currently mid, which means its (1hr - current time) until high tide, then 40 minutes after that until low mid time again
+    timeLeftText = getClosingText(1 - (partialRotation - 16), 'High Tide', 40, 'Low Tide');
+  } else if (partialRotation >= 17 && partialRotation < 17.66666) {
+    // currently high, which means its (40 minutes - current time) until mid tide again, then 1 hour after that until low tide
+    timeLeftText = getClosingText(0.66666 - (partialRotation - 17), 'Mid Tide', 60, 'Low Tide');
+  }
+
+  const existing = document.querySelector('.balacksCoveHUD-tideContainer-timeLeft');
+  if (existing) {
+    existing.innerHTML = timeLeftText;
+  } else {
+    makeElement('div', 'balacksCoveHUD-tideContainer-timeLeft', timeLeftText, hudBar);
+  }
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addHudStyles(styles);
+  addCheeseSelector('balacks-cove', [
+    'vanilla_stilton_cheese',
+    'vengeful_vanilla_stilton_cheese',
+  ]);
+
+  updateClosingTime();
+  document.addEventListener('horn-countdown-tick-minute', updateClosingTime);
+};

package/src/modules/location-huds/locations/balacks-cove/styles.css

@@ -0,0 +1,12 @@
+.balacksCoveHUD-tideContainer-timeLeft {
+  position: absolute;
+  top: 9px;
+  right: 55px;
+  padding: 3px 10px;
+  font-size: 12.5px;
+  color: #382924;
+  text-shadow: 1px 1px 1px #c7e9ea;
+  background-color: #8ad3d5;
+  border-radius: 23% 23% 0 0;
+  box-shadow: 0 -0.5px 1px 1px #d6f1f2;
+}

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

@@ -0,0 +1,8 @@
+import addCheeseSelector from '../../shared/cheese-selectors';
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addCheeseSelector('bazaar', ['gilded_cheese']);
+};

package/src/modules/location-huds/locations/bountiful-beanstalk/index.js

@@ -0,0 +1,309 @@
+import {
+  addHudStyles,
+  doRequest,
+  getSetting,
+  makeElement,
+  onRequest,
+  onTurn,
+  saveSetting,
+  setMultipleTimeout
+} from '@utils';
+
+import addCraftingButtons from '../../shared/crafting-buttons';
+import keepInventoryToggled from '../../shared/folklore-forest/keep-inventory-open';
+
+import regionStyles from '../../shared/folklore-forest/styles.css';
+import smallInvStyles from './small-inv.css';
+import styles from './styles.css';
+
+/**
+ * Expand the room data when clicked and keep it open.
+ */
+const keepRoomDataToggled = async () => {
+  const roomData = document.querySelector('.headsUpDisplayBountifulBeanstalkView__lootMultiplierContainer');
+  if (! roomData) {
+    return;
+  }
+
+  let isSetOpen = getSetting('location-huds.bountiful-beanstalk-room-data-toggled', 'not-set');
+  if (isSetOpen) {
+    roomData.classList.add('mh-improved-room-data--open');
+  } else if (isSetOpen === 'not-set') {
+    isSetOpen = false;
+  }
+
+  roomData.addEventListener('click', (e) => {
+    e.preventDefault();
+
+    if (isSetOpen) {
+      isSetOpen = false;
+      roomData.classList.remove('mh-improved-room-data--open');
+    } else {
+      isSetOpen = true;
+      roomData.classList.add('mh-improved-room-data--open');
+    }
+
+    saveSetting('location-huds.bountiful-beanstalk-room-data-toggled', isSetOpen);
+  });
+};
+
+/**
+ * Expand the tooltip when clicked and keep it open.
+ */
+const keepTooltipToggled = async () => {
+  const tooltip = document.querySelector('.bountifulBeanstalkCastleView__plinthOverlay.mousehuntTooltipParent .mousehuntTooltip');
+  if (! tooltip) {
+    return;
+  }
+
+  tooltip.addEventListener('click', (e) => {
+    e.preventDefault();
+
+    tooltip.classList.toggle('mh-improved-tooltip-stay-open');
+  });
+};
+
+/**
+ * Add an easter egg to the noise meter.
+ */
+const funTime = async () => {
+  const meter = document.querySelector('.bountifulBeanstalkCastleView__noiseMeterFrame');
+  if (! meter) {
+    return;
+  }
+
+  let isRotating = false;
+  meter.addEventListener('click', () => {
+    if (isRotating) {
+      return;
+    }
+
+    isRotating = true;
+
+    const time = 1000;
+
+    let hue = 0;
+    const interval = setInterval(() => {
+      if (hue >= 360) {
+        clearInterval(interval);
+        isRotating = false;
+      }
+
+      hue += 1;
+      meter.style.filter = `hue-rotate(${hue}deg)`;
+    }, time / 360);
+  });
+};
+
+/**
+ * Add a class to make the giant more visible when chasing.
+ */
+const makeGiantMoreVisible = async () => {
+  const background = document.querySelector('.bountifulBeanstalkCastleView__background');
+  if (! background) {
+    return;
+  }
+
+  const isGiantChase = user?.quests?.QuestBountifulBeanstalk?.castle?.is_boss_chase || false;
+  if (isGiantChase) {
+    background.classList.add('is-boss-chase');
+  } else {
+    background.classList.remove('is-boss-chase');
+  }
+};
+
+/**
+ * Click the fuel toggle button when the fuel icon is clicked.
+ */
+const toggleFuelWithIcon = async () => {
+  const icon = document.querySelector('.headsUpDisplayBountifulBeanstalkView__fuelContainer');
+  if (! icon) {
+    return;
+  }
+
+  const button = document.querySelector('.headsUpDisplayBountifulBeanstalkView__fuelToggleButton');
+  if (! button) {
+    return;
+  }
+
+  icon.addEventListener('click', () => {
+    button.click();
+  });
+};
+
+/**
+ * Modify the loot text to not wrap.
+ */
+const updateLootText = async () => {
+  const ccLoot = document.querySelector('.headsUpDisplayBountifulBeanstalkView__multiplier.headsUpDisplayBountifulBeanstalkView__multiplier--condensed_creativity div');
+  if (ccLoot) {
+    ccLoot.innerText = 'Con. Creativity:';
+  }
+
+  const featherLoot = document.querySelector('.headsUpDisplayBountifulBeanstalkView__multiplier.headsUpDisplayBountifulBeanstalkView__multiplier--feather div');
+  if (featherLoot) {
+    featherLoot.innerText = 'Golden Feather:';
+  }
+};
+
+const addCommaToNoiseMeter = async () => {
+  const noise = document.querySelector('.bountifulBeanstalkCastleView__noiseLevel');
+  if (noise && noise.innerText && Number.parseInt(noise.innerText) > 999) {
+    noise.innerText = Number.parseInt(noise.innerText).toLocaleString();
+  }
+};
+
+const addCommaToNoiseMeterTimeout = async () => {
+  setMultipleTimeout(addCommaToNoiseMeter, [0, 500, 1000]);
+};
+
+let isAutoharpToggleInitiatiedByUs = false;
+const addQuickHarpToggle = async () => {
+  addQuickHarpToggleButton();
+  onRequest('environment/bountiful_beanstalk.php', () => {
+    if (isAutoharpToggleInitiatiedByUs) {
+      return;
+    }
+
+    setTimeout(addQuickHarpToggleButton, 100);
+  });
+};
+
+const addQuickHarpToggleButton = async () => {
+  const existingToggle = document.querySelector('.mh-quick-harp-toggle');
+  if (existingToggle) {
+    return;
+  }
+
+  const autoharp = document.querySelector('.headsUpDisplayBountifulBeanstalkView__playHarpDialogButton');
+  if (! autoharp) {
+    return;
+  }
+
+  if (autoharp.classList.contains('disabled')) {
+    existingToggle?.remove();
+    return;
+  }
+
+  const autoharpText = autoharp.querySelector('.headsUpDisplayBountifulBeanstalkView__playHarpDialogButtonPlayText');
+  if (! autoharpText) {
+    return;
+  }
+
+  const noiseFrame = document.querySelector('.bountifulBeanstalkCastleView__autoHarpNoiseMeterFrame');
+  if (! noiseFrame) {
+    return;
+  }
+
+  const toggleElements = () => {
+    newToggleButton.classList.toggle('active');
+    autoharp.classList.toggle('headsUpDisplayBountifulBeanstalkView__playHarpDialogButton--autoPlaying');
+    autoharpText.innerText = autoharpText.innerText === 'Play' ? 'Auto Playing' : 'Play';
+    noiseFrame.classList.toggle('bountifulBeanstalkCastleView__autoHarpNoiseMeterFrame--active');
+  };
+
+  const newToggleButton = makeElement('div', 'mh-quick-harp-toggle', 'Auto-Harp');
+
+  if (user?.quests?.QuestBountifulBeanstalk?.castle?.auto_harp) {
+    toggleElements();
+  }
+
+  newToggleButton.addEventListener('click', async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    newToggleButton.classList.add('loading');
+
+    isAutoharpToggleInitiatiedByUs = true;
+
+    const result = await doRequest('managers/ajax/environment/bountiful_beanstalk.php', {
+      action: 'toggle_auto_harp',
+    });
+
+    if (result && result.success) {
+      newToggleButton.classList.remove('loading');
+      newToggleButton.classList.add('hidden');
+
+      setTimeout(() => newToggleButton.classList.remove('hidden'), 1000);
+
+      toggleElements();
+    } else {
+      newToggleButton.classList.remove('loading');
+      newToggleButton.classList.add('error');
+
+      setTimeout(() => newToggleButton.classList.remove('error'), 1000);
+    }
+
+    isAutoharpToggleInitiatiedByUs = false;
+  });
+
+  autoharp.append(newToggleButton);
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  const stylesToAdd = [regionStyles, styles];
+
+  if (getSetting('location-huds.bountiful-beanstalk-flip-avatar', false)) {
+    stylesToAdd.push('.bountifulBeanstalkCastleView__playerMarkerUserThumb { transform: scaleX(-1); }');
+  }
+
+  if (getSetting('location-huds.bountiful-beanstalk-inventory-in-one-row', false)) {
+    stylesToAdd.push(smallInvStyles);
+  }
+
+  addHudStyles(stylesToAdd);
+
+  keepInventoryToggled({
+    setting: 'location-huds.bountiful-beanstalk-inventory-toggled',
+    buttonSelector: '.headsUpDisplayBountifulBeanstalk__inventoryContainer .headsUpDisplayBountifulBeanstalk__inventoryContainerButton',
+    inventorySelector: '.headsUpDisplayBountifulBeanstalk__inventoryContainer .headsUpDisplayBountifulBeanstalk__inventoryContainerBlockContent',
+    inventoryOpenClass: 'headsUpDisplayBountifulBeanstalk__inventoryContainerBlockContent--open',
+    buttonOpenClass: 'headsUpDisplayBountifulBeanstalk__inventoryContainerButton--open',
+  });
+  keepRoomDataToggled();
+  keepTooltipToggled();
+  makeGiantMoreVisible();
+  toggleFuelWithIcon();
+  updateLootText();
+  addCraftingButtons({
+    baits: {
+      beanster_cheese: {
+        amounts: ['160-normal', 160],
+        shop: 'beanster_pack_small_convertible',
+        shopNormal: 'beanster_cheese',
+      },
+      lavish_beanster_cheese: {
+        amounts: [4, 8, 80],
+        shop: 'lavish_beanster_pack_small_convertible',
+      },
+      leaping_lavish_beanster_cheese: {
+        amounts: [2, 4, 8],
+        shop: 'leaping_lavish_beanster_pack_small_convertible',
+      },
+      royal_beanster_cheese: {
+        amounts: [2, 18, 20],
+        shop: 'royal_beanster_pack_small_convertible',
+      }
+    },
+    selectors: {
+      baits: '.headsUpDisplayBountifulBeanstalkView__baitCraftableContainer',
+      baitQuantity: '.headsUpDisplayBountifulBeanstalkView__baitQuantity',
+      baitCraftQty: '.headsUpDisplayBountifulBeanstalkView__ingredientQuantity',
+    },
+  });
+  addCommaToNoiseMeterTimeout();
+
+  if (getSetting('location-huds.bountiful-beanstalk-quick-harp-toggle', false)) {
+    addQuickHarpToggle();
+  }
+
+  funTime();
+
+  onTurn(() => {
+    makeGiantMoreVisible();
+    addCommaToNoiseMeterTimeout();
+  }, 1000);
+};

package/src/modules/location-huds/locations/bountiful-beanstalk/small-inv.css

@@ -0,0 +1,34 @@
+.headsUpDisplayBountifulBeanstalk__inventoryContainerBlockContent--animating,
+.headsUpDisplayBountifulBeanstalk__inventoryContainerBlockContent--open .headsUpDisplayBountifulBeanstalk__inventoryContainerPanel:nth-child(2) {
+  display: grid;
+  grid-template-columns: repeat(4, 50px);
+  width: 160px;
+}
+
+.headsUpDisplayBountifulBeanstalk__inventoryContainerBlockContent--animating {
+  grid-template-columns: 95px auto;
+}
+
+.headsUpDisplayBountifulBeanstalk__inventoryContainerBlockContent.headsUpDisplayBountifulBeanstalk__inventoryContainerBlockContent--open {
+  display: grid;
+  grid-template-columns: 100px 0;
+  width: 300px;
+  height: 50px;
+}
+
+.headsUpDisplayBountifulBeanstalk__inventoryContainerBlockContent {
+  display: grid;
+  grid-template-columns: 105px 0;
+  width: 100px;
+  height: 50px;
+}
+
+.headsUpDisplayBountifulBeanstalk__inventoryContainer {
+  top: unset;
+  bottom: 75px;
+}
+
+.headsUpDisplayBountifulBeanstalk__inventoryContainerPanel:nth-child(1) {
+  display: grid;
+  grid-template-columns: 50px 50px;
+}