mousehunt-improved 0.97.1 → 0.98.1

package/src/modules/legacy-hud/index.js

@@ -1,314 +0,0 @@
-import { addStyles, getSetting, getUserTitle, makeElement } from '@utils';
-
-import settings from './settings';
-
-import generalStyles from './styles/styles.css';
-import menuStyles from './styles/menu.css';
-import statsStyles from './styles/stats.css';
-import tweaksStyles from './styles/tweaks.css';
-
-/**
- * Get the map text.
- *
- * @return {string} The map text.
- */
-const getMapText = () => {
-  if (user?.quests?.QuestRelicHunter?.maps?.length) {
-    return user.quests.QuestRelicHunter.label.replace('Treasure Map', '').trim();
-  }
-
-  const amount = user?.quests?.QuestRelicHunter?.num_invites || 0;
-  if (amount > 1) {
-    return `${amount} invites`;
-  } else if (amount === 1) {
-    return `${amount} invite`;
-  }
-  return 'Start new';
-};
-
-/**
- * Get the markup for a stat.
- *
- * @param {string} type     The type of stat.
- * @param {string} label    The label for the stat.
- * @param {string} id       The ID of the item.
- * @param {string} name     The name of the item.
- * @param {number} quantity The quantity of the item.
- *
- * @return {string} The markup for the stat.
- */
-const getEquippedStat = (type, label, id, name, quantity) => {
-  return `<li class="mousehuntHud-userStat ${type}" data-item-id="${id}" data-itemId="${id}">
-    <span class="hudstatlabel">${label}:</span>
-    <span id="hud_${type}" class="hudstatvalue">
-      <a href="#" class="label" onclick="hg.utils.PageUtil.setPage('Inventory', {tab:'traps', sub_tab:'${type}'}); return false;">
-        ${name}
-      </a>
-    </span>
-    ${quantity ? `<span class="hud_baitQuantity value">${quantity}</span>` : ''}
-  </li>`;
-};
-
-/**
- * Get the markup for a stat.
- *
- * @param {string} type  The type of stat.
- * @param {string} label The label for the stat.
- * @param {string} value The value of the stat.
- *
- * @return {string} The markup for the stat.
- */
-const getStat = (type, label, value) => {
-  return `<li>
-    <span class="hudstatlabel">${label}:</span>
-    <span class="hud_${type} hudstatvalue">${value}</span>
-  </li>`;
-};
-
-/**
- * Get the markup for the legacy HUD.
- *
- * @return {string} The markup for the legacy HUD.
- */
-const getLegacyHudHtml = () => {
-  return `<div id="legacy-hud" class="headsup">
-    <div class="shieldped">
-      <div class="titleicon">
-        <a href="#" onclick="hg.utils.PageUtil.setPage('Title'); return false;">
-          <img src="${user?.title_icon}" width="12" height="14" class="hud_titleIcon" alt="${user?.title_name}" title="${user?.title_name}">
-        </a>
-      </div>
-    </div>
-    <div id="hud_statList1" class="hudstatlist">
-      <ul>
-        <li>
-          <span class="hudstatlabel">Location:</span>
-          <a href="#" class="hudstatvalue hud_location" onclick="hg.utils.PageUtil.setPage('Travel'); return false;">
-            ${user?.environment_name}
-          </a>
-        </li>
-        <li>
-          <span class="hudstatlabel">Title:</span>
-          <span class="hud_title">
-            <a href="#" class="hudstatvalue" onclick="hg.utils.PageUtil.setPage('Title'); return false;">
-              ${user?.title_name}
-            </a>
-          </span> (<span class="hud_titlePercentage">${user?.title_percent}</span>)
-        </li>
-        <li>
-          <div class="mousehuntHud-titleProgressBar">
-            <span class="dot"></span>
-            <div class="wrapper">
-              <span class="bar" style="width: ${user?.title_percent}%"></span>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div id="cheeseped" class="cheeseped">
-      <a href="#" class="baiticon" target="_parent" onclick="hg.utils.PageUtil.setPage('Inventory', {tab:'cheese'}); return false;">
-        <img id="hud_baitIcon" src="${user?.bait_thumb}" border="0">
-      </a>
-    </div>
-    <div class="hudstatlist legacyFix">
-      <ul>
-        ${getEquippedStat('base', 'Base', user?.base_item_id, user?.base_name)}
-        ${getEquippedStat('weapon', 'Weapon', user?.weapon_item_id, user?.weapon_name)}
-        ${getEquippedStat('trinket', 'Charm', user?.trinket_item_id, user?.trinket_name)}
-      </ul>
-    </div>
-    <div class="hudstatlist legacyFix">
-      <ul>
-        ${getStat('gold', 'Gold', user?.gold.toLocaleString())}
-        ${getStat('points', 'Points', user?.points.toLocaleString())}
-        ${getEquippedStat('bait', 'Bait', user?.bait_item_id, user?.bait_name, user?.bait_quantity)}
-      </ul>
-    </div>
-    <div class="hudstatlist">
-      <ul>
-        <li>
-          <span class="hudstatlabel">Team:</span>
-          <span id="hud_team">
-            <a href="https://www.mousehuntgame.com/team.php?team_id=${user?.team?.id}" class="hud_team_name hudstatvalue" onclick="app.pages.TeamPage.showUserTeamPage(); return false;">
-              ${user?.team?.name}
-            </a>
-            <div class="corkboardUpdate ${user?.team?.new_chat ? 'active' : ''}"></div>
-          </span>
-        </li>
-        <a class="mousehuntHud-userStat treasureMap ${user?.quests?.QuestRelicHunter?.maps?.length ? 'active' : 'empty'}" onclick="hg.controllers.TreasureMapController.show();return false;" href="#">
-          <div class="icon" style="${user?.quests?.QuestRelicHunter?.maps?.length ? `background-image: url(${user?.quests?.QuestRelicHunter?.image})` : ''}">
-            <div class="notification ${user?.quests?.QuestRelicHunter?.notifications?.length ? 'active' : ''}">${user?.quests?.QuestRelicHunter?.notifications}</div>
-            <div class="corkboardUpdate ${user?.quests?.QuestRelicHunter?.new_chat ? 'active' : ''}"></div>
-            <div class="miceWarning ${user?.quests?.QuestRelicHunter?.mice_warning ? 'active' : ''}"></div>
-          </div>
-          <span class="label">Treasure Map${user?.quests?.QuestRelicHunter?.maps?.length > 1 ? 's' : ''}</span>
-          <span class="value">${getMapText()}</span>
-        </a>
-      </ul>
-    </div>
-    <div class="marblebevel"></div>
-  </div>`;
-};
-
-/**
- * Replace the menu bar markup.
- */
-const replaceMenuBar = () => {
-  const body = document.querySelector('body');
-  if (! body) {
-    return;
-  }
-
-  const mpLink = document.querySelector('.mousehuntHud-marketPlace');
-  if (mpLink) {
-    const existingOldCampButton = document.querySelector('.mh-legacy-mode-camp-button');
-    if (! existingOldCampButton) {
-      const oldCampButton = makeElement('a', ['mousehuntHud-campButton', 'mh-legacy-mode-camp-button']);
-      oldCampButton.href = 'https://www.mousehuntgame.com/';
-
-      /**
-       * Go to the camp page when the button is clicked.
-       *
-       * @return {boolean} False.
-       */
-      oldCampButton.onclick = () => {
-        hg.utils.PageUtil.setPage('Camp');
-        return false;
-      };
-
-      mpLink.parentNode.insertBefore(oldCampButton, mpLink.nextSibling);
-    }
-  }
-
-  const menu = document.querySelector('.mousehuntHud-menu');
-  if (menu) {
-    menu.classList.remove('default');
-    menu.classList.add('legacy');
-  }
-
-  const timer = document.querySelector('.huntersHornView__timer');
-  if (timer) {
-    timer.classList.remove('huntersHornView__timer--default');
-    timer.classList.add('huntersHornView__timer--legacy');
-  }
-
-  const kingdomMenu = document.querySelector('.mousehuntHud-menu .kingdom');
-  const friendsMenu = document.querySelector('.mousehuntHud-menu .friends');
-  if (kingdomMenu && friendsMenu) {
-    const existing = document.querySelector('.mh-legacy-mode-teams');
-    if (! existing) {
-      const teams = friendsMenu.cloneNode(true);
-      teams.classList.remove('friends');
-      teams.classList.add('team', 'mh-legacy-mode-teams');
-
-      kingdomMenu.parentNode.insertBefore(teams, kingdomMenu.nextSibling);
-    }
-
-    const existingLore = document.querySelector('.mh-legacy-mode-lore');
-    if (! existingLore) {
-      const lore = kingdomMenu.cloneNode(true);
-      lore.classList.remove('kingdom');
-      lore.classList.add('scoreboards', 'mh-legacy-mode-lore');
-
-      kingdomMenu.parentNode.insertBefore(lore, kingdomMenu.nextSibling);
-    }
-  }
-};
-
-/**
- * Replace the stats bar markup.
- */
-const replaceStatsBar = () => {
-  const hudStats = document.querySelector('.headsUpDisplayView-stats');
-  if (hudStats) {
-    const existingLegacyHud = document.querySelector('.mh-legacy-mode-hud');
-    if (! existingLegacyHud) {
-      const legacyHud = makeElement('div', ['headsup', 'mh-legacy-mode-hud'], getLegacyHudHtml());
-
-      hudStats.parentNode.insertBefore(legacyHud, hudStats.nextSibling);
-    }
-  }
-
-  const oldStats = document.querySelector('.mousehuntHud-userStatBar');
-  if (oldStats) {
-    oldStats.remove();
-  }
-};
-
-/**
- * Get the user shield image.
- *
- * @return {string} The user shield image.
- */
-const getUserShield = () => {
-  const titleImgs = {
-    novice: '84bc1109b5cd7aa8c24d195bc8207c38.png',
-    recruit: '3f1e44bbaa7138da4c326819e9f3f0a8.png',
-    apprentice: '6f4673dd2d9d1e98b4569667d702a775.png',
-    initiate: 'e96387f7261b95c0eeab9291e4e594e1.png',
-    journeyman: 'ad6875955f541159133c6d3798519f81.png',
-    master: '35ee6056a09037fb13a9195881875045.png',
-    grandmaster: '0da3761747914f497c16dc2051ba132d.png',
-    legendary: 'fca35751046f4bcc972716ca484b6d61.png',
-    hero: '0567284d6e12aaaed35ca5912007e070.png',
-    knight: '398dca9a8c7703de969769491622ca32.png',
-    lord: '9a6acd429a9a3a4849ed13901288b0b8.png',
-    baron: 'ea9c0ec2e6d3d81c14e61f5ce924d0e1.png',
-    count: 'dd11711a25b80db90e0306193f2e8d78.png',
-    duke: 'eb46ac1e8197b13299ab860f07d963db.png',
-    grandduke: '87937fa96bbb3b2dd3225df883002642.png',
-    archduke: '043efe31de4f0f2e0ddca590fe829032.png',
-    viceroy: 'e2e79f6f9201a4d4e7a89684fbb5356f.png',
-    elder: '0f3cf224bf98457f6b5bad91ab1c7bd2.png',
-    sage: 'cb49e43c5e4460da7c09fe28ca4f44ce.png',
-    fabled: '5daba92a8d609834aa8b789f37544e08.png',
-  };
-
-  const title = getUserTitle();
-
-  return titleImgs[title] || titleImgs.novice;
-};
-
-/**
- * Initialize the module.
- */
-const init = async () => {
-  const stylesToAdd = [];
-
-  const loadMenu = getSetting('legacy-hud.menu', false);
-  const loadStats = getSetting('legacy-hud.stats', false);
-  const loadBoth = loadMenu === loadStats;
-
-  if (loadMenu || loadBoth) {
-    stylesToAdd.push(menuStyles);
-    replaceMenuBar();
-  }
-
-  if (loadStats || loadBoth) {
-    stylesToAdd.push(statsStyles);
-    replaceStatsBar();
-  }
-
-  if (loadStats || loadMenu || loadBoth) {
-    stylesToAdd.push(generalStyles);
-  }
-
-  if (getSetting('legacy-hud.tweaks', true)) {
-    stylesToAdd.push(tweaksStyles, `.headsup .shieldped { background-image: url(${getUserShield()}); }`);
-  }
-
-  addStyles(stylesToAdd, 'legacy-hud');
-};
-
-/**
- * Initialize the module.
- */
-export default {
-  id: 'legacy-hud',
-  name: 'Legacy HUD & Legacy HUD Tweaks',
-  type: 'feature',
-  default: false,
-  description: 'Enable the legacy HUD or make tweaks to it.',
-  load: init,
-  settings,
-};

