mousehunt-improved 0.97.1 → 0.98.1

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

@@ -1,692 +0,0 @@
-import {
-  addStyles,
-  addSubmenuItem,
-  doRequest,
-  getArForMouse,
-  getData,
-  getFlag,
-  getRelicHunterLocation,
-  getSetting,
-  makeElement,
-  makeFavoriteButton,
-  makeLink,
-  makeMhButton,
-  makeTooltip,
-  onNavigation,
-  onOverlayChange,
-  onTurn,
-  setPage
-} from '@utils';
-
-import hoverMice from './modules/hover-mice';
-import mousePage from './modules/mouse-page';
-import settings from './settings';
-import sidebar from './modules/sidebar';
-
-import styles from './styles.css';
-
-/**
- * Get the markup for the mouse links.
- *
- * @param {string} name The name of the mouse.
- * @param {string} id   The ID of the mouse.
- *
- * @return {string} The markup for the mouse links.
- */
-const getLinkMarkup = (name, id) => {
-  return makeLink('MHCT AR', `https://api.mouse.rip/mhct-redirect/${id}`) +
-  makeLink('Wiki', `https://mhwiki.hitgrab.com/wiki/index.php/${encodeURIComponent(name.replaceAll(' ', '_'))}`, true);
-};
-
-/**
- * Add links to the mouse overlay.
- *
- * @param {string} id The ID of the mouse.
- */
-const addLinks = (id) => {
-  const title = document.querySelector('.mouseView-title');
-  if (! title) {
-    return;
-  }
-
-  const currentLinks = document.querySelector('.mh-ui-mouse-links');
-  if (currentLinks) {
-    currentLinks.remove();
-  }
-
-  const div = document.createElement('div');
-  div.classList.add('mh-ui-mouse-links');
-  div.innerHTML = getLinkMarkup(title.innerText, id);
-  title.parentNode.insertBefore(div, title);
-
-  // Move the values into the main text.
-  const values = document.querySelector('.mouseView-values');
-  const desc = document.querySelector('.mouseView-descriptionContainer');
-  if (values && desc) {
-    // insert as first child of desc
-    desc.insertBefore(values, desc.firstChild);
-  }
-};
-
-/**
- * Check if the mouse is a favorite.
- *
- * @param {string} mouseId The ID of the mouse.
- *
- * @return {boolean} Whether the mouse is a favorite.
- */
-const isFavorite = async (mouseId) => {
-  const favorites = await doRequest('managers/ajax/pages/page.php', {
-    page_class: 'HunterProfile',
-    'page_arguments[tab]': 'kings_crowns',
-    'page_arguments[sub_tab]': false,
-    'page_arguments[snuid]': window.user.sn_user_id,
-  });
-
-  if (! favorites?.page?.tabs?.kings_crowns?.subtabs[0]?.mouse_crowns?.favourite_mice.length) {
-    return false;
-  }
-
-  // check if the mouseId matches the id property of any of the favorite mice
-  return favorites.page.tabs.kings_crowns.subtabs[0].mouse_crowns.favourite_mice.some((mouse) => {
-    return mouse.id && mouse.id === Number.parseInt(mouseId, 10);
-  });
-};
-
-/**
- * Add the favorite button to the mouse view.
- *
- * @param {string}      mouseId   The ID of the mouse.
- * @param {HTMLElement} mouseView The mouse view element.
- */
-const addFavoriteButton = async (mouseId, mouseView) => {
-  const state = await isFavorite(mouseId);
-
-  const fave = await makeFavoriteButton({
-    target: mouseView,
-    size: 'large',
-    isSetting: false,
-    state,
-    /**
-     * Save the favorite state when the button is clicked.
-     */
-    onChange: () => {
-      doRequest('managers/ajax/mice/mouse_crowns.php', {
-        action: 'toggle_favourite',
-        user_id: window.user.user_id,
-        mouse_id: mouseId,
-      });
-    },
-  });
-
-  const mouseviewImage = mouseView.querySelector('.mouseView-imageContainer');
-  if (mouseviewImage) {
-    mouseviewImage.append(fave);
-  } else {
-    mouseView.append(fave);
-  }
-};
-
-/**
- * Add the minluck to the mouse view.
- *
- * @param {string}      mouseId   The ID of the mouse.
- * @param {HTMLElement} mouseView The mouse view element.
- */
-const addMinluck = async (mouseId, mouseView) => {
-  // get the description container
-  const appendTo = mouseView.querySelector('.mouseView-contentContainer');
-  if (! appendTo) {
-    return;
-  }
-
-  const minluckContainer = makeElement('div', 'minluck-container');
-  const titleText = makeElement('div', 'minluck-title', 'Minlucks');
-
-  makeTooltip({
-    appendTo: titleText,
-    text: 'If your current luck is above the minluck, you are guaranteed to catch the mouse if you attract it.',
-  });
-
-  minluckContainer.append(titleText);
-
-  // foreach minluck, output the power type and the minluck
-  const minluckList = makeElement('ul', 'minluck-list');
-
-  if (! minlucks) {
-    minlucks = await getData('minlucks');
-  }
-
-  // find the mouse in the minlucks data by id
-  const minluck = minlucks.find((m) => m.id === Number.parseInt(mouseId, 10));
-  const mouseMinlucks = minluck?.minlucks || {};
-
-  // We need the keys and values in our loop,
-  // so we can't use a for...in loop.
-  Object.keys(mouseMinlucks).forEach((powerType) => {
-    if (! mouseMinlucks[powerType] || '∞' === mouseMinlucks[powerType]) {
-      return;
-    }
-
-    const minluckItem = makeElement('li', 'minluck-item');
-
-    const powerTypeImg = makeElement('img', 'minluck-power-type-img');
-    powerTypeImg.src = `https://www.mousehuntgame.com/images/powertypes/${powerType.toLowerCase()}.png`;
-    minluckItem.append(powerTypeImg);
-
-    makeElement('div', 'minluck-power-type-minluck', mouseMinlucks[powerType], minluckItem);
-
-    minluckList.append(minluckItem);
-  });
-
-  minluckContainer.append(minluckList);
-
-  appendTo.append(minluckContainer);
-};
-
-/**
- * Add the wisdom to the mouse view.
- *
- * @param {string}      mouseId   The ID of the mouse.
- * @param {HTMLElement} mouseView The mouse view element.
- */
-const addWisdom = async (mouseId, mouseView) => {
-  const values = mouseView.querySelector('.mouseView-values');
-  if (! values) {
-    return;
-  }
-
-  if (! wisdoms) {
-    wisdoms = await getData('wisdom');
-  }
-
-  let wisdom = wisdoms.find((m) => m.id === Number.parseInt(mouseId, 10));
-
-  wisdom = wisdom?.wisdom || 0;
-
-  // comma separate the wisdom number
-  wisdom = wisdom.toString().replaceAll(/\B(?=(\d{3})+(?!\d))/g, ',');
-  makeElement('span', 'wisdom-container', ` / ${wisdom} Wisdom`, values);
-};
-
-/**
- * Update the mouse view.
- */
-const updateMouseView = async () => {
-  const mouseView = document.querySelector('#overlayPopup .mouseView');
-  if (! mouseView) {
-    return;
-  }
-
-  const mouseId = mouseView.getAttribute('data-mouse-id');
-  if (! mouseId) {
-    return;
-  }
-
-  const name = mouseView.querySelector('.mouseView-title');
-  if (! name) {
-    return;
-  }
-
-  const catchesEl = document.querySelectorAll('.mouseView-statsContainer-block-padding td abbr');
-  if (catchesEl && catchesEl.length > 0) {
-    catchesEl.forEach((el) => {
-      // remove the ' catches' from the title and use it as the text
-      const catchesNumber = el
-        .getAttribute('title')
-        .replace(' Catches', '')
-        .replace(' catches', '')
-        .replace(' Misses', '')
-        .replace(' misses', '')
-        .trim();
-      if (catchesNumber) {
-        el.innerText = catchesNumber;
-      }
-    });
-  }
-
-  addLinks(mouseId);
-
-  addFavoriteButton(mouseId, mouseView);
-
-  addMinluck(mouseId, mouseView);
-
-  addWisdom(mouseId, mouseView);
-
-  mouseView.classList.add('mouseview-has-mhct');
-
-  const group = document.querySelector('.mouseView-group');
-  if (group) {
-    group.classList.add('mouseview-title-group');
-
-    const descContainer = document.querySelector('.mouseView-descriptionContainer');
-    if (descContainer) {
-      if (descContainer.childNodes.length > 1) {
-        descContainer.insertBefore(group, descContainer.childNodes[1]);
-      } else {
-        descContainer.append(group);
-      }
-    }
-  }
-
-  const groupTitle = mouseView.querySelector('.mouseView-group.mouseview-title-group');
-  if (groupTitle) {
-    let newHtml = groupTitle.innerHTML.replace('Group: ', '');
-    const subGroups = newHtml.split('(');
-    if (subGroups.length > 1) {
-      newHtml = `<span class="mouseview-group">${subGroups[0]}</span><span class="mouseview-subgroup">(${subGroups[1]}</span>`;
-      groupTitle.classList.add('mouseview-title-group-has-subgroup');
-    } else {
-      newHtml = `<span class="mouseview-group">${newHtml}</span>`;
-    }
-
-    groupTitle.innerHTML = newHtml;
-  }
-
-  const container = mouseView.querySelector('.mouseView-contentContainer');
-  if (! container) {
-    return;
-  }
-
-  const imageContainer = mouseView.querySelector('.mouseView-imageContainer');
-  if (imageContainer) {
-    const movedContainer = makeElement('div', 'mouseView-movedContainer');
-
-    const statsContainer = mouseView.querySelector('.mouseView-statsContainer');
-    if (statsContainer) {
-      movedContainer.append(statsContainer);
-    }
-
-    const weaknessContainer = mouseView.querySelector('.mouseView-weaknessContainer');
-    if (weaknessContainer) {
-      movedContainer.append(weaknessContainer);
-      const weaknesses = weaknessContainer.querySelectorAll('.mouseView-categoryContent-subgroup-mouse-weaknesses-padding');
-      weaknesses.forEach((w) => {
-        const weakness = w.querySelector('.mouseView-weakness');
-        if (! weakness) {
-          w.classList.add('mouseview-weakness-empty');
-          w.classList.add('hidden');
-        }
-      });
-    }
-
-    if (401 === Number.parseInt(mouseId, 10)) {
-      const location = await getRelicHunterLocation();
-
-      if (location && location.name) {
-        const relicHunterBox = makeElement('div', ['mouseview-relicHunter', 'mouseview-relicHunter']);
-        makeElement('div', 'hint', location.name, relicHunterBox);
-
-        makeMhButton({
-          text: 'Travel',
-          size: 'small',
-          callback: () => {
-            hg.utils.User.travel(location.id);
-            setPage('Camp');
-          },
-          appendTo: relicHunterBox,
-        });
-
-        movedContainer.append(relicHunterBox);
-      }
-    }
-
-    imageContainer.append(movedContainer);
-  }
-
-  if (! getSetting('better-mice.show-attraction-rates', true)) {
-    return;
-  }
-
-  const arWrapper = makeElement('div', 'ar-wrapper');
-  const title = makeElement('div', 'ar-header');
-  const titleText = makeElement('div', 'ar-title', 'Attraction Rates');
-  title.append(titleText);
-
-  makeTooltip({
-    appendTo: titleText,
-    text: 'The best location and bait, according to data gathered by <a href="https://mhct.win/" target="_blank" rel="noreferrer">MHCT</a>.',
-  });
-
-  const link = makeElement('a', 'ar-link', 'View on MHCT →');
-  link.href = `https://api.mouse.rip/mhct-redirect/${mouseId}`;
-  link.target = '_blank';
-  title.append(link);
-
-  arWrapper.append(title);
-
-  let mhctJson = await getArForMouse(mouseId, 'mouse');
-  if (! mhctJson || mhctJson === undefined || mhctJson.length === 0 || 'error' in mhctJson) {
-    return;
-  }
-
-  mhctJson = mhctJson.slice(0, 15);
-
-  const miceArWrapper = makeElement('div', 'mice-ar-wrapper');
-  const hasStages = mhctJson.some((mouseAr) => mouseAr.stage);
-  if (hasStages) {
-    miceArWrapper.classList.add('has-stages');
-  }
-
-  const calculateWidths = (weights) => {
-    weights = {
-      average: 0.8,
-      median: 0.5,
-      max: 0.4,
-      shortest: 0.9,
-      location: 0.4,
-      stage: 0.6,
-      cheese: 0.6,
-      keyWidth: 10,
-      ...weights
-    };
-
-    const availableWidth = 450 - 50 - 10 - (10 * 3) - (hasStages ? 10 : 0);
-
-    const calculateLengths = (key) => {
-      const keyLengths = mhctJson.map((mouseAr) => mouseAr[key]?.length || 0).filter((l) => l > 0);
-      keyLengths.sort((a, b) => a - b);
-
-      const totalLength = keyLengths.reduce((a, b) => a + b, 0);
-      const avgLength = totalLength / keyLengths.length;
-      const medianLength = keyLengths.length % 2 === 0
-        ? (keyLengths[(keyLengths.length / 2) - 1] + keyLengths[keyLengths.length / 2]) / 2
-        : keyLengths[Math.floor(keyLengths.length / 2)];
-
-      return {
-        avg: avgLength * weights.keyWidth,
-        median: medianLength * weights.keyWidth,
-        max: Math.max(...keyLengths) * weights.keyWidth,
-        shortest: Math.min(...keyLengths) * weights.keyWidth,
-      };
-    };
-
-    const lengths = {
-      location: calculateLengths('location'),
-      stage: hasStages ? calculateLengths('stage') : { avg: 1, median: 1, max: 1, shortest: 1 },
-      cheese: calculateLengths('cheese'),
-    };
-
-    const weightedWidths = {
-      location: (
-        (lengths.location.avg * weights.average) +
-        (lengths.location.max * weights.max) +
-        (lengths.location.median * weights.median) +
-        (lengths.location.shortest * weights.shortest)
-      ) * weights.location,
-
-      stage: hasStages ? (
-        (lengths.stage.avg * weights.average) +
-        (lengths.stage.max * weights.max) +
-        (lengths.stage.median * weights.median) +
-        (lengths.stage.shortest * weights.shortest)
-      ) * weights.stage : 0,
-
-      cheese: (
-        (lengths.cheese.avg * weights.average) +
-        (lengths.cheese.max * weights.max) +
-        (lengths.cheese.median * weights.median) +
-        (lengths.cheese.shortest * weights.shortest)
-      ) * weights.cheese,
-    };
-
-    const totalWeightedWidth = weightedWidths.location + weightedWidths.stage + weightedWidths.cheese;
-
-    const calculateOptimalWidth = (key) => {
-      const optimalWidth = (weightedWidths[key] / totalWeightedWidth) * availableWidth;
-      return Math.floor(optimalWidth);
-    };
-
-    return {
-      locationWidth: calculateOptimalWidth('location'),
-      stageWidth: hasStages ? calculateOptimalWidth('stage') : 0,
-      cheeseWidth: calculateOptimalWidth('cheese'),
-    };
-  };
-
-  let locationWidth, stageWidth, cheeseWidth;
-  if (! getFlag('better-mice-no-new-ar-widths')) {
-    const widths = calculateWidths();
-    locationWidth = widths.locationWidth;
-    stageWidth = widths.stageWidth;
-    cheeseWidth = widths.cheeseWidth;
-  }
-
-  mhctJson.forEach((mouseAr) => {
-    const mouseArWrapper = makeElement('div', 'mouse-ar-wrapper');
-    if (! getFlag('better-mice-no-new-ar-widths')) {
-      mouseArWrapper.style.gridTemplateColumns = hasStages
-        ? `${locationWidth}px ${stageWidth}px ${cheeseWidth}px 50px`
-        : `${locationWidth}px ${cheeseWidth}px 50px`;
-    }
-
-    makeElement('div', 'location', mouseAr.location, mouseArWrapper);
-
-    if (hasStages) {
-      makeElement('div', 'stage', mouseAr.stage ? mouseAr.stage.replace('/', ' / ').replace('  /  ', ' / ') : '', mouseArWrapper);
-    }
-
-    makeElement('div', 'cheese', mouseAr.cheese, mouseArWrapper);
-    makeElement('div', 'rate', `${(mouseAr.rate / 100).toFixed(2)}%`, mouseArWrapper);
-
-    miceArWrapper.append(mouseArWrapper);
-  });
-
-  if (mhctJson.length > 0) {
-    arWrapper.append(miceArWrapper);
-    container.append(arWrapper);
-  }
-};
-
-let _original;
-
-/**
- * Replace the showMouseImage function to show the mouse view.
- */
-const replaceShowMouseImage = () => {
-  if (_original) {
-    return;
-  }
-
-  _original = hg.views.MouseCrownsView.showMouseImage;
-
-  /**
-   * Show the mouse view.
-   *
-   * @param {HTMLElement} element The element that was clicked.
-   */
-  hg.views.MouseCrownsView.showMouseImage = (element) => {
-    const type = element.getAttribute('data-mouse-type');
-    if (type) {
-      hg.views.MouseView.show(type);
-      return;
-    }
-
-    _original(element);
-  };
-};
-
-const addShowMouseToNewJournalEntries = () => {
-  const newEntries = document.querySelectorAll('.newEntry');
-  if (! newEntries.length) {
-    return;
-  }
-
-  newEntries.forEach((entry) => {
-    const mouseType = entry.getAttribute('data-mouse-type');
-    const journalImageLink = entry.querySelector('.journalimage a');
-
-    if (! mouseType || ! journalImageLink) {
-      return;
-    }
-
-    journalImageLink.addEventListener('click', (e) => {
-      e.preventDefault();
-      hg.views.MouseView.show(mouseType);
-    });
-  });
-};
-
-let copyListener;
-const copyKingsCrowns = () => {
-  copyListener?.remove();
-  copyListener = document.addEventListener('copy', (e) => {
-    // eslint-disable-next-line @wordpress/no-global-get-selection
-    if (window.getSelection && window.getSelection().toString().length > 0) {
-      return;
-    }
-
-    const mice = document.querySelectorAll('.mouseCrownsView-group-mouse-padding');
-    if (! mice || ! mice.length) {
-      return;
-    }
-
-    // Define the crown types and their thresholds
-    const crowns = [
-      { name: 'Diamond Crown', min: 2500, max: Number.POSITIVE_INFINITY },
-      { name: 'Platinum Crown', min: 1000, max: 2499 },
-      { name: 'Gold Crown', min: 500, max: 999 },
-      { name: 'Silver Crown', min: 100, max: 499 },
-      { name: 'Bronze Crown', min: 10, max: 99 },
-      { name: 'No Crown', min: 0, max: 9 }
-    ];
-
-    // Prepare a map for each crown group
-    const grouped = crowns.map((crown) => ({
-      ...crown,
-      mice: []
-    }));
-
-    // Collect mouse data and group by crown
-    mice.forEach((mouse) => {
-      const catches = Number.parseInt(mouse.querySelector('.mouseCrownsView-group-mouse-catches').innerText.replaceAll(',', ''), 10);
-      const name = mouse.querySelector('.mouseCrownsView-group-mouse-name').innerText.trim();
-
-      const group = grouped.find((crown) => catches >= crown.min && catches <= crown.max);
-      if (
-        group &&
-        group.mice &&
-        ! group.mice.some((m) => m.name === name && m.catches === catches)
-      ) {
-        group.mice.push({ catches, name });
-      }
-    });
-
-    // Sort each group by catches descending
-    grouped.forEach((group) => {
-      group.mice.sort((a, b) => b.catches - a.catches);
-    });
-
-    // Output format
-    const lines = [];
-    grouped.forEach((group) => {
-      if (group.mice.length === 0) {
-        return;
-      }
-      lines.push(`${group.name} (${group.mice.length})`, `Earned at ${group.min.toLocaleString()} catches`);
-      group.mice.forEach((mouse) => {
-        lines.push(`${mouse.catches}`, `${mouse.name}`);
-      });
-    });
-
-    if (! lines.length) {
-      return;
-    }
-
-    e.clipboardData.setData('text/plain', lines.join('\n'));
-    e.preventDefault();
-  });
-};
-
-/**
- * Run the module.
- */
-const main = async () => {
-  onOverlayChange({ mouse: { show: updateMouseView } });
-
-  minlucks = await getData('minlucks');
-  wisdoms = await getData('wisdom');
-
-  addSubmenuItem({
-    menu: 'mice',
-    label: 'Groups',
-    icon: 'https://www.mousehuntgame.com/images/ui/hud/menu/mice.png',
-    href: 'https://www.mousehuntgame.com/adversaries.php?tab=groups',
-  });
-
-  addSubmenuItem({
-    menu: 'mice',
-    label: 'Regions',
-    icon: 'https://www.mousehuntgame.com/images/ui/hud/menu/travel.png',
-    href: 'https://www.mousehuntgame.com/adversaries.php?tab=regions',
-  });
-
-  addSubmenuItem({
-    menu: 'mice',
-    label: 'Your Stats (Groups)',
-    icon: 'https://www.mousehuntgame.com/images/ui/hud/menu/mice.png',
-    href: 'https://www.mousehuntgame.com/adversaries.php?tab=your_stats&sub_tab=group',
-  });
-
-  addSubmenuItem({
-    menu: 'mice',
-    label: 'Your Stats (Locations)',
-    icon: 'https://www.mousehuntgame.com/images/ui/hud/menu/travel.png',
-    href: 'https://www.mousehuntgame.com/adversaries.php?tab=your_stats&sub_tab=location',
-  });
-
-  addSubmenuItem({
-    menu: 'mice',
-    label: 'King\'s Crowns',
-    icon: 'https://www.mousehuntgame.com/images/ui/crowns/crown_silver.png',
-    href: 'https://www.mousehuntgame.com/adversaries.php?tab=kings_crowns',
-  });
-};
-
-let wisdoms;
-let minlucks;
-/**
- * Initialize the module.
- */
-const init = () => {
-  addStyles(styles, 'better-mice');
-  main();
-  mousePage();
-
-  if (getSetting('better-mice.show-mouse-hover', true)) {
-    excludeFromStandaloneUserscript: hoverMice();
-  }
-
-  if (getSetting('better-mice.show-mice-sidebar', true)) {
-    excludeFromStandaloneUserscript: sidebar();
-  }
-
-  replaceShowMouseImage();
-
-  onNavigation(copyKingsCrowns, {
-    page: 'hunterprofile',
-    subtab: 'kings_crowns',
-    tab: 'kings_crowns'
-  });
-
-  onNavigation(copyKingsCrowns, {
-    page: 'adversaries',
-    subtab: 'kings_crowns',
-    tab: 'kings_crowns'
-  });
-
-  onTurn(addShowMouseToNewJournalEntries, 100);
-};
-
-/**
- * Initialize the module.
- */
-export default {
-  id: 'better-mice',
-  name: 'Better Mice',
-  type: 'better',
-  default: true,
-  description: 'Add attraction rate stats and links to MH Wiki and MHCT to mouse dialogs. Sort the mouse stats pages and add the King\'s Crown tab to the mouse pages.',
-  load: init,
-  settings,
-};