mousehunt-improved 0.97.1

package/src/modules/onboarding/styles.css

@@ -0,0 +1,13 @@
+.mh-improved-onboarding-1 {
+  margin-top: 45px;
+  margin-left: -65px;
+}
+
+.mh-improved-onboarding-2 {
+  margin-top: -50px;
+  margin-left: -30px;
+}
+
+.mh-improved-onboarding strong {
+  font-weight: 900;
+}

package/src/modules/paste-hunter-id/index.js

@@ -0,0 +1,82 @@
+/**
+ * Process a pasted string to see if it's a hunter ID, and if so, redirect to that hunter's profile.
+ *
+ * @param {string} text The pasted text.
+ */
+const maybeRedirectToHunterProfile = (text) => {
+  if (text.length > 30) {
+    return;
+  }
+
+  // if the text contains 'https://www.mousehuntgame.com/', then it's a full URL
+  // and we should just redirect to that URL.
+  const url = text.match(/https:\/\/www.mousehuntgame.com/);
+  if (url) {
+    window.location.href = text;
+    return;
+  }
+
+  // regex out the digits from any text that was pasted
+  const id = text.match(/\d+/);
+  if (! id) {
+    return;
+  }
+
+  if (! hg?.utils?.PageUtil?.setPage) {
+    return;
+  }
+
+  hg.utils.PageUtil.setPage('HunterProfile', {
+    id: id[0],
+  }, (data) => {
+    const snuid = data.tabs.profile.subtabs[0].snuid;
+    if (snuid && hg?.utils?.PageUtil?.showHunterProfile) {
+      hg.utils.PageUtil.showHunterProfile(snuid);
+    }
+  });
+};
+
+/**
+ * Listen for the user hitting the paste shortcut and maybe redirect to the hunter's profile.
+ */
+let hasPasteListener = false;
+const listenForIDPaste = () => {
+  if (hasPasteListener) {
+    return;
+  }
+
+  hasPasteListener = true;
+  window.addEventListener('paste', (e) => {
+    // if we're currently focused in an input, then don't do anything
+    if (
+      /* eslint-disable @wordpress/no-global-active-element */
+      document.activeElement instanceof HTMLInputElement ||
+      document.activeElement instanceof HTMLTextAreaElement ||
+      document.activeElement instanceof HTMLSelectElement
+      /* eslint-enable @wordpress/no-global-active-element */
+    ) {
+      return;
+    }
+
+    maybeRedirectToHunterProfile(e.clipboardData.getData('text'));
+  });
+};
+
+/**
+ * Initialize the module.
+ */
+const init = async () => {
+  listenForIDPaste();
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'paste-hunter-id',
+  name: 'Paste Hunter ID',
+  type: 'feature',
+  default: true,
+  description: 'Copy a Hunter ID to your clipboard and press Ctrl/Cmd+V anywhere to go directly to that hunter’s profile.',
+  load: init,
+};

package/src/modules/prestige-base-stats/index.js