package/src/modules/legacy-hud/settings/index.js

@@ -1,24 +0,0 @@
-/**
- * Add settings for the module.
- *
- * @return {Array} The settings for the module.
- */
-export default async () => {
-  return [
-    {
-      id: 'legacy-hud.menu',
-      title: 'Enable the legacy menu',
-      default: false,
-    },
-    {
-      id: 'legacy-hud.stats',
-      title: 'Enable the legacy stats bar',
-      default: false,
-    },
-    {
-      id: 'legacy-hud.tweaks',
-      title: 'Enable tweaks to the legacy HUD',
-      default: true,
-    },
-  ];
-};

package/src/modules/legacy-hud/styles/menu.css

@@ -1,19 +0,0 @@
-.mousehuntHud-environment,
-.mousehuntHud-menu .camp,
-.mousehuntHud-menu .friends .team,
-.mousehuntHud-menu .friends .tournaments,
-.mousehuntHud-menu .friends .tournament_scoreboards,
-.mousehuntHud-menu .team .friend_list,
-.mousehuntHud-menu .team .hunter_community,
-.mousehuntHud-menu .team .community_maps,
-.mousehuntHud-menu .team .free_gifts,
-.mousehuntHud-menu .team .send_supplies,
-.mousehuntHud-menu .scoreboards .forum,
-.mousehuntHud-menu .scoreboards .news,
-.mousehuntHud-menu .kingdom .wiki,
-.mousehuntHud-menu .kingdom .guide,
-.mousehuntHud-menu .kingdom .feedback_friday,
-.mousehuntHud-menu .kingdom .merch_store,
-.mh-legacy-mode-remove {
-  display: none;
-}

