mousehunt-improved 0.97.1

package/src/modules/experiments/modules/fabled-random-title/styles.css

@@ -0,0 +1,9 @@
+.mousehuntHud-userStat-maxTitle .mh-improved-random-title {
+  display: inline-block;
+  opacity: 1;
+  transition: opacity 0.35s ease-in-out;
+}
+
+.mousehuntHud-userStat-maxTitle .mh-improved-random-title-fading {
+  opacity: 0;
+}

package/src/modules/experiments/modules/full-mice-images-no-border/index.js

@@ -0,0 +1,22 @@
+import { addStyles, getSetting } from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Initialize the module.
+ */
+const init = async () => {
+  if (
+    getSetting('experiments.full-mice-images-no-border', false) &&
+    ! getSetting('native-dark-mode', false) // Doesn't work well with native dark mode.
+  ) {
+    addStyles(styles, 'full-mice-images-no-border');
+  }
+};
+
+export default {
+  id: 'experiments.full-mice-images-no-border',
+  name: 'Better Journal: Full mice images (no border)',
+  description: 'Removes the border and attempts to make the image transparent. May have color issues.',
+  load: init,
+};

package/src/modules/experiments/modules/full-mice-images-no-border/styles.css

@@ -0,0 +1,26 @@
+.entry.catchsuccess .journalimage img,
+.entry.relicHunter_catch .journalimage img,
+.entry.catchsuccessloot .journalimage img,
+.entry.catchsuccessprize .journalimage img {
+  filter: saturate(1.4) hue-rotate(5deg);
+  border: none;
+  mix-blend-mode: darken;
+}
+
+.journal .content .entry.catchsuccess a:hover img,
+.journal .content .entry.relicHunter_catch a:hover img,
+.journal .content .entry.catchsuccessloot a:hover img,
+.journal .content .entry.catchsuccessprize a:hover img {
+  margin: 0;
+  outline: none;
+}
+
+.journal .content .entry.catchsuccess .journalimage a:hover,
+.journal .content .entry.relicHunter_catch .journalimage a:hover,
+.journal .content .entry.catchsuccessloot .journalimage a:hover,
+.journal .content .entry.catchsuccessprize .journalimage a:hover {
+  margin: 1px;
+  overflow: visible;
+  background-color: #fff;
+  outline: 1px solid #90d3e4;
+}

package/src/modules/experiments/modules/gift-button-opens-gift-selector/index.js

@@ -0,0 +1,31 @@
+const init = async () => {
+  const giftButton = document.querySelector('#hgbar_freegifts');
+  if (! giftButton) {
+    return;
+  }
+
+  if (giftButton.getAttribute('data-gift-selector')) {
+    return;
+  }
+
+  giftButton.setAttribute('data-gift-selector', true);
+
+  giftButton.addEventListener('click', (e) => {
+    const showGiftSelector = hg?.views?.GiftSelectorView?.show;
+    if (typeof showGiftSelector !== 'function') {
+      return;
+    }
+
+    e.preventDefault();
+    e.stopImmediatePropagation();
+
+    showGiftSelector.call(hg.views.GiftSelectorView);
+  });
+};
+
+export default {
+  id: 'experiments.gift-button-opens-gift-selector',
+  name: 'Gift button opens gift selector',
+  description: 'Clicking the "Gifts" button in the top menu will directly open the gift selector.',
+  load: init,
+};

package/src/modules/experiments/modules/memory-game/index.js

