mousehunt-improved 0.97.1

package/src/modules/better-ui/modules/egg-master/index.js

@@ -0,0 +1,51 @@
+import { cacheGet, cacheSet, makeElement, onNavigation } from '@utils';
+
+const addEggMasterIcon = async () => {
+  const eggMasterIcon = makeElement('div', ['eggMasterIcon', 'mousehuntTooltipParent', 'mh-improved-egg-master-icon']);
+  eggMasterIcon.title = 'Egg Master';
+
+  const tooltip = makeElement('div', ['mousehuntTooltip', 'bottom', 'noEvents']);
+  const tooltipText = makeElement('div', ['userInteractionButtonsView-button-label'], 'Egg Master');
+  const tooltipArrow = makeElement('div', ['mousehuntTooltip-arrow']);
+  tooltip.append(tooltipText, tooltipArrow);
+  eggMasterIcon.append(tooltip);
+
+  const container = document.querySelector('.hunterInfoView-idCardBlock');
+  if (container) {
+    container.append(eggMasterIcon);
+  }
+};
+
+/**
+ * Reorder the blocks on the friends page.
+ */
+const checkForEggMaster = async () => {
+  const snuidEl = document.querySelector('.hunterInfoView-friendsBlock .userInteractionButtonsView-action[data-recipient-snuid]');
+  let snuid = snuidEl ? snuidEl.getAttribute('data-recipient-snuid') : false;
+  if (! snuid && document.querySelector('.friendsProfileView-selfStats')) {
+    snuid = user.sn_user_id;
+  }
+
+  const isCachedEggMaster = await cacheGet(`eggmaster-2025-${snuid}`, false);
+  if (isCachedEggMaster) {
+    addEggMasterIcon();
+  } else {
+    hg.utils.User.getUserData([snuid], ['is_egg_master'], (data) => {
+      const isEggMaster = data[0] && data[0].is_egg_master;
+      if (isEggMaster) {
+        addEggMasterIcon();
+      }
+
+      cacheSet(`eggmaster-2025-${snuid}`, isEggMaster, 3 * 30 * 24 * 60 * 60 * 1000); // Cache for 3 months.
+    });
+  }
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  onNavigation(checkForEggMaster, {
+    page: 'hunterprofile',
+  });
+};

package/src/modules/better-ui/modules/friends/index.js

@@ -0,0 +1,141 @@
+import {
+  getCurrentPage,
+  getSetting,
+  onNavigation,
+  onRequest,
+  saveSetting,
+  waitForElement
+} from '@utils';
+
+/**
+ * Reorder the blocks on the friends page.
+ */
+const reorderBlocks = () => {
+  if ('friends' !== getCurrentPage()) {
+    return;
+  }
+
+  const reordered = document.querySelector('.mousehuntHud-page-subTabContent.community');
+  if (! reordered || reordered.getAttribute('data-reordered')) {
+    return;
+  }
+
+  const blocks = document.querySelectorAll('.friendsPage-community-channel');
+  if (! blocks || blocks.length < 3) {
+    return;
+  }
+
+  // Move the third block to the top and make the input bigger.
+  const block = blocks[2];
+  const parent = block.parentNode;
+  block.remove();
+  parent.insertBefore(block, parent.firstChild);
+  block.classList.add('friends-page-id-search');
+
+  const input = block.querySelector('input');
+  if (input) {
+    // disable the 1password icon
+    input.setAttribute('data-1p-ignore', '');
+  }
+
+  reordered.setAttribute('data-reordered', 'true');
+};
+
+/**
+ * Autofocus the ID search input.
+ */
+const autofocusIdSearch = () => {
+  const input = document.querySelector('.friendsPage-community-hunterIdForm-input');
+  if (! input) {
+    return;
+  }
+
+  input.focus();
+};
+
+const addCampFriendsListener = () => {
+  const button = document.querySelector('.campPage-trap-friendContainer-toggleFriendsButton');
+  if (! button) {
+    return;
+  }
+
+  button.removeEventListener('click', updateCampFriends);
+  button.addEventListener('click', updateCampFriends);
+};
+
+const updateCampFriendsSetting = (environmentName, hidden) => {
+  const hiddenEnvironments = getSetting('better-ui.camp-hidden-friends', {});
+  if (hidden) {
+    hiddenEnvironments[environmentName] = true;
+  } else {
+    delete hiddenEnvironments[environmentName];
+  }
+
+  saveSetting('better-ui.camp-hidden-friends', hiddenEnvironments);
+};
+
+const toggleEnvironment = (event) => {
+  const title = event.target;
+  const friends = title.parentNode.querySelectorAll('a');
+
+  title.classList.toggle('friends-hidden');
+  friends.forEach((friend) => {
+    friend.classList.toggle('friends-hidden');
+  });
+
+  const name = title.getAttribute('data-environment-name');
+  const hidden = title.classList.contains('friends-hidden');
+
+  updateCampFriendsSetting(name, hidden);
+};
+
+const updateCampFriends = async () => {
+  await waitForElement('.campPage-trap-friendContainer-environment');
+  const environments = document.querySelectorAll('.campPage-trap-friendContainer-environment');
+  if (! environments) {
+    return;
+  }
+
+  const defaultHidden = getSetting('better-ui.camp-hidden-friends', {});
+
+  environments.forEach((environment) => {
+    const title = environment.querySelector('.campPage-trap-friendContainer-environment-title');
+    const friends = environment.querySelectorAll('a');
+    if (! title || ! friends) {
+      return;
+    }
+
+    const environmentName = title.textContent.trim().toLowerCase().replaceAll(' ', '-');
+    title.setAttribute('data-environment-name', environmentName);
+    title.setAttribute('data-number-of-friends', friends.length);
+    if (defaultHidden[environmentName]) {
+      title.classList.add('friends-hidden');
+      friends.forEach((friend) => {
+        friend.classList.add('friends-hidden');
+      });
+    }
+
+    title.removeEventListener('click', toggleEnvironment);
+    title.addEventListener('click', toggleEnvironment);
+  });
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  onNavigation(reorderBlocks, {
+    page: 'friends',
+  });
+
+  onNavigation(autofocusIdSearch, {
+    page: 'friends',
+    tab: 'requests',
+    subtab: 'community',
+  });
+
+  onRequest('users/getfriendsonline.php', updateCampFriends);
+  onNavigation(addCampFriendsListener, {
+    page: 'camp',
+  });
+};