@@ -0,0 +1,242 @@
+import {
+  dataGet,
+  dataSet,
+  debuglog,
+  getUserSetupDetails,
+  onEvent,
+  onRequest,
+  updateTrapStatsDisplay
+} from '@utils';
+
+const supportedBases = [
+  {
+    slug: 'valour_rift_prestige_base',
+    name: 'Prestige Base',
+    id: 2904,
+  },
+  {
+    slug: 'hailstone_singularity_base',
+    name: 'Rift Hailstone Singularity Base',
+    id: 3954,
+  },
+];
+
+/**
+ * Update the Prestige Base stats display.
+ */
+const setPrestigeStats = async () => {
+  // update the stats display
+  const pbStats = await dataGet('pb-stats', false);
+  if (! pbStats) {
+    return;
+  }
+
+  // 1. Update the stats in the item browser (trap selector)
+  supportedBases.forEach((base) => {
+    const baseElement = document.querySelector(`.campPage-trap-itemBrowser-item.base.${base.slug}`);
+    if (baseElement) {
+      updateTrapStatsDisplay(baseElement, pbStats);
+    }
+  });
+
+  // 2. Update the stats if the base is currently armed
+  const armed = document.querySelector('.campPage-trap-itemBrowser-armed-item.base');
+  if (! armed) {
+    return;
+  }
+
+  const name = armed.querySelector('.campPage-trap-itemBrowser-item-name');
+  if (! name) {
+    return;
+  }
+
+  // Check if the armed item matches one of our supported bases
+  const isSupportedBase = supportedBases.some((base) => name.innerText.includes(base.name));
+  if (isSupportedBase) {
+    updateTrapStatsDisplay(armed, pbStats);
+  }
+};
+
+let isModifying = false;
+
+/**
+ * Modify the Prestige Base in the base selector.
+ *
+ * @param {Object} opts The options object.
+ */
+const modifyPB = async (opts) => {
+  if (isModifying) {
+    return;
+  }
+
+  isModifying = true;
+
+  const activeBp = document.querySelector('.trapSelectorView__blueprint--active .trapSelectorView__browserStateParent');
+  if (! activeBp) {
+    isModifying = false;
+    return;
+  }
+
+  const bpType = activeBp.getAttribute('data-blueprint-type');
+  if (! bpType || bpType !== 'base') {
+    isModifying = false;
+    return;
+  }
+
+  const { retryPrestige } = opts || {};
+
+  const savedStats = await dataGet('pb-stats', false);
+  debuglog('prestige-base-stats', 'Saved Prestige Base stats:', savedStats);
+  if (! savedStats) {
+    isModifying = false;
+    return;
+  }
+
+  const recommended = document.querySelector('.trapSelectorView__browserStateParent--items[data-blueprint-type="base"] .recommended');
+  if (! recommended) {
+    isModifying = false;
+    return;
+  }
+
+  // Loop through each supported base and pin it if found
+  let baseFound = false;
+
+  supportedBases.forEach((base) => {
+    const baseElement = document.querySelector(`.campPage-trap-itemBrowser-item.base.${base.slug}`);
+
+    // If the base exists and isn't already pinned
+    if (baseElement && ! baseElement.getAttribute('data-pinned')) {
+      baseFound = true;
+      const header = recommended.querySelector('.campPage-trap-itemBrowser-tagGroup-name');
+      if (header) {
+        header.after(baseElement);
+      }
+
+      baseElement.setAttribute('data-pinned', true);
+    }
+  });
+
+  // If we didn't find any base, try again later
+  if (! baseFound) {
+    if (! retryPrestige) {
+      debuglog('prestige-base-stats', 'Prestige base not found, retrying in 500 ms');
+      setTimeout(modifyPB, 500, { retryPrestige: true });
+    }
+    isModifying = false;
+    return;
+  }
+
+  // Update displays after moving them
+  setPrestigeStats();
+
+  isModifying = false;
+};
+
+let isSaving = false;
+
+/**
+ * Save the Prestige Base stats.
+ */
+const savePbStats = () => {
+  if (isSaving) {
+    return;
+  }
+
+  isSaving = true;
+
+  // if we have pb equipped, then save the stats for it
+  const setup = getUserSetupDetails();
+  const isEquipped = supportedBases.some((base) => setup.base.id === base.id);
+  if (! isEquipped) {
+    isSaving = false;
+    return;
+  }
+
+  debuglog('prestige-base-stats', 'Saving Prestige Base stats…');
+
+  const trapMath = document.querySelectorAll('.campPage-trap-trapStat-mathRow');
+  if (! trapMath.length) {
+    isSaving = false;
+    return;
+  }
+
+  const stats = {};
+
+  trapMath.forEach((row) => {
+    // get the name of the stat
+    const stat = row.querySelector('.campPage-trap-trapStat-mathRow-name');
+    if (! stat) {
+      isSaving = false;
+      return;
+    }
+
+    const isTargetStat = supportedBases.some((base) => stat.innerText.includes(base.name));
+    if (! isTargetStat) {
+      isSaving = false;
+      return;
+    }
+
+    // get the value of the stat
+    const value = row.querySelector('.campPage-trap-trapStat-mathRow-value');
+    if (! value) {
+      isSaving = false;
+      return;
+    }
+
+    // parse the value, remove commas and convert to a number
+    let parsedValue = Number.parseInt(value.innerText.replaceAll(',', ''), 10);
+
+    // get the type of stat it is by looking at the great grandparent
+    const type = row.parentElement.parentElement;
+    // remove 'campPage-trap-trapStat' from the class list
+    const typeClass = type.className
+      .replace('campPage-trap-trapStat', '')
+      .trim();
+
+    if (typeClass === 'power') {
+      parsedValue = parsedValue + 490;
+    } else if (typeClass === 'luck') {
+      parsedValue = parsedValue + 5;
+    }
+
+    stats[typeClass] = parsedValue;
+  });
+
+  if (! stats.power || ! stats.luck) {
+    isSaving = false;
+    return;
+  }
+
+  debuglog('prestige-base-stats', 'Prestige Base stats:', stats);
+  dataSet('pb-stats', stats);
+
+  isSaving = false;
+};
+
+/**
+ * Helper function to run the module.
+ */
+const run = async () => {
+  modifyPB();
+  savePbStats();
+};
+
+/**
+ * Initialize the module.
+ */
+const init = async () => {
+  onEvent('camp_page_toggle_blueprint', run);
+  onRequest('users/changetrap.php', run);
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'prestige-base-stats',
+  name: 'Prestige Base Stats',
+  type: 'feature',
+  default: true,
+  description: 'Show the correct stats for the Prestige Base in the base selector.',
+  load: init,
+};