package/src/modules/legacy-hud/styles/stats.css

@@ -1,18 +0,0 @@
-.headsup .cheeseped a.baiticon img {
-  height: 45px;
-}
-
-.headsup .cheeseped a.baiticon {
-  top: -4px;
-  right: 2px;
-}
-
-span.hud_titlePercentage::after {
-  content: "%";
-}
-
-.mousehuntHud-userStat.bait:hover .value,
-.mousehuntHud-userStat.trinket:hover .value,
-.mousehuntHud-userStat.treasureMap:hover .value {
-  margin-top: 0;
-}

package/src/modules/legacy-hud/styles/styles.css

@@ -1,3 +0,0 @@
-.huntersHornView__timer.huntersHornView__timer.countdown::after {
-  display: none;
-}

package/src/modules/legacy-hud/styles/tweaks.css

@@ -1,60 +0,0 @@
-.hud_titleIcon {
-  width: auto;
-  height: 32px;
-  padding: 2px;
-  overflow: visible;
-  background-color: #d9c9a0;
-  border-radius: 50%;
-  box-shadow: 0 0 0 3px #d9c9a0;
-}
-
-.headsup .shieldped {
-  width: 50px;
-  height: 50px;
-  padding: 8px 0 0 14px;
-}
-
-.headsup .hudstatlist {
-  margin-right: 20px;
-}
-
-.mousehuntHud-menu.legacy .mice .mousehuntHud-menu-item.root {
-  filter: hue-rotate(174deg);
-}
-
-.mousehuntHud-menu.legacy .shops .mousehuntHud-menu-item.root {
-  filter: hue-rotate(254deg);
-}
-
-.mousehuntHud-menu.legacy .friends .mousehuntHud-menu-item.root {
-  filter: hue-rotate(87deg);
-}
-
-.mousehuntHud-menu.legacy .travel .mousehuntHud-menu-item.root {
-  filter: hue-rotate(57deg);
-}
-
-.mousehuntHud-menu.legacy .inventory .mousehuntHud-menu-item.root {
-  filter: hue-rotate(340deg);
-}
-
-.hudstatlist.legacyFix .mousehuntHud-userStat.trinket .label {
-  width: auto;
-}
-
-.headsup .hudstatlist:nth-child(5) ul li:nth-child(1),
-.headsup .hudstatlist:nth-child(5) ul li:nth-child(2),
-.headsup .hudstatlist:nth-child(5) ul li:nth-child(3) {
-  display: flex;
-  justify-content: space-between;
-  width: 150px;
-}
-
-.mousehuntHud-marbleDrawer #hudLocationContent {
-  margin-top: 0;
-}
-
-.mousehuntHud-userStat.treasureMap .value {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}