package/src/modules/better-ui/modules/hud/index.js

@@ -0,0 +1,108 @@
+import { getFlag, onNavigation, onTurn } from '@utils';
+
+let shortPercent = 0;
+let fullPercent = 0;
+
+/**
+ * Show the full title percent on hover.
+ */
+const showFullTitlePercent = async () => {
+  const title = document.querySelector('.mousehuntHud-userStat.title');
+  if (! title) {
+    return;
+  }
+
+  let percent = title.getAttribute('title');
+  if (! percent) {
+    percent = `${user?.title_percent_accurate}% ${user?.title_name}`;
+  }
+
+  const target = title.querySelector('.hud_titlePercentage');
+  if (! target) {
+    return;
+  }
+
+  title.addEventListener('mouseover', () => {
+    fullPercent = percent.includes('%') ? percent.split('%')[0] : percent;
+    shortPercent = fullPercent.includes('.') ? fullPercent.split('.')[0] : fullPercent;
+    target.innerText = fullPercent;
+  });
+
+  title.addEventListener('mouseout', () => {
+    target.innerText = shortPercent;
+  });
+};
+
+/**
+ * Replace the close button in the inbox.
+ */
+const replaceInboxClose = async () => {
+  const template = hg.utils.TemplateUtil.getTemplate('ViewMousehuntHeader_inbox')
+    .replace('<a class="messengerUINotificationClose" href="#">X', '<a class="messengerUINotificationClose" href="#">✕');
+  hg.utils.TemplateUtil.addTemplate('ViewMousehuntHeader_inbox', template);
+};
+
+/**
+ * Replace the kingdom link in the HUD.
+ */
+const replaceKingdomLink = async () => {
+  const kingdomLink = document.querySelector('.mousehuntHud-menu .kingdom a[href="https://www.mousehuntgame.com/forum.php"]');
+  if (! kingdomLink) {
+    return;
+  }
+
+  kingdomLink.href = 'https://www.mousehuntgame.com/news.php';
+  kingdomLink.setAttribute('data-page', 'News');
+};
+
+/**
+ * Allow clicking on trap stats to toggle the math display.
+ */
+const allowTrapMathToggle = async () => {
+  setTimeout(() => {
+    const trapStats = document.querySelectorAll('.trapSelectorView__trapStatSummary .campPage-trap-trapStat');
+    trapStats.forEach((stat) => {
+      stat.addEventListener('click', () => {
+        stat.classList.toggle('show-math');
+        trapStats.forEach((otherStat) => {
+          if (otherStat !== stat) {
+            otherStat.classList.remove('show-math');
+          }
+        });
+      });
+    });
+  }, 500);
+};
+
+const addCakePopupToLoyaltyBadge = async () => {
+  const loyaltyBadgeView = document.querySelector('.loyaltyBadgeView');
+  if (! loyaltyBadgeView) {
+    return;
+  }
+
+  loyaltyBadgeView.addEventListener('click', () => {
+    hg.views.HeadsUpDisplayView().showBirthdayCakePopup();
+  });
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  showFullTitlePercent();
+  replaceInboxClose();
+
+  onNavigation(allowTrapMathToggle, {
+    page: 'camp',
+  });
+
+  onNavigation(addCakePopupToLoyaltyBadge, {
+    page: 'hunterprofile',
+  });
+
+  if (! getFlag('no-kingdom-link-replacement')) {
+    replaceKingdomLink();
+  }
+
+  onTurn(showFullTitlePercent, 1000);
+};

