mousehunt-improved 0.97.1

package/src/modules/better-shops/styles/retired.css

@@ -0,0 +1,11 @@
+/* Items that have retired items as cost */
+.kings_cart .hasShop .cannot_buy.super_dragonbane_trinket,
+.kings_cart .hasShop .cannot_buy.extrme_dragonbane_trinket,
+.kings_cart .hasShop .cannot_buy.wild_tonic_remote_pumping_trinket,
+.kings_cart .hasShop .cannot_buy.hot_spice_crafting_item,
+.kings_cart .hasShop .cannot_buy.flaming_spice_crafting_item,
+.kings_cart .hasShop .cannot_buy.dragonshard_sparkling_nest_convertible,
+.itemPurchaseView-container.eggstra_trinket.cannot_buy.no_gold_cost,
+.itemPurchaseView-container.eggstra_charge_trinket.cannot_buy.no_gold_cost {
+  display: none !important;
+}

package/src/modules/better-shops/styles/riftstalker.css

@@ -0,0 +1,48 @@
+ul.set_bonus_effects {
+  display: inline-block;
+  flex-wrap: nowrap;
+}
+
+.item_set .set_bonus_effects li {
+  display: inline;
+  margin: 0;
+}
+
+.item_set .set_bonus_level {
+  width: 40%;
+}
+
+.item_set {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+}
+
+.item_set .set_bonus_effects li::after {
+  content: ", ";
+}
+
+.item_set .set_bonus_effects li:last-of-type::after {
+  content: "";
+}
+
+.item_set > b {
+  display: none;
+}
+
+.item_set .set_name > img {
+  right: 30px;
+  display: none;
+}
+
+.item_set .set_name {
+  margin: 0;
+  font-size: 11px;
+}
+
+.item_set .set_name::after {
+  margin-right: 5px;
+  margin-left: 10px;
+  font-weight: 400;
+  content: " Requires: ";
+}

package/src/modules/better-shops/styles/stats.css