@@ -0,0 +1,100 @@
+import { addSubmenuItem, getData } from '@utils';
+import { startMemoryGame } from '@utils/shared/memory-game';
+
+let validItemsPromise = null;
+
+const isValidItem = (item) => {
+  const excludedImages = new Set([
+    'https://i.mouse.rip/upscaled/parts-new.png',
+    'https://i.mouse.rip/upscaled/egg-paint.png',
+    'https://i.mouse.rip/upscaled/blueprint-new2.png',
+    'https://i.mouse.rip/nothing.png'
+  ]);
+
+  const excludedClassifications = new Set([
+    'adventure',
+    'skin',
+  ]);
+
+  const excludedTypes = new Set([
+    'bucket_o_cannon_parts_crafting_item',
+  ]);
+
+  return item.images &&
+    item.images.best &&
+    item.images.upscaled &&
+    ! excludedImages.has(item.images.best) &&
+    ! excludedImages.has(item.images.upscaled) &&
+    ! excludedClassifications.has(item.classification) &&
+    ! excludedTypes.has(item.type) &&
+    ! item.is_airship_part &&
+    item.name.length < 25;
+};
+
+const getValidItems = async () => {
+  if (! validItemsPromise) {
+    validItemsPromise = getData('items').then((items) => {
+      if (! Array.isArray(items)) {
+        return [];
+      }
+
+      return items.filter((element) => isValidItem(element));
+    });
+  }
+
+  const validItems = await validItemsPromise;
+  if (validItems.length === 0) {
+    validItemsPromise = null;
+  }
+
+  return validItems;
+};
+
+const startGame = async (settings) => {
+  const items = await getValidItems();
+  if (items.length === 0) {
+    return;
+  }
+
+  startMemoryGame({
+    items,
+    ...settings,
+  });
+};
+
+const init = async () => {
+  addSubmenuItem({
+    menu: 'camp',
+    label: 'Memory Matching Game',
+    icon: 'https://i.mouse.rip/icons/game.png',
+    callback: () => startGame({
+      mode: 'easy'
+    })
+  });
+
+  addSubmenuItem({
+    menu: 'camp',
+    label: 'Memory Game (hard)',
+    icon: 'https://i.mouse.rip/icons/game.png',
+    callback: () => startGame({
+      mode: 'hard'
+    })
+  });
+
+  addSubmenuItem({
+    menu: 'camp',
+    label: 'Memory Game (extreme)',
+    icon: 'https://i.mouse.rip/icons/game.png',
+    callback: () => startGame({
+      title: 'Memory Matching Game (150 items)',
+      mode: 'nope'
+    })
+  });
+};
+
+export default {
+  id: 'experiments.memory-game',
+  name: 'Memory Matching Game',
+  description: 'Find it under the Camp submenu.',
+  load: init,
+};

package/src/modules/experiments/modules/real-base-stats/index.js

@@ -0,0 +1,100 @@
+import { onEvent, onRequest, updateTrapStatsDisplay } from '@utils';
+
+let isModifying = false;
+
+const baseStatOverrides = [
+  {
+    selector: '.campPage-trap-itemBrowser-item.base.denture_base',
+    stats: {
+      power: 1500,
+      powerBonus: 25,
+      luck: 20,
+      attractionBonus: 25
+    }
+  },
+  {
+    selector: '.campPage-trap-itemBrowser-item.base.upgraded_denture_base',
+    stats: {
+      power: 3750,
+      powerBonus: 25,
+      luck: 50,
+      attractionBonus: 25
+    }
+  },
+  {
+    selector: '.campPage-trap-itemBrowser-item.base.folklore_printing_press_base',
+    stats: {
+      power: 4500,
+      powerBonus: 35,
+      luck: 57,
+      attractionBonus: 35
+    }
+  },
+  {
+    selector: '.campPage-trap-itemBrowser-item.base.naughty_list_printing_press_base',
+    stats: {
+      power: 4500,
+      powerBonus: 35,
+      luck: 57,
+      attractionBonus: 35
+    }
+  },
+];
+
+/**
+ * Modify the denture base stats.
+ */
+const modifyBases = () => {
+  if (isModifying) {
+    return;
+  }
+
+  const activeBp = document.querySelector('.trapSelectorView__blueprint--active .trapSelectorView__browserStateParent');
+  if (! activeBp) {
+    return;
+  }
+
+  const bpType = activeBp.getAttribute('data-blueprint-type');
+  if (! bpType || bpType !== 'base') {
+    return;
+  }
+
+  isModifying = true;
+
+  try {
+    for (const override of baseStatOverrides) {
+      const base = document.querySelector(override.selector);
+      if (base) {
+        updateTrapStatsDisplay(base, override.stats);
+      }
+    }
+  } finally {
+    isModifying = false;
+  }
+};
+
+/**
+ * Helper function to run the module.
+ */
+const run = () => {
+  modifyBases();
+  setTimeout(modifyBases, 500);
+};
+
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  onEvent('camp_page_toggle_blueprint', run);
+  onRequest('users/changetrap.php', run);
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'real-base-stats',
+  name: 'Real Base Stats',
+  description: 'Show the upgraded stats for the Denture and Printing bases when in the trap selector.',
+  load: init,
+};