package/src/modules/better-ui/modules/kings-promo/index.js

@@ -0,0 +1,15 @@
+import { onRequest } from '@utils';
+
+/**
+ * Change the text in the Kings Calibrator promo.
+ */
+const kingsPromoTextChange = () => {
+  const kingsPromo = document.querySelector('.shopsPage-kingsCalibratorPromo');
+  if (kingsPromo) {
+    kingsPromo.innerHTML = kingsPromo.innerHTML.replace('and even', 'and');
+  }
+};
+
+export default async () => {
+  onRequest('users/dailyreward.php', kingsPromoTextChange);
+};

package/src/modules/better-ui/modules/larger-codices/index.js

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

package/src/modules/better-ui/modules/larger-codices/styles.css

@@ -0,0 +1,57 @@
+.campPage-trap-itemBrowser-item.codex .campPage-trap-itemBrowser-item-leftBar {
+  display: block;
+  width: auto;
+}
+
+.campPage-trap-itemBrowser-item.codex .campPage-trap-itemBrowser-item-content {
+  display: block;
+  width: auto;
+}
+
+.campPage-trap-itemBrowser-item.codex {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.campPage-trap-itemBrowser-item.codex a.campPage-trap-itemBrowser-item-image {
+  width: 125px;
+  height: 125px;
+}
+
+.campPage-trap-itemBrowser-item.codex .campPage-trap-itemBrowser-item-description {
+  position: absolute;
+  inset: 0;
+  top: -10px;
+  padding: 15px;
+  overflow-y: scroll;
+  background-color: rgb(255 255 255 / 80%);
+  opacity: 0;
+  transition: 0.5s;
+}
+
+.campPage-trap-itemBrowser-item.codex:hover .campPage-trap-itemBrowser-item-description {
+  opacity: 1;
+}
+
+.mh-dark-mode .campPage-trap-itemBrowser-item.codex .campPage-trap-itemBrowser-item-description {
+  background-color: rgb(0 0 0 / 80%);
+}
+
+.codex .campPage-trap-itemBrowser-item-image::after {
+  border: none;
+  box-shadow: none;
+}
+
+.campPage-trap-itemBrowser-item-description.shortDescription {
+  z-index: 2;
+}
+
+.trapSelectorView__browserStateParent--codex .trapSelectorView__browserState--codex .campPage-trap-itemBrowser-item-image.limitedEdition::before {
+  z-index: 1;
+}
+
+.trapSelectorView__browserStateParent--codex .trapSelectorView__browserState--codex .campPage-trap-itemBrowser-item.codex .campPage-trap-itemBrowser-item-description {
+  margin-top: 10px;
+}

package/src/modules/better-ui/modules/larger-skin-images/index.js

@@ -0,0 +1,148 @@
+import {
+  addStyles,
+  dbGet,
+  dbSet,
+  debounce,
+  makeElement,
+  onEvent,
+  onNavigation,
+  onRequest
+} from '@utils';
+
+import styles from './styles.css';
+
+const skinImages = {};
+let isAdding = false;
+
+/**
+ * Add skin images to the trap selector.
+ *
+ * @param {string}  panel The panel to add the skin images to.
+ * @param {boolean} force Whether to force add the skin images.
+ */
+const addSkinImages = async (panel, force = false) => {
+  if ('item_browser' !== panel) {
+    return;
+  }
+
+  if (isAdding) {
+    return;
+  }
+
+  isAdding = true;
+
+  const blueprint = document.querySelector('.trapSelectorView__blueprint--active .trapSelectorView__browserStateParent');
+  if (! blueprint) {
+    isAdding = false;
+    return;
+  }
+
+  if (! force) {
+    const type = blueprint.getAttribute('data-blueprint-type');
+    if (! type || type !== 'skin') {
+      isAdding = false;
+      return;
+    }
+  }
+
+  const items = document.querySelectorAll('.campPage-trap-itemBrowser-item.skin');
+  if (! items) {
+    isAdding = false;
+    return;
+  }
+
+  for (const item of items) {
+    if (item.classList.contains('mh-unowned-skin-item')) {
+      continue;
+    }
+
+    const id = item.getAttribute('data-item-id');
+    if (! id) {
+      continue;
+    }
+
+    let skin;
+
+    if (skinImages[id]) {
+      skin = skinImages[id];
+    } else {
+      const cachedData = await dbGet('cache', `skin-image-${id}`);
+      if (cachedData && cachedData.data && cachedData.data.skin) {
+        skin = cachedData.data.skin;
+      } else {
+        const itemData = await fetch(`https://api.mouse.rip/item/${id}`).then((res) => res.json());
+
+        if (! (itemData && itemData.images.trap)) {
+          return;
+        }
+
+        skin = itemData.images.trap;
+
+        dbSet('cache', {
+          id: `skin-image-${id}`,
+          skin
+        });
+      }
+
+      skinImages[id] = skin;
+    }
+
+    const imageWrapper = makeElement('div', 'itembrowser-skin-image-wrapper');
+    const imageEl = makeElement('img', 'itembrowser-skin-image');
+    imageEl.setAttribute('src', skin);
+    imageEl.setAttribute('data-item-classification', 'skin');
+    imageEl.setAttribute('data-item-id', id);
+    imageWrapper.append(imageEl);
+
+    const existingImage = item.querySelector('.itembrowser-skin-image-wrapper');
+    if (! existingImage) {
+      item.insertBefore(imageWrapper, item.firstChild);
+    }
+  }
+
+  const searchInput = document.querySelector('.campPage-trap-itemBrowser-filter input');
+  if (searchInput) {
+    searchInput.addEventListener('keyup', debounce(() => {
+      addSkinImages('item_browser', true);
+    }, 300));
+  }
+
+  isAdding = false;
+};
+
+/**
+ * Re-add skin images when the skin tab is clicked.
+ */
+const triggerFromClick = () => {
+  const button = document.querySelector('.trapSelectorView__armedItem[data-item-classification=skin]');
+  if (button) {
+    button.addEventListener('click', () => {
+      addSkinImages('item_browser', true);
+    });
+  }
+};
+
+/**
+ * Initialize the module.
+ */
+export default () => {
+  addStyles(styles, 'better-ui-larger-skin-images');
+
+  onEvent('camp_page_toggle_blueprint', addSkinImages);
+
+  onRequest('users/gettrapcomponents.php', (data) => {
+    if (data?.components && 'skin' === data?.components[0]?.classification) {
+      setTimeout(addSkinImages, 250, 'item_browser');
+    }
+  });
+
+  onRequest('users/changetrap.php', (data) => {
+    if (data.skin && data.skin.length) {
+      addSkinImages('item_browser');
+    }
+  });
+
+  onNavigation(triggerFromClick, {
+    page: 'camp',
+  });
+};

package/src/modules/better-ui/modules/larger-skin-images/styles.css

@@ -0,0 +1,21 @@
+.skin .campPage-trap-itemBrowser-items {
+  top: 50px;
+}
+
+.skin .campPage-trap-itemBrowser-item-description.shortDescription,
+.skin .campPage-trap-itemBrowser-item-image {
+  display: none;
+}
+
+.skin .campPage-trap-itemBrowser-item-content .campPage-trap-itemBrowser-item-name {
+  margin-top: 7px;
+}
+
+.trapSelectorView__itemBrowserContainer.skin .campPage-trap-itemBrowser-tagGroup-name {
+  display: none;
+}
+
+.trapSelectorView__itemBrowserContainer.skin .campPage-trap-itemBrowser-items {
+  right: 5px;
+  left: 5px;
+}

package/src/modules/better-ui/modules/legacy-styles/index.js

@@ -0,0 +1,9 @@
+import { addStyles, isLegacyHUD } from '@utils';
+
+import styles from './styles.css';
+
+export default async () => {
+  if (isLegacyHUD()) {
+    addStyles(styles, 'better-ui-legacy');
+  }
+};

package/src/modules/better-ui/modules/legacy-styles/styles.css

@@ -0,0 +1,20 @@
+.huntersHornView__timer.huntersHornView__timer.countdown::after {
+  content: "";
+}
+
+.mousehuntHud-userStat .icon {
+  width: 26px;
+  height: 26px;
+  border: 1px solid #c2b384;
+  box-shadow: 1px 1px 1px #7d6027;
+}
+
+.mousehuntHud-userStat.bait:hover .value,
+.mousehuntHud-userStat.trinket:hover .value,
+.mousehuntHud-userStat.treasureMap:hover .value {
+  margin: 0;
+}
+
+#mh-custom-icon-egg img {
+  filter: none;
+}