package/src/modules/printing-press-paper-counter/index.js

@@ -0,0 +1,24 @@
+import { addTrapQuantity } from '@utils/shared/trap-quantity';
+
+/**
+ * Add the trap quantity.
+ */
+const init = async () => {
+  addTrapQuantity({
+    baseIds: [3628, 3683],
+    baseSlugs: ['naughty_list_printing_press_base', 'folklore_printing_press_base'],
+    itemId: 'printing_press_charge_stat_item'
+  });
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'printing-press-paper-counter',
+  name: 'Printing Press Paper Counter',
+  type: 'feature',
+  default: true,
+  description: 'Show the number of Prolific Printing Papers you have for the Printing Press bases.',
+  load: init,
+};

package/src/modules/quick-filters-and-sort/index.js

@@ -0,0 +1,280 @@
+import {
+  addStyles,
+  getSetting,
+  makeElement,
+  onEvent,
+  onRequest
+} from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Add an element to the quick links.
+ *
+ * @param {Object}  link                 The link object.
+ * @param {Element} appendTo             The element to append to.
+ * @param {string}  filter               The filter type.
+ * @param {Object}  [inputs]             Optional cached inputs.
+ * @param {Element} [inputs.filterInput] Cached filter input element.
+ * @param {Element} [inputs.sortInput]   Cached sort input element.
+ */
+const addItemToQuickLinks = (link, appendTo, filter, inputs) => {
+  const existing = document.querySelector(`.campPage-trap-itemBrowser-favorite-item.quicklinks-filter.quicklinks-filter-${filter}-${link.id}`);
+  if (existing) {
+    existing.remove();
+  }
+
+  const item = document.createElement('div');
+  item.classList.add('campPage-trap-itemBrowser-favorite-item', 'quicklinks-filter', `quicklinks-filter-${filter}-${link.id}`);
+
+  const itemAnchor = document.createElement('a');
+  itemAnchor.classList.add('campPage-trap-itemBrowser-favorite-item-image');
+  itemAnchor.setAttribute('href', '#');
+  itemAnchor.setAttribute('title', filter === 'sortBy' ? `Sort by ${link.name}` : `Filter by ${link.name}`);
+  itemAnchor.style.backgroundImage = `url(${link.image})`;
+
+  const frame = document.createElement('div');
+  frame.classList.add('campPage-trap-itemBrowser-favorite-item-image-frame');
+
+  itemAnchor.append(frame);
+
+  const hiddenInput = document.createElement('input');
+  hiddenInput.setAttribute('type', 'hidden');
+  hiddenInput.setAttribute('data-filter', filter);
+  hiddenInput.setAttribute('value', link.id);
+  item.append(itemAnchor);
+  item.append(hiddenInput);
+
+  const filterInput = inputs?.filterInput || document.querySelector('.campPage-trap-itemBrowser-filter.powerType select');
+  const sortInput = inputs?.sortInput || document.querySelector('.campPage-trap-itemBrowser-filter.sortBy select');
+
+  item.addEventListener('click', (e) => {
+    e.preventDefault();
+
+    const input = filter === 'sortBy' ? sortInput : filterInput;
+
+    let reset = false;
+    if (item.getAttribute('data-selected') === 'true') {
+      // reset the filter to the default
+      reset = true;
+      item.setAttribute('data-selected', false);
+    } else {
+      // reset all other filters
+      const items = document.querySelectorAll('.quicklinks-filter[data-selected="true"]');
+      items.forEach((i) => {
+        i.setAttribute('data-selected', false);
+      });
+
+      item.setAttribute('data-selected', true);
+    }
+
+    let option;
+
+    if (reset) {
+      if (filter === 'sortBy') {
+        option = input.querySelector('option[value="default"]');
+      } else if (filter === 'powerType') {
+        option = input.querySelector('option[value="no_tag_selected"]');
+      }
+    } else {
+      option = input.querySelector(`option[value="${link.id}"]`);
+    }
+
+    if (option) {
+      option.selected = true;
+      input.dispatchEvent(new Event('change'));
+    }
+  });
+
+  appendTo.append(item);
+};
+
+/**
+ * Add quick links to the trap selector.
+ */
+const addQuickLinksToTrap = async () => {
+  const itemBrowser = document.querySelector('.trapSelectorView__itemBrowserContainer');
+  if (! itemBrowser) {
+    return;
+  }
+
+  const type = itemBrowser.classList.value
+    .replaceAll('trapSelectorView__itemBrowserContainer', '')
+    .replaceAll('trapSelectorView__outerBlock', '')
+    .replaceAll('campPage-trap-itemBrowser', '')
+    .replaceAll(' ', '')
+    .trim();
+
+  if (! type || 'bai' === type) {
+    return;
+  }
+
+  const outerBlock = itemBrowser.parentNode?.parentNode;
+  if (! outerBlock) {
+    return;
+  }
+
+  outerBlock.setAttribute('data-blueprint-type', type);
+
+  const favorites = document.querySelector('.campPage-trap-itemBrowser-favorites');
+  if (! favorites) {
+    return;
+  }
+
+  const existing = document.querySelector('.campPage-trap-itemBrowser-quickLinks');
+  if (existing) {
+    existing.remove();
+  }
+
+  const existingPower = document.querySelector('.campPage-trap-itemBrowser-quickLinks-power');
+  if (existingPower) {
+    existingPower.remove();
+  }
+
+  const quickLinks = document.createElement('div');
+  quickLinks.classList.add('campPage-trap-itemBrowser-quickLinks');
+
+  makeElement('div', 'campPage-trap-itemBrowser-quickLinks-header', 'Sort', quickLinks);
+
+  const links = [
+    {
+      id: 'power',
+      name: 'Power',
+      image:
+				'https://www.mousehuntgame.com/images/ui/camp/trap/stat_power.png',
+    },
+    {
+      id: 'power_bonus',
+      name: 'Power Bonus',
+      image:
+				'https://www.mousehuntgame.com/images/ui/camp/trap/stat_power_bonus.png',
+    },
+    {
+      id: 'luck',
+      name: 'Luck',
+      image:
+				'https://www.mousehuntgame.com/images/ui/camp/trap/stat_luck.png',
+    },
+    {
+      id: 'attraction_bonus',
+      name: 'Attraction Bonus',
+      image:
+				'https://www.mousehuntgame.com/images/ui/camp/trap/stat_attraction_bonus.png',
+    },
+    {
+      id: 'name',
+      name: 'Name',
+      image: getSetting('native-dark-mode', false) ? 'https://i.mouse.rip/sort-a-z-icon-dark-mode.png' : 'https://i.mouse.rip/sort-a-z-icon.png',
+    },
+  ];
+
+  if ('trinket' === type) {
+    links.push({ id: 'quantity', name: 'Quantity', image: getSetting('native-dark-mode', false) ? 'https://i.mouse.rip/sort-qty-icon-dark-mode.png' : 'https://i.mouse.rip/sort-qty-icon.png' });
+  }
+
+  const sortByInput = document.querySelector('.campPage-trap-itemBrowser-filter.sortBy select');
+  links.forEach((link) => {
+    addItemToQuickLinks(link, quickLinks, 'sortBy', { sortInput: sortByInput });
+  });
+
+  favorites.parentNode.insertBefore(quickLinks, favorites.nextSibling);
+
+  if ('weapon' === type) {
+    const powerQuickLinks = document.createElement('div');
+    powerQuickLinks.classList.add('campPage-trap-itemBrowser-quickLinks', 'campPage-trap-itemBrowser-quickLinks-power');
+
+    makeElement('div', ['campPage-trap-itemBrowser-quickLinks-header', 'filter-header'], 'Filter', powerQuickLinks);
+
+    const powerLinks = [
+      {
+        id: 'arcane',
+        name: 'Arcane',
+        image:
+					'https://www.mousehuntgame.com/images/powertypes/arcane.png',
+      },
+      {
+        id: 'draconic',
+        name: 'Draconic',
+        image:
+					'https://www.mousehuntgame.com/images/powertypes/draconic.png',
+      },
+      {
+        id: 'forgotten',
+        name: 'Forgotten',
+        image:
+					'https://www.mousehuntgame.com/images/powertypes/forgotten.png',
+      },
+      {
+        id: 'hydro',
+        name: 'Hydro',
+        image:
+					'https://www.mousehuntgame.com/images/powertypes/hydro.png',
+      },
+      {
+        id: 'law',
+        name: 'Law',
+        image:
+					'https://www.mousehuntgame.com/images/powertypes/law.png',
+      },
+      {
+        id: 'physical',
+        name: 'Physical',
+        image:
+					'https://www.mousehuntgame.com/images/powertypes/physical.png',
+      },
+      {
+        id: 'rift',
+        name: 'Rift',
+        image:
+					'https://www.mousehuntgame.com/images/powertypes/rift.png',
+      },
+      {
+        id: 'shadow',
+        name: 'Shadow',
+        image:
+					'https://www.mousehuntgame.com/images/powertypes/shadow.png',
+      },
+      {
+        id: 'tactical',
+        name: 'Tactical',
+        image:
+					'https://www.mousehuntgame.com/images/powertypes/tactical.png',
+      },
+    ];
+
+    const powerInput = document.querySelector('.campPage-trap-itemBrowser-filter.powerType select');
+    powerLinks.forEach((link) => {
+      addItemToQuickLinks(link, powerQuickLinks, 'powerType', { filterInput: powerInput });
+    });
+
+    // append as a sibling below the quick links
+    quickLinks.parentNode.insertBefore(powerQuickLinks, quickLinks.nextSibling);
+  } else {
+    const powerQuickLinks = document.querySelector('.campPage-trap-itemBrowser-quickLinks-power');
+    if (powerQuickLinks) {
+      powerQuickLinks.remove();
+    }
+  }
+};
+
+/**
+ * Initialize the module.
+ */
+const init = async () => {
+  addStyles(styles, 'quick-filters-and-sort');
+
+  onRequest('users/gettrapcomponents.php', addQuickLinksToTrap);
+  onEvent('camp_page_toggle_blueprint', addQuickLinksToTrap);
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'quick-filters-and-sort',
+  name: 'Quick Filters and Sort',
+  type: 'feature',
+  default: true,
+  description: 'Add quick filters and sorting to the trap, base, charm, and cheese selectors.',
+  load: init,
+};