mousehunt-improved 0.97.1 → 0.98.0

package/src/modules/location-huds/shared/folklore-forest/styles.css

@@ -1,394 +0,0 @@
-.folkloreForestRegionView-dialog-help .folkloreForestRegionView-dialog-tabContentContainer {
-  max-width: 560px;
-  padding: 10px;
-  margin: 0 auto;
-  font-size: 13px;
-  line-height: 1.4;
-}
-
-.folkloreForestRegionView-dialog-help h3 {
-  font-size: 17px;
-  color: #fff5cb;
-}
-
-.folkloreForestRegionView-dialog-tabHeaderContainer::before,
-.folkloreForestRegionView-dialog-tabHeaderContainer::after {
-  background: transparent;
-}
-
-.folkloreForestRegionView-dialog-tabHeaderContainer {
-  padding: 0 20px;
-  margin-right: -5px;
-  margin-left: -5px;
-  border-bottom-color: #416f2a;
-}
-
-a.folkloreForestRegionView-dialog-tabHeader {
-  background-color: #4d3d00;
-  border: 1px solid #416f2a;
-  border-bottom: none;
-}
-
-#overlayPopup.fabledForestDialog .title {
-  margin-top: -19px;
-}
-
-.folkloreForestRegionView-environmentInventory-block-quantity {
-  font-size: 12px;
-  font-weight: 400;
-}
-
-.folkloreForestRegionView-environmentInventory-label {
-  font-size: 11px;
-  line-height: 18px;
-}
-
-a.folkloreForestRegionView-upgradeButton.canUnlock::after {
-  position: absolute;
-  top: 3px;
-  right: 5px;
-  width: 14px;
-  height: 14px;
-  content: "";
-  background-image: url(https://www.mousehuntgame.com/images/ui/hud/folklore_forest_region/upgrade_arrow_small.png);
-  filter: hue-rotate(300deg) brightness(1.1);
-  background-repeat: no-repeat;
-  background-size: contain;
-  border-radius: 50%;
-}
-
-.mh-location-prologue_pond a.folkloreForestRegionView-upgradeButton.canUnlock::after {
-  filter: hue-rotate(300deg) brightness(1.1);
-}
-
-.mh-location-table_of_contents a.folkloreForestRegionView-upgradeButton.canUnlock::after {
-  filter: none;
-}
-
-a.folkloreForestRegionView-upgradeButton {
-  font-size: 13px;
-}
-
-.folkloreForestRegionView-upgrade {
-  width: 25px;
-  height: 25px;
-  margin-right: 3px;
-  box-shadow:
-    0 0 17px #54290a inset,
-    0 0 2px 1px #999;
-}
-
-.folkloreForestRegionView-upgradeContainer {
-  top: 3px;
-  left: 20px;
-  width: auto;
-}
-
-.table_of_contents .folkloreForestRegionView-upgradeContainer {
-  left: 15px;
-}
-
-.folkloreForestRegionView-upgrade.active {
-  box-shadow: inset 0 0 2px 1px #b4e2ee;
-}
-
-.folkloreForestRegionView-environmentTitle .folkloreForestRegionView-environmentState {
-  font-size: 21px;
-  text-shadow: 1px 1px 1px #f7e5a5;
-}
-
-/* bigger warning */
-.folkloreForestRegionView-trapWarningContainer {
-  padding: 20px;
-  font-size: 12px;
-  color: #870808;
-  background-color: #ffbfbf;
-}
-
-.folkloreForestRegionView-trapWarningContainer a {
-  color: #870808;
-}
-
-.folkloreForestRegionView-warning {
-  border: none;
-}
-
-.folkloreForestRegionView-warning::before {
-  display: none;
-}
-
-/* estimates userscript */
-a.folkloreForestRegionView__estimate-button {
-  top: 9px !important;
-  right: -7px !important;
-  font-size: 20px !important;
-  color: #1a5162 !important;
-}
-
-a.folkloreForestRegionView__estimate-button:hover {
-  color: #064155 !important;
-}
-
-.folkloreForestRegionView-dialog-footer {
-  margin-top: 5px;
-  margin-bottom: 15px;
-}
-
-.folkloreForestRegionView-footer-spacer {
-  display: none;
-}
-
-.folkloreForestRegionView-dialog-block-cost {
-  border: 1px solid #ccc;
-  box-shadow: none;
-}
-
-.folkloreForestRegionView-dialog-block-cost-image {
-  height: 40px;
-  background-size: contain;
-}
-
-.upgrades .folkloreForestRegionView-dialog-block-item-image {
-  margin: 4px auto;
-  background-color: transparent;
-  border: none;
-}
-
-.upgrades .folkloreForestRegionView-dialog-block-icon {
-  top: 1px;
-  left: 0;
-  border: none;
-}
-
-.upgrades .folkloreForestRegionView-dialog-block-name {
-  margin-left: 39px;
-  border-top: 1px solid #c6c6c6;
-}
-
-.upgrades .folkloreForestRegionView-dialog-block-description {
-  border-width: 1px;
-}
-
-.upgrades .folkloreForestRegionView-dialog-block {
-  border: 1px solid #c6c6c6;
-  border-top: none;
-}
-
-.upgrades .folkloreForestRegionView-dialog-block.highlight .folkloreForestRegionView-dialog-block-icon {
-  margin-top: -1px;
-  border-top: 1px solid #c6c6c6;
-  border-right: 1px solid #c6c6c6;
-}
-
-.upgrades .folkloreForestRegionView-dialog-tabHeader-notification {
-  font-size: 15px;
-  line-height: 25px;
-  background-color: #e94e4e;
-  box-shadow: 1px 1px 4px -1px #000;
-}
-
-/* make the CC hover less sensitive */
-.folkloreForestRegionView-fuelContainer.mousehuntTooltipParent {
-  /* top: 20px;
-  margin-top: -20px; */
-  border-radius: 40px 30px 30px;
-}
-
-/** TODO: change the markup of the tooltip to be bottom rather than top */
-.folkloreForestRegionView-fuelContainer .mousehuntTooltip {
-  display: none !important;
-}
-
-.folkloreForestRegionView-dialog-blockContainer.upsellRecipe .upsellItemActionView-cost-image {
-  box-shadow: none;
-}
-
-.folkloreForestRegionView-dialog-block.toggle-added .folkloreForestRegionView-dialog-block-action {
-  display: flex;
-  gap: 1em;
-  align-items: center;
-  justify-content: center;
-}
-
-.folkloreForestRegionView-dialog-block-action .mhui-folklore-forest-upgrade-toggle.mousehuntActionButton {
-  display: inline !important;
-}
-
-.folkloreForestRegionView-dialog-block.toggle-is-hidden {
-  filter: grayscale(0.6);
-  opacity: 0.8;
-}
-
-.upgrades .folkloreForestRegionView-dialog-block .folkloreForestRegionView-dialog-block-icon::after {
-  display: none;
-}
-
-.upgrades .highlight .folkloreForestRegionView-dialog-block-name {
-  background-color: #a2723b;
-}
-
-.folkloreForestRegionView-dialog-block-cost.error .folkloreForestRegionView-dialog-block-cost-image {
-  box-shadow: 0 0 35px #ffa3a3 inset;
-}
-
-a.folkloreForestRegionView-warning:hover {
-  background-color: #ffecd9;
-}
-
-.folkloreForestRegionView-dialog-blockContainer.upgrades .folkloreForestRegionView-dialog-block-description {
-  overflow: visible;
-  line-height: 1.3;
-}
-
-.folkloreForestRegionView-dialog-blockContainer.num_upgrades_7 .folkloreForestRegionView-dialog-block:nth-child(-n + 4) .folkloreForestRegionView-dialog-block-description {
-  height: 80px;
-}
-
-/* hide the "this upgrade costs" text */
-.folkloreForestRegionView-dialog-block-costLabel {
-  display: none;
-}
-
-.folkloreForestRegionView-helpButton {
-  top: 13px;
-  width: 22px;
-  height: 22px;
-  background: url(https://www.mousehuntgame.com/images/ui/events/egg_sweeper/help_button.png);
-  background-position: center;
-  background-size: 26px;
-  border-radius: 10px;
-  mix-blend-mode: darken;
-  opacity: 0.3;
-}
-
-.folkloreForestRegionView-helpButton:hover {
-  opacity: 1;
-}
-
-a.folkloreForestRegionView-travelButton {
-  top: 16px;
-  left: 226px;
-  width: 17px;
-  height: 17px;
-  background: url(https://www.mousehuntgame.com/images/ui/hud/menu/treasure_chests.png);
-  background-size: cover;
-  opacity: 0.3;
-  transform: scaleX(-1) rotate(99deg);
-}
-
-a.folkloreForestRegionView-travelButton:hover {
-  opacity: 1;
-}
-
-.folkloreForestRegionView-dialog-blockContainer.basicBaits .folkloreForestRegionView-dialog-block-description {
-  background-color: #668d53;
-  border-top: 1px solid #143708;
-}
-
-.folkloreForestRegionView-dialog-blockContainer.travel .folkloreForestRegionView-dialog-block {
-  background-color: #668d53;
-}
-
-.folkloreForestRegionView-dialog-blockContainer.travel .folkloreForestRegionView-dialog-block-description {
-  border-top: 1px solid #143708;
-}
-
-.folkloreForestRegionView-dialog-recipeResult-content {
-  max-height: 110px;
-}
-
-.folkloreForestRegionView-travelButton:active,
-.folkloreForestRegionView-helpButton:active {
-  background-position-y: 50%;
-  opacity: 0.9;
-}
-
-.headsUpDisplayDraconicDepthsView__fuelQuantity,
-.folkloreForestRegionView-fuel-quantity.quantity {
-  font-size: 13px;
-  color: #d9faca;
-  background-color: transparent;
-}
-
-.mhui-close-button {
-  position: absolute;
-  top: -5px;
-  right: -5px;
-  z-index: 15;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  padding: 5px;
-  font-size: 12px;
-  font-weight: 700;
-  color: #e03a3a;
-  text-align: center;
-  background: #fff;
-  border: 1px solid #ff1606;
-  border-radius: 20px;
-  box-shadow: inset 0 0 3px -1px #af131c;
-}
-
-.mhui-close-button:hover {
-  cursor: pointer;
-  background: #ffc0c0;
-}
-
-.folkloreForestRegionView-dialog-blockContainer.upsellRecipe .upsellItemActionView-action-max {
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 30px;
-  height: 22px;
-  padding: 2px;
-  margin-top: -5px;
-  border: 1px solid #eee;
-  border-radius: 1px;
-  box-shadow: 0 0 1px 1px #eee inset;
-}
-
-.folkloreForestRegionView-dialog-blockContainer.upsellRecipe .upsellItemActionView-action-max::after {
-  display: none;
-}
-
-.upsellItemActionView-action-quantityContainer {
-  display: flex;
-  place-content: center center;
-  align-items: baseline;
-}
-
-.folkloreForestRegionView-dialog-blockContainer.upsellRecipe .upsellItemActionView-action-max:hover {
-  color: #000;
-  background-color: #faefbf;
-  box-shadow: none;
-}
-
-.upsellItemActionView-action-quantity {
-  box-sizing: border-box;
-  display: block;
-  height: 21px;
-}
-
-.mh-dark .folkloreForestRegionView-dialog-block-name {
-  background-color: var(--d-bg);
-}
-
-.mh-dark .folkloreForestRegionView-dialog-block-description {
-  color: var(--d-text);
-  background-color: var(--d-bg);
-  border-top-color: var(--d-bg);
-}
-
-.mh-dark .folkloreForestRegionView-dialog-blockContainer.upsellRecipe .upsellItemActionView-recipe.upsell {
-  border-top-color: var(--d);
-}
-
-.mh-dark .folkloreForestRegionView-dialog-blockContainer.upsellRecipe .upsellItemActionView-action-max {
-  border-color: var(--d);
-  box-shadow: 0 0 1px 1px var(--d-bg-alt) inset;
-}

package/src/modules/location-huds/styles.css

@@ -1,61 +0,0 @@
-/* Cheese Selector */
-.mh-ui-cheese-selector-wrapper {
-  margin-top: 10px;
-}
-
-.mh-ui-cheese-selector.townOfGnawniaHUD-baitContainer {
-  flex-wrap: wrap;
-}
-
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait {
-  width: 145px;
-  margin: 3px 0;
-  cursor: pointer;
-  outline: 1px solid #3d4d6c;
-  box-shadow: none;
-}
-
-.mh-improved-location-forbidden_grove .mh-ui-cheese-selector .townOfGnawniaHUD-bait {
-  width: 110px;
-}
-
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait-image {
-  left: 2px;
-  background-color: transparent;
-  filter: none;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border: none;
-}
-
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait-name {
-  margin-left: 2px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait.active,
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait:hover {
-  background-color: #c2dbef;
-}
-
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait.active .townOfGnawniaHUD-bait-name {
-  text-shadow: none;
-}
-
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait-quantity {
-  color: #eee;
-  background: linear-gradient(to bottom, #2a354b, #485a7f);
-}
-
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait.active .townOfGnawniaHUD-bait-quantity,
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait:hover .townOfGnawniaHUD-bait-quantity {
-  background: linear-gradient(to bottom, #4f638c, #798db4);
-}
-
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait.active .townOfGnawniaHUD-bait-name,
-.mh-ui-cheese-selector .townOfGnawniaHUD-bait:hover .townOfGnawniaHUD-bait-name {
-  color: #000;
-  text-shadow: none;
-}

package/src/modules/location-huds/toggle-icon.js

@@ -1,74 +0,0 @@
-import {
-  addIconToMenu,
-  getCurrentLocation,
-  getData,
-  getSetting,
-  saveSetting
-} from '@utils';
-
-/**
- * Get the current location.
- *
- * @return {Promise<string>} The current location.
- */
-const getCurrentLocationForSettings = async () => {
-  const currentLocation = getCurrentLocation();
-
-  const eventEnvironments = await getData('environments-events');
-
-  // check if we are in an event location.
-  if (eventEnvironments && eventEnvironments.length && eventEnvironments.some((event) => event.id === currentLocation)) {
-    return 'event-locations';
-  }
-
-  return currentLocation;
-};
-
-/**
- * Get the icon settings.
- *
- * @return {Promise<Object>} The icon settings.
- */
-const getIconSettings = async () => {
-  let key = await getCurrentLocationForSettings();
-  key = `location-huds-enabled.${key}`;
-
-  let value = getSetting(key, true);
-
-  return {
-    id: 'mousehunt-improved-location-huds',
-    classname: 'mousehunt-improved-location-huds-icon',
-    text: value ? 'Disable HUD' : 'Enable HUD',
-    position: 'prepend',
-
-    /**
-     * The action to perform when the icon is clicked.
-     *
-     * @param {Event}   e    The event object.
-     * @param {Element} icon The icon element.
-     */
-    action: (e, icon) => {
-      value = getSetting(key, true);
-      saveSetting(key, ! value);
-
-      if (value) {
-        icon.textContent = 'Enable HUD';
-        icon.classList.add('disabled');
-        icon.classList.remove('enabled');
-      } else {
-        icon.textContent = 'Disable HUD';
-        icon.classList.remove('disabled');
-        icon.classList.add('enabled');
-      }
-
-      window.location.reload();
-    }
-  };
-};
-
-/**
- * Add the toggle icon to the menu.
- */
-export default async () => {
-  addIconToMenu(await getIconSettings());
-};

package/src/modules/metric/index.js

@@ -1,114 +0,0 @@
-import { onDialogShow, onRequest } from '@utils';
-
-// eslint-disable-next-line jsdoc/require-returns
-/**
- * Convert imperial to metric.
- *
- * @param {string} text The text to convert.
- *
- * @return {string} The converted text.
- */
-const imperialToMetric = (text) => {
-  const lb = text.match(/(\d+? )lb./i);
-  const oz = text.match(/(\d+? )oz./i);
-  if (! (lb || oz)) {
-    return text;
-  }
-
-  // Convert the lb. and oz. values to metric.
-  const lbValue = lb ? lb[1] : 0;
-  const ozValue = oz ? oz[1] : 0;
-  const totalWeight = Number.parseInt(lbValue) + (Number.parseInt(ozValue) / 16);
-  const totalWeightMetric = (Math.round((totalWeight * 0.45359237) * 100) / 100).toString();
-
-  // Replace the lb. and oz. values with the metric values.
-  return text.replace(/(\d+? lb.\s)?(\d+? oz.)/i, totalWeightMetric + ' kg. ');
-};
-
-/**
- * Convert the imperial units to metric units in the dialog.
- */
-const convertInDialog = () => {
-  const mouseViewWeights = document.querySelectorAll('.mouseView-statsContainer .mouseView-statsContainer-block-padding table tbody tr');
-  if (mouseViewWeights.length) {
-    // Loop through and get the first td of the element. If it's "Avg. Weight:" or "Heaviest:", then we want to convert the second td.
-    mouseViewWeights.forEach((row) => {
-      const firstCell = row.querySelector('td');
-      const secondCell = firstCell.nextSibling;
-      if (firstCell.innerText === 'Avg. Weight:' || firstCell.innerText === 'Heaviest:') {
-        const converted = imperialToMetric(secondCell.innerText);
-        if (converted) {
-          secondCell.innerText = converted;
-        }
-      }
-    });
-  }
-};
-
-/**
- * Convert the imperial units to metric units on the page.
- */
-const replaceInJournal = () => {
-  const entries = document.querySelectorAll('.journal .entry .journalbody .journaltext');
-  if (! entries.length) {
-    return;
-  }
-
-  entries.forEach((entry) => {
-    const converted = imperialToMetric(entry.innerHTML);
-    if (converted) {
-      entry.innerHTML = converted;
-    }
-  });
-};
-
-/**
- * Convert the imperial units to metric units on the page.
- */
-const replaceOnMousePage = () => {
-  // Check for the mouse page stats.
-  const mouseWeightsStats = document.querySelectorAll('.mouseListView-categoryContent-subgroupContainer .mouseListView-categoryContent-subgroup-mouse-stats');
-  if (! mouseWeightsStats.length) {
-    return;
-  }
-
-  mouseWeightsStats.forEach((stat) => {
-    // Check to see if it has the 'average_weight' or 'heaviest_catch' class, and if so, convert the text.
-    if (stat.classList.contains('average_weight') || stat.classList.contains('heaviest_catch')) {
-      const converted = imperialToMetric(stat.innerText);
-      if (converted) {
-        stat.innerText = converted;
-      }
-    }
-  });
-};
-
-/**
- * Convert the imperial units to metric units on the page.
- */
-const convertOnPage = () => {
-  replaceOnMousePage();
-  replaceInJournal();
-};
-
-/**
- * Initialize the module.
- */
-const init = async () => {
-  onDialogShow('all', convertInDialog);
-
-  onRequest('*', convertOnPage);
-  convertOnPage();
-};
-
-/**
- * Initialize the module.
- */
-export default {
-  id: 'metric',
-  name: 'Metric Units',
-  type: 'feature',
-  default: false,
-  description: 'Use metric units instead of imperial units.',
-  load: init,
-};

package/src/modules/native-dark-mode/index.js

@@ -1,79 +0,0 @@
-import {
-  addBodyClass,
-  addExternalStyles,
-  addStyles,
-  createPopup,
-  getSetting,
-  isDarkMode,
-  isMHCT,
-  onNavigation,
-  saveSetting
-} from '@utils';
-
-import settings from './settings';
-
-import * as imported from './styles/*.css'; // eslint-disable-line import/no-unresolved
-const styles = imported;
-
-const maybeShowDarkModeConflictWarning = () => {
-  if (! isDarkMode()) {
-    return;
-  }
-
-  const hasConfirmed = getSetting('native-dark-mode.confirmed', false);
-  if (hasConfirmed) {
-    return;
-  }
-
-  const popup = createPopup({
-    title: 'Dark Mode Conflict Warning',
-    content: `<p>${isMHCT()
-      ? 'You have enabled both the MouseHunt Improved Dark Mode and the MHCT dark mode. This will cause conflicts and result in a broken experience. Please disable the MHCT setting.'
-      : 'You have enabled both the MouseHunt Improved Dark Mode and the dark mode extension. This will cause conflicts and result in a broken experience. Please disable the dark mode extension.'}
-      ${getSetting('native-dark-mode.has-seen-warning', false) ? '<button class="mh-improved-darkmode-conflict-popup-confirm mousehuntActionButton small gray"><span>I understand, don\'t show this again</span></button>' : ''}
-    </p>`,
-    className: 'mh-improved-darkmode-conflict-popup',
-  });
-
-  saveSetting('native-dark-mode.has-seen-warning', true);
-
-  const confirmButton = document.querySelector('.mh-improved-darkmode-conflict-popup-confirm');
-  if (confirmButton) {
-    confirmButton.addEventListener('click', () => {
-      saveSetting('native-dark-mode.confirmed', true);
-      popup.hide();
-    });
-  }
-};
-
-/**
- * Add the dark mode styles.
- */
-const init = async () => {
-  addStyles(styles, 'native-dark-mode');
-
-  if (getSetting('native-dark-mode.enable-mice-page-image-changes', true)) {
-    addExternalStyles('dark-mode-mice-images.css');
-  }
-
-  addBodyClass('mh-dark');
-
-  onNavigation(() => {
-    addBodyClass('mh-dark');
-  });
-
-  setTimeout(maybeShowDarkModeConflictWarning, 2000);
-};
-
-/**
- * Initialize the module.
- */
-export default {
-  id: 'native-dark-mode',
-  name: 'Dark Mode',
-  description: 'Enable the dark mode.',
-  type: 'feature',
-  default: false,
-  load: init,
-  settings,
-};