package/src/modules/lgs-reminder/index.js

@@ -1,229 +0,0 @@
-import {
-  addStyles,
-  getSetting,
-  humanizeTime,
-  makeElement,
-  onActivation,
-  onDeactivation,
-  onSettingsChange
-} from '@utils';
-
-import settings from './settings';
-import styles from './styles.css';
-
-/**
- * Check if the time should be exact seconds.
- *
- * @return {boolean} If the time should be exact.
- */
-const isExact = () => {
-  return getSetting('lgs-reminder.show-seconds');
-};
-
-/**
- * Get the shield end date time.
- *
- * @return {Date} The shield end date time.
- */
-const getShieldEndDateTime = () => {
-  const shieldExpiry = user.shield_expiry;
-  if (! shieldExpiry) {
-    return new Date(Date.now() - (60 * 1000)); // 1 minute ago to make it expired.
-  }
-
-  // make a new date object
-  const expiry = Date.parse(shieldExpiry);
-
-  // subtract 5 hours from the expiry time for some reason.
-  const realExpiry = expiry - offset;
-
-  return new Date(realExpiry);
-};
-
-/**
- * Get the remaining shield time.
- *
- * @return {number} The time in seconds.
- */
-const getShieldTime = () => {
-  const expiry = getShieldEndDateTime();
-  const now = new Date();
-
-  // get the difference in seconds
-  return Math.floor((expiry - now));
-};
-
-/**
- * Get the formatted shield time.
- *
- * @return {string} The formatted shield time.
- */
-const getShieldTimeFormatted = () => {
-  const time = getShieldTime();
-  if (! time) {
-    return '';
-  }
-
-  let units = ['y', 'mo', 'w', 'd', 'h'];
-
-  if (getSetting('lgs-reminder.days-and-lower')) {
-    units = ['d', 'h', 'm'];
-  }
-
-  if (isExact()) {
-    units.push('s');
-  }
-
-  const duration = humanizeTime(time, { units });
-
-  return duration;
-};
-
-/**
- * Update the LGS reminder.
- *
- * @param {HTMLElement} el The reminder element.
- */
-const updateLgsReminder = (el) => {
-  const time = getShieldTime();
-
-  // Check if we have less than 2 days left.
-  if (time <= 60 * 60 * 24 * 2) {
-    el.classList.add('lgs-warning');
-  }
-
-  // If we have less than 1 hour left, then add another warning.
-  if (time <= 60 * 60) {
-    el.classList.add('lgs-danger');
-  }
-
-  el.innerText = getShieldTimeFormatted();
-};
-
-/**
- * Main function.
- */
-const main = () => {
-  const shieldEl = document.querySelector('.mousehuntHud-shield.golden');
-  if (! shieldEl) {
-    return;
-  }
-
-  const newStyle = getSetting('lgs-reminder.new-style', false);
-
-  let wrapper;
-  let reminder;
-  if (newStyle) {
-    wrapper = makeElement('div', 'mousehunt-improved-lgs-reminder-wrapper');
-    reminder = makeElement('div', 'mousehunt-improved-lgs-reminder-new');
-  } else {
-    reminder = makeElement('div', 'mousehunt-improved-lgs-reminder');
-  }
-
-  const exact = isExact();
-  if (exact) {
-    reminder.classList.add('exact');
-  }
-
-  // Set the title to be the final time and remaining time.
-  const endDate = getShieldEndDateTime().toLocaleDateString('en-US', {
-    weekday: 'long',
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    second: 'numeric',
-  });
-
-  reminder.title = `LGS Expires on ${endDate} (${getShieldTimeFormatted()} remaining)`;
-
-  if (newStyle) {
-    const existing = document.querySelector('.mousehunt-improved-lgs-reminder-wrapper');
-    if (existing) {
-      existing.remove();
-    }
-
-    wrapper.append(reminder);
-    shieldEl.after(wrapper);
-  } else {
-    const existing = document.querySelector('.mousehunt-improved-lgs-reminder');
-    if (existing) {
-      existing.remove();
-    }
-
-    shieldEl.append(reminder);
-  }
-
-  updateLgsReminder(reminder);
-
-  document.addEventListener('horn-countdown-tick-minute', () => updateLgsReminder(reminder));
-};
-
-/**
- * Set the offset for the shield time.
- */
-const setOffset = () => {
-  const userShieldExpiry = new Date(Date.parse(user.shield_expiry));
-  const userShieldSeconds = new Date(new Date().setSeconds(new Date().getSeconds() + user.shield_seconds));
-  const difference = userShieldExpiry - userShieldSeconds;
-
-  // round to the nearest second
-  offset = Math.round(difference / 1000) * 1000;
-};
-
-let offset;
-
-/**
- * Initialize the module.
- */
-const init = async () => {
-  // Only load if the user has LGS.
-  if (! user.has_shield) {
-    return;
-  }
-
-  setOffset();
-
-  addStyles(styles, 'lgs-reminder');
-  main();
-
-  onSettingsChange('lgs-reminder.new-style', () => {
-    const selectors = [
-      '.mousehunt-improved-lgs-reminder',
-      '.mousehunt-improved-lgs-reminder-new',
-      '.mousehunt-improved-lgs-reminder-wrapper',
-    ];
-
-    selectors.forEach((selector) => {
-      const el = document.querySelector(selector);
-      if (el) {
-        el.remove();
-      }
-    });
-
-    main();
-  });
-
-  onActivation('lgs-reminder', main);
-
-  onDeactivation('lgs-reminder', () => {
-    const reminder = document.querySelector('.mousehunt-improved-lgs-reminder');
-    if (reminder) {
-      reminder.remove();
-    }
-  });
-};
-
-/**
- * Initialize the module.
- */
-export default {
-  id: 'lgs-reminder',
-  name: `${getSetting('experiments.new-settings-styles-columns', false) ? 'LGS' : 'Lucky Golden Shield'} Duration & Reminder`,
-  type: 'feature',
-  description: 'Show your LGS duration in the HUD and warn you when it’s about to expire.',
-  default: false,
-  load: init,
-  settings,
-};

package/src/modules/lgs-reminder/settings/index.js

@@ -1,17 +0,0 @@
-/**
- * Add settings for the module.
- *
- * @return {Array} The settings for the module.
- */
-export default async () => {
-  return [
-    {
-      id: 'lgs-reminder.new-style',
-      title: 'Use new layout style',
-    },
-    {
-      id: 'lgs-reminder.days-and-lower',
-      title: 'Display time in days only',
-    }
-  ];
-};