@@ -0,0 +1,71 @@
+/* Trap stats in store */
+.shopCustomization .PageShops .itemViewStatBlock.horizontal .itemViewStatBlock-padding {
+  display: flex;
+  flex-flow: row wrap;
+  row-gap: 5px;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.shopCustomization .PageShops .itemPurchaseView-container .itemViewStatBlock.horizontal .itemViewStatBlock-stat.title,
+.shopCustomization .PageShops .itemPurchaseView-container .itemViewStatBlock.horizontal .itemViewStatBlock-stat.cheeseEffect {
+  width: 70px;
+}
+
+.shopCustomization .PageShops .itemPurchaseView-container .itemViewStatBlock-stat.title,
+.itemPurchaseView-container .itemViewStatBlock-stat.powerType {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  width: auto;
+  line-height: 14px;
+  border: 1px solid #ccc;
+}
+
+.mh-dark-mode .shopCustomization .PageShops .itemPurchaseView-container .itemViewStatBlock-stat.title,
+.mh-dark-mode .itemPurchaseView-container .itemViewStatBlock-stat.powerType {
+  border-color: #606060;
+}
+
+.shopCustomization .PageShops .itemViewStatBlock.horizontal .itemViewStatBlock-stat-label {
+  display: inline-block;
+  padding: 0;
+}
+
+.shopCustomization .PageShops .itemViewStatBlock.horizontal .itemViewStatBlock-stat-value {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 3px;
+}
+
+.shopCustomization .PageShops .itemViewStatBlock.horizontal .itemViewStatBlock-stat {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  min-width: 55px;
+  padding: 2px;
+  margin: 0;
+  margin-right: 5px;
+  background-color: #f9f9f9;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+}
+
+.mh-dark-mode.shopCustomization .PageShops .itemViewStatBlock.horizontal .itemViewStatBlock-stat {
+  background-color: #333;
+  border-color: #606060;
+}
+
+.mh-dark-mode.shopCustomization .PageShops .pageFrameView .itemViewStatBlock .itemViewStatBlock-stat-value {
+  background-color: transparent;
+}
+
+.shopCustomization .PageShops .itemViewStatBlock.horizontal .itemViewStatBlock-stat-value span {
+  display: inline-block;
+  padding: 0;
+}
+
+.shopCustomization .PageShops .itemViewStatBlock.horizontal .itemViewStatBlock-stat.cheeseEffect .itemViewStatBlock-stat-value {
+  font-size: 9px;
+}

package/src/modules/better-tournaments/index.js

@@ -0,0 +1,282 @@
+import {
+  addStyles,
+  doRequest,
+  getSetting,
+  makeElement,
+  onEvent,
+  onNavigation,
+  onRequest
+} from '@utils';
+
+import settings from './settings';
+import styles from './styles.css';
+
+/**
+ * Update the tournament HUD.
+ */
+const updateTournamentHud = async () => {
+  const activeTourney = document.querySelector('#tournamentStatusHud > a.name');
+  if (! activeTourney) {
+    return;
+  }
+
+  // Get the ID from the href.
+  const tourneyId = activeTourney.href.split('=')[1];
+  if (! tourneyId) {
+    return;
+  }
+
+  const tourneyData = await doRequest('managers/ajax/pages/page.php', {
+    page_class: 'Tournament',
+    'page_arguments[tournament_id]': tourneyId,
+  });
+
+  if (! tourneyData?.page) {
+    return;
+  }
+
+  if (tourneyData?.page?.name) {
+    activeTourney.innerText = tourneyData?.page?.name;
+  }
+
+  if (tourneyData.page?.is_active) {
+    const rank = document.querySelector('.tournamentStatusHud .rank');
+    if (rank) {
+      const scoreHover = document.createElement('div');
+      scoreHover.classList.add('scoreHover');
+
+      tourneyData.page.scoreboard.rows.forEach((scoreboard) => {
+        const scoreRow = makeElement('div', 'scoreRow');
+
+        makeElement('div', 'scoreRank', scoreboard.rank, scoreRow);
+
+        const teamWrapper = makeElement('a', 'teamWrapper');
+        teamWrapper.href = `https://www.mousehuntgame.com/team.php?team_id=${scoreboard.team_id}`;
+
+        const icon = makeElement('div', 'scoreIcon');
+
+        const iconLayer1 = makeElement('div', 'scoreIconLayer1');
+        iconLayer1.style.backgroundImage = `url(${scoreboard.emblem.layers[0].image})`;
+        icon.append(iconLayer1);
+
+        const iconLayer2 = makeElement('div', 'scoreIconLayer2');
+        iconLayer2.style.backgroundImage = `url(${scoreboard.emblem.layers[1].image})`;
+        icon.append(iconLayer2);
+
+        const iconLayer3 = makeElement('div', 'scoreIconLayer3');
+        iconLayer3.style.backgroundImage = `url(${scoreboard.emblem.layers[2].image})`;
+        icon.append(iconLayer3);
+
+        teamWrapper.append(icon);
+
+        makeElement('div', 'scoreName', scoreboard.name, teamWrapper);
+
+        scoreRow.append(teamWrapper);
+
+        makeElement('div', 'scorePoints', scoreboard.points, scoreRow);
+
+        scoreHover.append(scoreRow);
+      });
+
+      rank.append(scoreHover);
+    }
+
+    const points = document.querySelector('.tournamentStatusHud .score');
+    if (points) {
+      const pointsHover = document.createElement('div');
+      pointsHover.classList.add('pointsHover');
+
+      // reverse the tourneyData.mouse_groups array and loop through it.
+      tourneyData.page.mouse_groups.reverse().forEach((mouseGroup) => {
+        const pointsRow = makeElement('div', 'pointsRow');
+
+        makeElement('div', 'pointsTotal', mouseGroup.name, pointsRow);
+
+        const groupMice = document.createElement('div');
+        groupMice.classList.add('pointsMice');
+
+        mouseGroup.mice.forEach((mouse) => {
+          const mouseWrapper = makeElement('div', 'pointsMouseWrapper');
+
+          const mouseIcon = makeElement('img', 'pointsMouseIcon');
+          mouseIcon.src = mouse.thumb;
+
+          mouseWrapper.append(mouseIcon);
+
+          makeElement('div', 'pointsMouseName', mouse.name, mouseWrapper);
+
+          groupMice.append(mouseWrapper);
+        });
+
+        pointsRow.append(groupMice);
+        pointsHover.append(pointsRow);
+      });
+
+      points.append(pointsHover);
+    }
+  } else {
+    const members = document.querySelector('.tournamentStatusHud a.teamMembers');
+    if (members) {
+      const memberHover = makeElement('div', 'memberHover');
+
+      tourneyData.page.members.forEach((member) => {
+        const memberRow = makeElement('div', 'memberRow');
+
+        if (member.is_empty) {
+          makeElement('div', 'memberEmpty', 'Empty', memberRow);
+          memberRow.classList.add('empty');
+        } else {
+          const image = makeElement('img', 'memberImage');
+          image.src = member.profile_pic ?? 'https://www.mousehuntgame.com//images/ui/friends/anonymous_user.png';
+          memberRow.append(image);
+
+          makeElement('div', 'memberName', member.name ?? '', memberRow);
+        }
+
+        memberHover.append(memberRow);
+      });
+
+      members.append(memberHover);
+    }
+  }
+};
+
+/**
+ * Update the tournament list.
+ */
+const updateTournamentList = async () => {
+  const beginsRows = document.querySelectorAll('.tournamentPage-tournamentRow.tournamentPage-tournamentData .tournamentPage-tournament-column.value:nth-child(3)');
+  if (! beginsRows.length) {
+    return;
+  }
+
+  const durationRows = document.querySelectorAll('.tournamentPage-tournamentRow.tournamentPage-tournamentData .tournamentPage-tournament-column.value:nth-child(4)');
+  if (! durationRows.length) {
+    return;
+  }
+
+  // For each beginsRow, we want to grab the innerText, convert it from '1 hour 54 minutes' to a number of minutes, then add that to the current date and output it as the date in a child element,
+  // and then take the durationRow and add it to the matching beginsRow's date and output it as the date in a child element.
+
+  const now = new Date();
+  const nowTime = now.getTime();
+
+  const dateOptions = {
+    weekday: 'short',
+    month: 'short',
+    day: 'numeric',
+    hour: 'numeric',
+    minute: 'numeric',
+  };
+
+  beginsRows.forEach((beginsRow, i) => {
+    const beginsText = beginsRow.innerText;
+    const beginsParts = beginsText.split(' ');
+    const beginsMinutes = beginsParts.reduce((acc, part) => {
+      if (part === 'minutes' || part === 'minute') {
+        return acc + Number.parseInt(beginsParts[beginsParts.indexOf(part) - 1], 10);
+      }
+
+      if (part === 'hours' || part === 'hour') {
+        return acc + (Number.parseInt(beginsParts[beginsParts.indexOf(part) - 1], 10) * 60);
+      }
+
+      if (part === 'days' || part === 'day') {
+        return acc + (Number.parseInt(beginsParts[beginsParts.indexOf(part) - 1], 10) * 1440);
+      }
+
+      return acc;
+    }, 0);
+
+    const inlineOrHover = getSetting('better-tournaments.time-inline') ? 'tournament-time-display-inline' : 'tournament-time-display-hover';
+
+    const beginsDate = new Date(nowTime + (beginsMinutes * 60000));
+    const beginsDateString = beginsDate.toLocaleString('en-US', dateOptions);
+
+    const beginsDateEl = makeElement('div', ['tournament-normal-time', 'tournament-begins-date', inlineOrHover], beginsDateString);
+    beginsRow.append(beginsDateEl);
+
+    const durationText = durationRows[i].innerText;
+    const durationParts = durationText.split(' ');
+    const durationMinutes = durationParts.reduce((acc, part) => {
+      if (part === 'minutes' || part === 'minute') {
+        return acc + Number.parseInt(durationParts[durationParts.indexOf(part) - 1], 10);
+      }
+
+      if (part === 'hours' || part === 'hour') {
+        return acc + (Number.parseInt(durationParts[durationParts.indexOf(part) - 1], 10) * 60);
+      }
+
+      if (part === 'days' || part === 'day') {
+        return acc + (Number.parseInt(durationParts[durationParts.indexOf(part) - 1], 10) * 1440);
+      }
+
+      return acc;
+    }, 0);
+
+    const durationDate = new Date(beginsDate.getTime() + (durationMinutes * 60000));
+    const durationDateString = durationDate.toLocaleString('en-US', dateOptions);
+
+    const durationDateEl = makeElement('div', ['tournament-normal-time', 'tournament-end-date', inlineOrHover], durationDateString);
+    durationRows[i].append(durationDateEl);
+  });
+};
+
+/**
+ * Update the scoreboard.
+ */
+const updateScoreboard = () => {
+  const getRanks = document.querySelectorAll('.tournament-team-rank:not(.updated)');
+  getRanks.forEach((rank) => {
+    rank.classList.add('updated');
+
+    // rank.innerText is something like 2314th or 2nd or 323rd, so we want to regex out the number, add commas, and then add the suffix back on.
+    const rankParts = rank.innerText.split(/(\d+)/);
+    if (rankParts.length !== 3) {
+      return;
+    }
+
+    const rankNum = Number.parseInt(rankParts[1], 10);
+
+    if (rankNum <= 25) {
+      rank.classList.add('rank-first-page');
+    }
+
+    rank.setAttribute('data-rank', rankNum);
+    rank.setAttribute('data-rank-page', Math.ceil(rankNum / 25));
+
+    rank.innerText = rankNum.toLocaleString('en-US') + rankParts[2];
+  });
+};
+
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  addStyles(styles, 'better-tournaments');
+  setTimeout(updateTournamentHud, 1000);
+
+  onEvent('tournament_status_change', updateTournamentHud);
+  onNavigation(updateTournamentList, {
+    page: 'tournament',
+  });
+
+  onNavigation(updateScoreboard, {
+    page: 'scoreboards',
+  });
+
+  onRequest('pages/scoreboards.php', updateScoreboard);
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'better-tournaments',
+  name: 'Better Tournaments',
+  type: 'better',
+  default: true,
+  description: 'Update the Tournaments UI to show information on hover and make various small interface tweaks.',
+  load: init,
+  settings
+};

package/src/modules/better-tournaments/settings/index.js

@@ -0,0 +1,12 @@
+/**
+ * Add settings for the module.
+ *
+ * @return {Array} The settings for the module.
+ */
+export default async () => {
+  return [{
+    id: 'better-tournaments.time-inline',
+    title: 'Show localized times inline (instead of on hover)',
+    default: false,
+  }];
+};