mousehunt-improved 0.97.1 → 0.98.1

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

@@ -1,51 +0,0 @@
-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

@@ -1,141 +0,0 @@
-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

@@ -1,108 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,57 +0,0 @@
-.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

@@ -1,148 +0,0 @@
-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

@@ -1,21 +0,0 @@
-.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

@@ -1,9 +0,0 @@
-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

@@ -1,20 +0,0 @@
-.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

@@ -1,49 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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);
-};