package/src/modules/experiments/modules/settings-options.css

@@ -0,0 +1,31 @@
+.mousehunt-improved-settings .PagePreferences__settingsList.active .PagePreferences__subSetting {
+  display: none;
+}
+
+.mousehunt-improved-settings .PagePreferences__settingsList.active:hover .PagePreferences__subSetting {
+  display: block;
+}
+
+.mousehunt-improved-settings .PagePreferences__settingsList.active .PagePreferences__setting + .PagePreferences__subSetting {
+  display: block;
+  max-height: 28.5px;
+  overflow: hidden;
+}
+
+.mousehunt-improved-settings .PagePreferences__settingsList.active:hover .PagePreferences__setting + .PagePreferences__subSetting {
+  max-height: 100%;
+}
+
+.mousehunt-improved-settings .PagePreferences__settingsList.active .PagePreferences__setting + .PagePreferences__subSetting::before {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+  display: block;
+  height: 33px;
+  content: "";
+  background: linear-gradient(180deg, transparent 0, #fff 100%);
+}
+
+.mousehunt-improved-settings .PagePreferences__settingsList.active:hover .PagePreferences__setting + .PagePreferences__subSetting::before {
+  background: transparent;
+}

package/src/modules/experiments/modules/sort-daily-draw-reverse/index.js

@@ -0,0 +1,68 @@
+const reversedContainers = new WeakMap();
+
+/**
+ * Reverse daily_draw elements.
+ */
+const reverseDailyDrawElements = () => {
+  const container = document.querySelector('.daily_draw')?.parentElement;
+  if (! container) {
+    return;
+  }
+
+  const dailyDrawDivs = [...container.querySelectorAll('.daily_draw')];
+  if (dailyDrawDivs.length < 2) {
+    return;
+  }
+
+  const firstEntry = dailyDrawDivs[0];
+  const lastEntry = dailyDrawDivs.at(-1);
+  const reversedOrder = reversedContainers.get(container);
+  if (reversedOrder?.first === firstEntry && reversedOrder?.last === lastEntry) {
+    return;
+  }
+
+  const emptyDiv = container.querySelector('.empty');
+
+  dailyDrawDivs.reverse().forEach((div) => {
+    if (emptyDiv) {
+      emptyDiv.before(div);
+    } else {
+      container.append(div);
+    }
+  });
+
+  reversedContainers.set(container, {
+    first: lastEntry,
+    last: firstEntry
+  });
+};
+
+let _originalTogglePopup;
+
+/**
+ * Initialize the module.
+ */
+const init = async () => {
+  if (_originalTogglePopup || ! messenger?.UI?.notification) {
+    return;
+  }
+
+  _originalTogglePopup = messenger.UI.notification.togglePopup;
+
+  messenger.UI.notification.togglePopup = function (...args) {
+    const result = _originalTogglePopup.apply(this, args);
+    setTimeout(reverseDailyDrawElements, 400);
+    return result;
+  };
+};
+
+/**
+ * Module definition.
+ */
+export default {
+  id: 'reverse-daily-draw-order',
+  name: 'Daily Draw: Reverse Order',
+  default: false,
+  description: 'Reverse the order of the Daily Draw inbox entries so that the most recent is at the top.',
+  load: init,
+};

package/src/modules/experiments/modules/square-profile-pics/index.js

@@ -0,0 +1,17 @@
+import { addStyles } from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Initialize the module.
+ */
+const init = async () => {
+  addStyles(styles, 'consistent-profile-pics');
+};
+
+export default {
+  id: 'experiments.consistent-profile-pics',
+  name: 'Better UI: Square profile pics',
+  description: 'Make profile pictures square in more places for consistency.',
+  load: init,
+};

package/src/modules/experiments/modules/square-profile-pics/styles.css

@@ -0,0 +1,13 @@
+.treasureMapView-hunter-image,
+.treasureMapView-block-content-heading-image,
+.treasureMapListingsTableView-profilePic {
+  border-radius: 3px;
+}
+
+.treasureMapView-block-content-heading-image {
+  box-shadow: 0 0 1px 1px #999;
+}
+
+.treasureMapListingsTableView-owner {
+  margin-top: 5px;
+}