package/src/modules/better-ui/modules/maintenance/index.js

@@ -0,0 +1,49 @@
+import { makeElement, onNavigation, sessionGet, sessionSet } from '@utils';
+
+/**
+ * Add the maintenance banner classes.
+ */
+const addMaintenanceClasses = () => {
+  const banner = document.querySelector('div[style="background: #f2f27c; border:1px solid #555; border-radius: 3px; text-align: center; font-size: 12px; padding: 6px 3px"]');
+  if (! banner) {
+    return;
+  }
+
+  const isHidden = sessionGet('maintenance-banner-hidden');
+  if (isHidden) {
+    banner.classList.add('hidden');
+    return;
+  }
+
+  banner.classList.add('maintenance-banner', 'mh-ui-fade', 'mh-ui-fade-in');
+
+  const existingClose = banner.querySelector('.close');
+  if (existingClose) {
+    return;
+  }
+
+  banner.childNodes.forEach((node) => {
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      node.innerHTML = `${node.innerHTML}.`;
+    } else if (node.nodeType === Node.TEXT_NODE) {
+      node.textContent = `${node.textContent}.`;
+    }
+  });
+
+  const close = makeElement('div', 'close', '✕');
+  close.addEventListener('click', () => {
+    banner.classList.add('mh-ui-fade-out');
+
+    setTimeout(() => banner.classList.add('hidden'), 350);
+    setTimeout(() => sessionSet('maintenance-banner-hidden', true), 350);
+  });
+
+  banner.append(close);
+};
+
+export default async () => {
+  addMaintenanceClasses();
+  onNavigation(addMaintenanceClasses, {
+    page: 'camp',
+  });
+};

