mousehunt-improved 0.97.1

package/src/modules/location-huds/locations/conclusion-cliffs/styles.css

@@ -0,0 +1,114 @@
+.conclusionCliffsView__catchesRemainingQuantity {
+  line-height: 23px;
+}
+
+.conclusionCliffsView__catchesRemainingText {
+  font-size: 10px;
+  color: #e4ccb9;
+}
+
+.conclusionCliffsView__currentGenre {
+  font-size: 10px;
+}
+
+.conclusionCliffsView__storyProgress {
+  box-shadow: 0 1px 6px 1px rgb(50 50 50 / 70%);
+}
+
+.conclusionCliffsView__chapter:hover {
+  transition: 0.2s ease-out;
+  transform: rotate(45deg) scale(1.5);
+}
+
+.conclusionCliffsView__chapter[data-current="false"][data-is-next-chapter="true"]:hover {
+  z-index: 10;
+  background-color: #0a380a;
+}
+
+.conclusionCliffsView__nextChapterChoice:hover {
+  z-index: 20;
+  filter: drop-shadow(0 1px 1px #000);
+  transition: transform 0.2s ease-out;
+  transform: scale(1.3);
+  transform-origin: bottom;
+}
+
+.conclusionCliffsView__chapterReRollButtonContainer::before {
+  top: 4px;
+}
+
+.conclusionCliffsView__chapterProgressBarContainer {
+  background-image: linear-gradient(to bottom, transparent 0 80%, #3335 80%), linear-gradient(to right, var(--progress-color) 0 var(--progress-percent), #7a6554 var(--progress-percent));
+}
+
+.conclusionCliffsView__writeMoreCostThumbnail {
+  transform: translate(1px, 1px);
+}
+
+.conclusionCliffsView__chapterReRollButton {
+  transition: 0.2s ease-out;
+}
+
+.conclusionCliffsView__chapterReRollButton:hover {
+  filter: brightness(1.5);
+  background-position-y: 0;
+  transform: rotate(55deg);
+}
+
+.conclusionCliffsView__chapterReRollButton:hover:active {
+  background-position-y: 0;
+  transform: translateY(0.5px) rotate(90deg);
+}
+
+.conclusionCliffsView__nextChapterChoice {
+  transition: 0.3s;
+}
+
+.conclusionCliffsView__nextChapterChoice.short {
+  transform-origin: bottom left;
+}
+
+.conclusionCliffsView__nextChapterChoice.medium {
+  transform-origin: bottom center;
+}
+
+.conclusionCliffsView__nextChapterChoice.long {
+  transform-origin: bottom right;
+}
+
+.conclusionCliffsView__nextChapterChoice,
+.conclusionCliffsView__nextChapterChoiceMarker {
+  z-index: 10;
+}
+
+.conclusionCliffsView__sidePanel[data-choice="short"] .conclusionCliffsView__nextChapterChoice.short:hover,
+.conclusionCliffsView__sidePanel[data-choice="medium"] .conclusionCliffsView__nextChapterChoice.medium:hover,
+.conclusionCliffsView__sidePanel[data-choice="long"] .conclusionCliffsView__nextChapterChoice.long:hover {
+  outline: none;
+}
+
+.conclusionCliffsView__nextChapterChoice::before {
+  margin-top: 1px;
+  margin-bottom: 1px;
+}
+
+.conclusionCliffsView__nextChapterChoiceText {
+  gap: 1px;
+  font-size: 7px;
+}
+
+.conclusionCliffsView__nextChapterChoiceGenre {
+  font-size: 8px;
+}
+
+.conclusionCliffsView__nextChapterChoice[data-genre="adventure"] .conclusionCliffsView__nextChapterChoiceGenre {
+  font-size: 7px;
+}
+
+.conclusionCliffsView__nextChapterLength {
+  font-size: 13px;
+}
+
+.conclusionCliffsView__sidePanelRegularChapters:hover .conclusionCliffsView__nextChapterChoiceMarker {
+  opacity: 0;
+}

package/src/modules/location-huds/locations/derr-dunes/index.js

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

package/src/modules/location-huds/locations/desert-city/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/desert-city/styles.css

@@ -0,0 +1,13 @@
+.muridaeMarketHud .shop .visit:hover {
+  background-image: url(https://i.mouse.rip/btn_visit_on.png);
+}
+
+.muridaeMarketHud .quantity {
+  display: flex;
+  align-items: center;
+  height: 16px;
+  margin-top: 1px;
+  font-size: 14px;
+  color: #e3d0b2;
+  text-shadow: 1px 1px 2px #533a20;
+}

package/src/modules/location-huds/locations/desert-warpath/index.js

@@ -0,0 +1,212 @@
+import {
+  addHudStyles,
+  getFlag,
+  makeElement,
+  onRequest,
+  onTrapChange,
+  onTurn,
+  showHornMessage
+} from '@utils';
+import { getFieryWarpathWave } from '@utils/shared/fiery-warpath';
+
+import styles from './styles.css';
+
+let engaged = false;
+
+/**
+ * Add the missle mini-game to the HUD.
+ */
+const addMissiles = () => {
+  const container = document.querySelector('.warpathHUD-waveContainer');
+  if (! container) {
+    return;
+  }
+
+  const existing = container.querySelector('.warpathHud-missle-activate');
+  if (existing) {
+    return;
+  }
+
+  const trigger = makeElement('div', ['warpathHud-missle-activate', 'warpathHUD-missile']); /* cspell: disable-line */
+  container.append(trigger);
+
+  trigger.addEventListener('click', () => {
+    engaged = ! engaged;
+
+    if (engaged) {
+      container.classList.add('warpathHUD-engaged');
+    } else {
+      container.classList.remove('warpathHUD-engaged');
+    }
+  });
+
+  /**
+   * Launch a missile.
+   *
+   * @param {Event} event The click event.
+   */
+  const launchMissile = (event) => {
+    if (! container.classList.contains('warpathHUD-engaged')) {
+      return;
+    }
+
+    if (event.target.classList.contains('warpathHUD-missile')) {
+      return;
+    }
+
+    if (! engaged) {
+      return;
+    }
+
+    // Get the x coordinate of the mouse click for the element.
+    let x = event.clientX ? event.clientX - container.getBoundingClientRect().left : Math.floor(Math.random() * container.getBoundingClientRect().width);
+
+    // Randomize the x coordinate a bit.
+    x += Math.floor(Math.random() * 50) - 25;
+
+    hg.views.HeadsUpDisplayDesertWarpathView.spawnMissile(x, 1);
+
+    let missile;
+    setTimeout(() => {
+      missile = container.querySelectorAll('.warpathHUD-missile[style*="left: ' + x + 'px"]');
+      if (! missile || missile.length === 0) {
+        return;
+      }
+
+      missile.forEach((m) => {
+        setTimeout(() => m.classList.remove('mh-ui-fade-in'), 50);
+        setTimeout(() => m.classList.remove('mh-ui-fade-out'), 50);
+        setTimeout(() => m.remove(), 500);
+      });
+    }, 700);
+  };
+
+  container.addEventListener('click', launchMissile);
+};
+
+const updateCommandBar = () => {
+  const wave = getFieryWarpathWave();
+  if (! wave || wave > 3) {
+    return;
+  }
+
+  const panicMeter = document.querySelector('.warpathHUD-moraleBar.mousehuntTooltipParent');
+  if (! panicMeter) {
+    return;
+  }
+
+  const miceInWave = document.querySelectorAll(`.warpathHUD-wave.wave_${wave} .warpathHUD-wave-mouse`);
+  const miceRetreats = { 1: 10, 2: 18, 3: 26 };
+
+  let totalRemaining = 0;
+
+  miceInWave.forEach((mouse) => {
+    const mouseType = mouse.getAttribute('data-mouse');
+    const mouseCount = mouse.querySelector('.warpathHUD-wave-mouse-population');
+    if (! mouseType || ! mouseCount) {
+      return;
+    }
+
+    const remaining = Number.parseInt(mouseCount.textContent, 10) || 0;
+
+    totalRemaining += remaining;
+  });
+
+  const waveRetreat = miceRetreats[wave];
+  const remainingAfterRetreat = totalRemaining - waveRetreat;
+  const retreatText = remainingAfterRetreat <= 0 ? 'Retreated' : `${remainingAfterRetreat} catch${remainingAfterRetreat > 1 ? 'es' : ''} left`;
+
+  panicMeter.classList.add('warpathHUD-panicMeter-wave-stats');
+  const existing = panicMeter.querySelector('.warpathHUD-wave-stats');
+  if (existing) {
+    existing.textContent = retreatText;
+  } else {
+    makeElement('div', ['warpathHUD-wave-stats'], retreatText, panicMeter);
+  }
+};
+
+const powerTypesToTrinkets = {
+  physical: [
+    534, // Warpath Archer Charm
+    538, // Warpath Scout Charm
+    539, // Warpath Warrior Charm
+    540, // Super Warpath Archer Charm
+    543, // Super Warpath Scout Charm
+    544, // Super Warpath Warrior Charm
+  ],
+  tactical: [
+    535, // Warpath Cavalry Charm
+    541, // Super Warpath Cavalry Charm
+  ],
+  hydro: [
+    537, // Warpath Mage Charm
+    542, // Super Warpath Mage Charm
+  ],
+  draconic: [
+    1835, // Gargantua Charm
+  ],
+};
+
+let reminder;
+const addPowerTypeReminders = () => {
+  const currentPowerType = user?.trap_power_type_name.toLowerCase() || '';
+  const currentTrinket = user?.trinket_item_id || 0;
+
+  if (! currentPowerType || ! currentTrinket) {
+    return;
+  }
+
+  let needsReminder = false;
+  let powerTypeToRemind = '';
+  Object.keys(powerTypesToTrinkets).forEach((powerType) => {
+    if (powerTypesToTrinkets[powerType].includes(currentTrinket) && currentPowerType !== powerType) {
+      needsReminder = true;
+      powerTypeToRemind = powerType;
+    }
+  });
+
+  // Close any existing reminder.
+  if (reminder) {
+    const reminderClose = reminder.querySelector('.huntersHornMessageView__countdown');
+    if (reminderClose) {
+      reminderClose.click();
+    }
+  }
+
+  if (needsReminder) {
+    reminder = showHornMessage({
+      title: 'Power Type Reminder',
+      text: `The power type for these mice is ${powerTypeToRemind.charAt(0).toUpperCase() + powerTypeToRemind.slice(1)}.`,
+      image: `https://www.mousehuntgame.com/images/powertypes/${powerTypeToRemind}.png`,
+      type: 'error',
+      button: 'Switch',
+      action: () => {
+        const trapSelector = document.querySelector('.campPage-trap-armedItem.weapon');
+        if (trapSelector) {
+          trapSelector.click();
+        }
+      },
+      dismiss: 6000,
+    });
+
+    needsReminder = false;
+    powerTypeToRemind = '';
+  }
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addHudStyles(styles);
+
+  addMissiles();
+  onRequest('environment/desert_warpath.php', addMissiles);
+
+  onTrapChange(addPowerTypeReminders);
+
+  if (! getFlag('location-hud-fiery-warpath-no-command-bar-stats')) {
+    updateCommandBar();
+    onTurn(updateCommandBar, 250);
+  }
+};

package/src/modules/location-huds/locations/desert-warpath/styles.css

@@ -0,0 +1,273 @@
+.warpathHUD.wave_1::after,
+.warpathHUD.wave_2::after,
+.warpathHUD.wave_3::after,
+.warpathHUD.wave_4::after {
+  position: absolute;
+  bottom: 1px;
+  left: 5px;
+  display: flex;
+  align-items: center;
+  width: 53px;
+  height: 25px;
+  font-size: 15px;
+  color: #f5d172;
+  content: "Wave";
+  background-color: #633e29;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  box-shadow: inset 0 -2px 2px -1px #3e2417;
+}
+
+.warpathHUD.wave_1::after {
+  content: "Wave 1";
+}
+
+.warpathHUD.wave_2::after {
+  content: "Wave 2";
+}
+
+.warpathHUD.wave_3::after {
+  content: "Wave 3";
+}
+
+.warpathHUD.wave_4::after {
+  content: "Wave 4";
+}
+
+.warpathHUD-streak-quantity {
+  top: 1px;
+  left: 60px;
+  width: 17px;
+  padding: 2px;
+  font-size: 16px;
+  color: #f5d172;
+  background-color: #633e29;
+  border-radius: 2px;
+  box-shadow: inset -2px 1px 2px 0 #af7756;
+}
+
+.warpathHUD-clearWaveQuantity.quantity {
+  top: 46px;
+  left: 8px;
+  padding: 2px;
+  font-size: 13px;
+  font-weight: 400;
+  background-color: #49362b;
+  border-radius: 10px;
+  box-shadow: 0 0 1px 1px inset #38281d;
+}
+
+.warpathHUD-wave-mouse-population {
+  position: absolute;
+  bottom: -3px;
+  left: -3px;
+  width: 70px;
+  height: 25px;
+  font-size: 15px;
+  line-height: 23px;
+  background: url(https://www.mousehuntgame.com/images/ui/hud/desert_warpath/desert_warpath_opponent.png) no-repeat bottom center / 75px;
+  border-radius: 20px;
+}
+
+.warpathHUD-wave-mouse.mousehuntTooltipParent.active.laser_targetted {
+  color: #ff824c;
+  filter: drop-shadow(0 -2px 3px #ea4700);
+}
+
+.warpathHUD-wave-mouse-powerType {
+  width: 30px;
+  height: 30px;
+  margin-top: 0;
+}
+
+.warpathHUD-wave-mouse .mousehuntTooltip.tight.top {
+  height: 33px;
+  color: transparent;
+}
+
+.warpathHUD-wave-mouse .mousehuntTooltip .warpathHUD-wave-mouse-name {
+  line-height: 34px;
+  color: #000;
+}
+
+.warpathHUD-wave-mouse .mousehuntTooltip.hasCharms .warpathHUD-wave-mouse-name {
+  height: 33px;
+  line-height: 2.5;
+}
+
+.warpathHUD-wave-mouse.desert_general .mousehuntTooltip .warpathHUD-wave-mouse-name,
+.warpathHUD-wave-mouse.desert_supply .mousehuntTooltip .warpathHUD-wave-mouse-name {
+  text-align: center;
+}
+
+.warpathHUD-wave-mouse.desert_general .mousehuntTooltip .warpathHUD-wave-mouse-name {
+  line-height: 28px;
+}
+
+.warpathHUD-streakContainer::before {
+  background-image: url(https://i.mouse.rip/desert_warpath_streak_bar.png);
+}
+
+.warpathHUD-streak-image-empty {
+  font-weight: 900;
+  box-shadow: inset 0 0 10px 5px #2f1816;
+}
+
+.warpathHUD-wave-mouse.laser_targetted .warpathHUD-wave-mouse-image {
+  box-shadow: inset 0 0 10px 6px #ff824c;
+}
+
+.warpathHUD-waveContainer.warpathHUD-engaged .warpathHUD-wave {
+  border-radius: 5px;
+  box-shadow: inset 0 0 10px 4px #ff4d4d;
+}
+
+.warpathHUD-engaged .warpathHUD-wave-mouse .mousehuntTooltip.tight.top {
+  display: none;
+}
+
+.warpathHud-missle-activate {
+  position: absolute;
+  top: -15px;
+  left: -150px;
+  cursor: pointer;
+  opacity: 0.6;
+  transition: transform 0.3s;
+  transform: rotate(270deg) scale(0.8);
+  animation: none;
+}
+
+.wave_4 .warpathHud-missle-activate,
+.wave_portal .warpathHud-missle-activate {
+  left: -26px;
+}
+
+.warpathHud-missle-activate:hover {
+  opacity: 1;
+  transform: rotate(270deg) scale(1);
+}
+
+.warpathHUD-engaged .warpathHud-missle-activate {
+  filter: hue-rotate(270deg) scale(0.9);
+  opacity: 0.9;
+}
+
+.warpathHUD-streakContainer.streak_0 .warpathHUD-streak-image-empty {
+  color: transparent;
+  text-shadow: none;
+}
+
+.warpathHUD-streak-victories {
+  top: 36px;
+  left: 7px;
+  z-index: 1;
+  width: 43px;
+  height: 18px;
+  font-size: 12px;
+  line-height: 18px;
+  text-align: center;
+  background-color: #000;
+  border-radius: 3px;
+  box-shadow:
+    inset 1px 0 2px 1px #633e2a,
+    inset 1px 0 2px 1px #8f5d42;
+}
+
+.warpathHUD-enterPortalButton.disabled {
+  opacity: 0.6;
+  transition: opacity 0.3s ease-in;
+}
+
+.warpathHUD-enterPortalButton.disabled:hover {
+  opacity: 1;
+}
+
+.warpathHUD-wave-mouse-image {
+  outline: 1px solid #915931;
+}
+
+.warpathHUD-wave-mouse:hover .warpathHUD-wave-mouse-image {
+  outline: 1px solid #e1ae3e;
+}
+
+.warpathHUD-streakContainer.streak_7 .warpathHUD-streak-quantity {
+  animation: 0.9s quesoGesyerBackgroundFlare 10;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .warpathHUD-streakContainer.streak_7 .warpathHUD-streak-quantity {
+    animation: none;
+  }
+}
+
+.warpathHUD-dialog-image .itemImage {
+  border: none;
+}
+
+.warpathHUD-dialog-padding {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.warpathHUD-dialog-title {
+  margin-bottom: 5px;
+}
+
+.warpathHUD-moraleBar.warpathHUD-panicMeter-wave-stats {
+  font-size: 10px;
+  text-align: center;
+}
+
+.warpathHUD-wave-stats {
+  position: absolute;
+  inset: 0;
+  display: inline;
+  color: #d9ac8c;
+  text-shadow:
+    0 1px #50301f,
+    1px 0 #50301f,
+    -1px 0 #50301f,
+    0 -1px #50301f;
+}
+
+.warpathHUD-moraleBar span {
+  height: 12px;
+  overflow: hidden;
+  border-radius: 2px;
+}
+
+.warpathHUD-moraleBar {
+  height: 12px;
+  border-color: #3e291e;
+}
+
+.warpathHUD-message {
+  background-image: url(https://i.mouse.rip/desert_warpath_messages.png);
+}
+
+.warpathHUD-message.caught {
+  left: 6px;
+  width: 52px;
+}
+
+.warpathHUD-message.reinforced {
+  left: -2px;
+  width: 66px;
+  border-color: #8a3200;
+}
+
+.warpathHUD-message.streak.broken {
+  left: -9px;
+  width: 83px;
+  border-color: #8a3200;
+}
+
+.warpathHUD-streakContainer {
+  background-image: url(https://i.mouse.rip/desert_warpath_streakometer.png);
+}
+
+.warpathHUD-wave-mouse .mousehuntTooltip {
+  left: -110px;
+  width: 260px;
+}

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

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

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

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