package/src/modules/better-ui/modules/random-skin-button/index.js

@@ -0,0 +1,58 @@
+import { addStyles, makeMhButton, onEvent } from '@utils';
+
+import styles from './styles.css';
+
+const addRandomSkinButton = () => {
+  const header = document.querySelector('.trapSelectorView__itemBrowserContainer.trapSelectorView__outerBlock.campPage-trap-itemBrowser.skin .campPage-trap-itemBrowser-filterContainer');
+  if (! header) {
+    return;
+  }
+
+  if (document.querySelector('.random-skin-button')) {
+    return;
+  }
+
+  const randomButton = makeMhButton({
+    text: 'Random',
+    className: ['random-skin-button', 'lightBlue'],
+    size: 'small',
+    appendTo: header,
+  });
+
+  randomButton.addEventListener('click', () => {
+    const skins = document.querySelectorAll('.trapSelectorView__blueprint--active .campPage-trap-itemBrowser-item.skin.canArm a.campPage-trap-itemBrowser-item-armButton');
+    if (skins.length === 0) {
+      return;
+    }
+
+    const randomIndex = Math.floor(Math.random() * skins.length);
+    const skin = skins[randomIndex];
+    if (! skin) {
+      return;
+    }
+
+    randomButton.classList.add('disabled');
+    randomButton.disabled = 'disabled';
+
+    skin.scrollIntoView({
+      behavior: 'smooth',
+      block: 'center',
+      container: 'nearest'
+    });
+
+    skin.click();
+
+    setTimeout(() => {
+      randomButton.classList.remove('disabled');
+      randomButton.disabled = '';
+    }, 1000);
+  });
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addStyles(styles, 'better-ui-random-skin-button');
+  onEvent('camp_page_toggle_blueprint', addRandomSkinButton);
+};