mousehunt-improved 0.97.1 → 0.98.1

package/src/modules/location-huds/locations/event-locations/lunar-new-year/index.js

@@ -1,176 +0,0 @@
-import {
-  addStyles,
-  getCurrentPage,
-  makeElement,
-  onEvent,
-  onRequest
-} from '@utils';
-
-import styles from './styles.css';
-
-let startY, initialTranslateY;
-
-/**
- * Allow the map in the popup to be dragged.
- */
-const dragMapPopup = async () => {
-  const map = document.querySelector('.lunarNewYearCampPopupContainer .lunarNewYearCampHUD-window-background');
-  if (! map) {
-    return;
-  }
-
-  dragMap({ map, maxHeight: 2300 });
-};
-
-/**
- * Allow the map in the camp hud to be dragged.
- */
-const dragMapCamp = async () => {
-  const map = document.querySelector('.lunarNewYearCampHUD-window .lunarNewYearCampHUD-window-background');
-  if (! map) {
-    return;
-  }
-
-  dragMap({ map, maxHeight: 1881 });
-};
-
-/**
- * Drag the map.
- *
- * @param {Object}      args           The arguments.
- * @param {HTMLElement} args.map       The map element.
- * @param {number}      args.maxHeight The maximum height to drag the map.
- */
-const dragMap = async (args) => {
-  const { map, maxHeight } = args;
-
-  if (! map) {
-    return;
-  }
-
-  /**
-   * Handle the drag event.
-   *
-   * @param {Event} event The event object.
-   */
-  const onDrag = (event) => {
-    const deltaY = event.clientY - startY;
-    let newTranslateY = initialTranslateY + deltaY;
-
-    if (newTranslateY < 0) {
-      newTranslateY = 0;
-    } else if (newTranslateY > maxHeight) {
-      newTranslateY = maxHeight;
-    }
-
-    map.style.transform = `translateY(${newTranslateY}px)`;
-  };
-
-  map.addEventListener('mousedown', (event) => {
-    startY = event.clientY;
-    const style = window.getComputedStyle(map);
-    const matrix = new WebKitCSSMatrix(style.transform);
-    initialTranslateY = matrix.m42;
-
-    map.style.transition = 'none';
-
-    map.addEventListener('mousemove', onDrag);
-  });
-
-  map.addEventListener('mouseup', () => {
-    map.removeEventListener('mousemove', onDrag);
-  });
-
-  map.addEventListener('wheel', (event) => {
-    event.preventDefault();
-
-    map.style.transition = 'none';
-
-    const style = window.getComputedStyle(map);
-    const matrix = new WebKitCSSMatrix(style.transform);
-    const currentTranslateY = matrix.m42;
-    let newTranslateY = currentTranslateY - event.deltaY;
-
-    if (newTranslateY < 0) {
-      newTranslateY = 0;
-    } else if (newTranslateY > maxHeight) {
-      newTranslateY = maxHeight;
-    }
-
-    map.style.transform = `translateY(${newTranslateY}px)`;
-  });
-
-  map.addEventListener('mouseleave', () => {
-    map.style.transition = 'transform 1s ease-in-out';
-  });
-};
-
-/**
- * Add a button to launch the fireworks.
- */
-const triggerFireworks = () => {
-  const existing = document.querySelector('.launch-the-fireworks-please');
-  if (existing) {
-    return;
-  }
-
-  const fireworks = document.querySelector('.lunarNewYearCampHUD-container .lunarNewYearCampHUD-window-fireworksContainer');
-  if (! fireworks) {
-    return;
-  }
-
-  const statsContainer = document.querySelector('.lunarNewYearCampHUD-container .lunarNewYearCampHUD-statsContainer');
-  if (! statsContainer) {
-    return;
-  }
-
-  const launchButton = makeElement('div', 'launch-the-fireworks-please', '');
-  statsContainer.append(launchButton);
-
-  let isAnimating = false;
-  launchButton.addEventListener('click', () => {
-    launchButton.classList.add('launched');
-    fireworks.classList.add('launch-the-fireworks');
-    if (isAnimating) {
-      return;
-    }
-    isAnimating = true;
-
-    setTimeout(() => {
-      launchButton.classList.remove('launched');
-      fireworks.classList.remove('launch-the-fireworks');
-      isAnimating = false;
-    }, 5 * 1000);
-  });
-};
-
-/**
- * Always active.
- */
-const lunarNewYearGlobal = async () => {
-  addStyles(styles, 'location-hud-events-lunar-new-year');
-
-  onRequest('events/lunar_new_year.php', dragMapPopup);
-
-  if ('camp' === getCurrentPage()) {
-    dragMapCamp();
-    triggerFireworks();
-  }
-
-  onEvent('camp_quest_hud_view_initialize', () => {
-    dragMapCamp();
-    triggerFireworks();
-  });
-};
-
-/**
- * Only active at the event location.
- */
-const lunarNewYearLocation = async () => {
-  // no-op.
-};
-
-export {
-  lunarNewYearGlobal,
-  lunarNewYearLocation
-};

package/src/modules/location-huds/locations/event-locations/lunar-new-year/styles.css

@@ -1,263 +0,0 @@
-.lunarNewYearCampPopup-content-endDate {
-  font-size: 14px;
-  line-height: 20px;
-}
-
-.lunarNewYearCampPopup-environment .mousehuntTooltip {
-  top: -44%;
-}
-
-.lunarNewYearCampHUD-window-row-reward::after {
-  top: 1px;
-  background-color: #9b2034;
-  border-color: #f3577c;
-}
-
-.lunarNewYearCampHUD-window-row:nth-child(even) .lunarNewYearCampHUD-window-row-reward::after {
-  right: 35px;
-}
-
-.lunarNewYearCampHUD-window-row:nth-child(odd) .lunarNewYearCampHUD-window-row-reward::after {
-  top: 0;
-  left: 35px;
-}
-
-.lunarNewYearCampHUD-window-row .lunarNewYearCampHUD-window-row-reward::after {
-  box-shadow:
-    0 -1px 1px 0 #f3577c,
-    0 1px 1px 0 #f3577c;
-}
-
-.lunarNewYearCampHUD-window-row-reward {
-  width: 28px;
-  height: 18px;
-  border-radius: 6px;
-  box-shadow:
-    0 -1px 1px 0 #f3577c,
-    0 1px 1px 0 #f3577c;
-}
-
-.lunarNewYearCampHUD-window-row.lunar_new_year_2018_cheese.reward .lunarNewYearCampHUD-window-row-reward::after,
-.lunarNewYearCampHUD-window-row.lunar_new_year_2018_cheese.claimed .lunarNewYearCampHUD-window-row-reward::after {
-  width: 180px;
-}
-
-.lunarNewYearCampHUD-container .mousehuntItem .mousehuntItem-quantity.quantity {
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding-top: 2px;
-  font-size: 12px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.lunarNewYearCampHUD-container .mousehuntItem:hover .mousehuntItem-quantity.quantity,
-.lunarNewYearCampHUD-container .mousehuntItem:focus .mousehuntItem-quantity.quantity,
-.lunarNewYearCampHUD-container .mousehuntItem.active .mousehuntItem-quantity.quantity {
-  border-top: 1px solid #d6a766;
-  box-shadow: inset 0 0 5px 5px #ffe344;
-}
-
-.lunarNewYearCampHUD-container .mousehuntItem:hover .mousehuntItem-image::after,
-.lunarNewYearCampHUD-container .mousehuntItem:focus .mousehuntItem-image::after {
-  border-color: #ffe344;
-}
-
-.lunarNewYearCampHUD-stat-value {
-  font-size: 13px;
-  text-shadow: 0 0 10px #fee7a6;
-  box-shadow: inset 0 0 3px 1px #b81d3e;
-}
-
-.lunarNewYearCampHUD-stat-label {
-  text-align: center;
-}
-
-.lunarNewYearCampHUD-statsContainer .lunarNewYearCampHUD-stat:nth-child(3) .lunarNewYearCampHUD-stat-value {
-  width: 32px;
-}
-
-.lunarNewYearCampHUD-window-background .lunarNewYearCampHUD-window-lantern::after {
-  transition: 0.7s;
-}
-
-.lunarNewYearCampHUD-window-background:hover .lunarNewYearCampHUD-window-lantern::after {
-  filter: brightness(1.5) drop-shadow(1px 0 4px #000);
-  transform: scale(1.5);
-}
-
-.lunarNewYearCampPopup .lunarNewYear2018-claimRow-image {
-  text-align: left;
-}
-
-.lunarNewYearCampHUD-window-row-height {
-  font-size: 12px;
-  font-weight: 900;
-  text-shadow: 1px 1px 1px #000;
-}
-
-.lunarNewYearCampPopup-subtitle {
-  margin-bottom: 5px;
-}
-
-.lunarNewYearCampPopupContainer .lunarNewYearCampHUD-window.lunarNewYearCampHUD-viewState.hasLantern {
-  top: 21px;
-  bottom: 22px;
-  box-shadow: inset 1px 0 4px 2px #000;
-}
-
-.lunarNewYearCampHUD-window-background {
-  box-shadow: inset 1px 0 10px 0 #05050a;
-}
-
-.lunarNewYearCampPopupContainer .lunarNewYearCampHUD-window-background {
-  border: 2px solid #decfb4;
-}
-
-.lunarNewYearCampPopup-lanternMap-button.up {
-  border-bottom-width: 1px;
-}
-
-.lunarNewYearCampPopup-lanternMap-button.down {
-  border-top-width: 1px;
-}
-
-.lunarNewYearCampPopup-environment:hover .lunarNewYearCampPopup-environment-image {
-  box-shadow: 0 -1px 7px -4px #000;
-}
-
-.lunarNewYearCampPopup-environment:hover .lunarNewYearCampPopup-environment-name {
-  box-shadow: 0 4px 9px -2px #000;
-}
-
-.lunarNewYearCampPopup-environment:hover {
-  border-radius: 4px;
-  box-shadow: 0 1px 5px 0 #2e2e2e;
-  transform: scale(1.2);
-}
-
-.lunarNewYearCampPopup-environment {
-  width: 100%;
-  padding: 0;
-  border-radius: 6px;
-  box-shadow: 0 0 2px 0 #000;
-  transition: 0.2s ease-in;
-  transform-origin: bottom;
-}
-
-.lunarNewYearCampPopup-stockpile-environmentContainer {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  gap: 3px;
-  align-items: start;
-}
-
-.lunarNewYearCampPopup-environment:hover .lunarNewYearCampPopup-environment-name,
-.lunarNewYearCampPopup-environment.selected .lunarNewYearCampPopup-environment-name {
-  color: #fff;
-  background-color: #b4383a;
-}
-
-.lunarNewYearCampPopup-environment.disabled .lunarNewYearCampPopup-environment-name,
-.lunarNewYearCampPopup-environment.disabled .lunarNewYearCampPopup-environment-image {
-  opacity: 0.4;
-}
-
-.lunarNewYearCampPopup-content-block-image {
-  width: auto;
-  height: 60px;
-  background-repeat: no-repeat;
-  box-shadow: none;
-}
-
-.lunarNewYearCampPopup-itemContainer {
-  display: flex;
-  gap: 5px;
-  align-content: center;
-}
-
-.lunarNewYearCampPopup-content-block {
-  width: 100%;
-}
-
-.launch-the-fireworks {
-  display: block;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(1)::before {
-  animation-delay: 0.1s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(1)::after {
-  animation-delay: 0.7s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(2)::before {
-  animation-delay: 0.9s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(2)::after {
-  animation-delay: 1.1s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(3)::before {
-  animation-delay: 1.4s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(3)::after {
-  animation-delay: 1.8s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(4)::before {
-  animation-delay: 2s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(4)::after {
-  animation-delay: 2.5s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(5)::before {
-  animation-delay: 2.8s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(5)::after {
-  animation-delay: 3.3s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(6)::before {
-  animation-delay: 3.7s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(6)::after {
-  animation-delay: 4.1s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(7)::before {
-  animation-delay: 4.5s;
-}
-
-.launch-the-fireworks .lunarNewYearCampHUD-window-fireworks:nth-child(7)::after {
-  animation-delay: 5.9s;
-}
-
-.launch-the-fireworks-please {
-  position: absolute;
-  bottom: 1px;
-  left: -3px;
-  width: 22px;
-  height: 24px;
-  background-image: url(https://i.mouse.rip/upscaled/festive_firework_stat_item.png);
-  filter: hue-rotate(256deg);
-  background-repeat: no-repeat;
-  background-size: contain;
-  opacity: 0.5;
-  transition: 0.3s ease-in-out;
-  transform: scaleX(-1);
-}
-
-.launch-the-fireworks-please:hover {
-  cursor: pointer;
-  opacity: 0.9;
-  transform: scaleX(-1.2) scaleY(1.2);
-}

package/src/modules/location-huds/locations/event-locations/ronza/index.js

@@ -1,111 +0,0 @@
-import {
-  addOnboardingMessage,
-  addStyles,
-  getSetting,
-  makeElement,
-  saveSetting
-} from '@utils';
-
-import styles from './styles.css';
-
-const addToggleListener = (wrapper) => {
-  const container = document.querySelector('.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer');
-  if (! container || ! wrapper) {
-    return;
-  }
-
-  let isToggled = getSetting('location-huds.ronza-info-toggled', false);
-
-  if ('hidden' === isToggled) {
-    wrapper.classList.add('headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--closed');
-  } else if ('miniview' === isToggled) {
-    wrapper.classList.add('headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview');
-  }
-
-  container.addEventListener('click', (e) => {
-    // Only toggle if the click is on the container itself.
-    if (e.target !== container) {
-      return;
-    }
-
-    // Should go 'Full' -> 'Mini' -> 'Closed' -> 'Full'.
-    if ('miniview' === isToggled) {
-      wrapper.classList.remove('headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview');
-      wrapper.classList.add('headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--closed');
-      isToggled = 'hidden';
-    } else if ('hidden' === isToggled) {
-      wrapper.classList.remove('headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--closed');
-      isToggled = false;
-    } else {
-      wrapper.classList.add('headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview');
-      isToggled = 'miniview';
-    }
-
-    saveSetting('location-huds.ronza-info-toggled', isToggled);
-  });
-};
-
-const reformatRonzaView = (wrapper) => {
-  const main = wrapper.querySelector('.headsUpDisplayRonzasTravelingShoppeView__contentContainer');
-  if (! main) {
-    return;
-  }
-
-  const baits = wrapper.querySelectorAll('.headsUpDisplayRonzasTravelingShoppeView__baitContainer');
-
-  const existingMiniview = main.querySelector('.ronza-miniview');
-  if (existingMiniview) {
-    existingMiniview.remove();
-  }
-
-  const newContainer = makeElement('div', 'ronza-miniview');
-  const toClone = [
-    wrapper.querySelector('.headsUpDisplayRonzasTravelingShoppeView__inventoryBlock.icy_isabirra_ingredient_stat_item'), // Ice Worm.
-    wrapper.querySelector('.headsUpDisplayRonzasTravelingShoppeView__inventoryBlock.poisonous_provolone_ingredient_stat_item'), // Poison Worm.
-    wrapper.querySelector('.headsUpDisplayRonzasTravelingShoppeView__inventoryBlock.fiery_fontina_ingredient_stat_item'), // Fire Worm.
-    wrapper.querySelector('.headsUpDisplayRonzasTravelingShoppeView__inventoryBlock.dragonbane_trinket'), // Dragonbane Charms.
-    wrapper.querySelector('.headsUpDisplayRonzasTravelingShoppeView__altInventoryBlock[data-item-type="dragonhide_sliver_stat_item"]'), // Slivers.
-    ...baits
-  ];
-
-  toClone.forEach((item) => {
-    if (item && ! item.classList.contains('ronza-miniview__item')) {
-      const clone = item.cloneNode(true);
-      clone.classList.add('ronza-miniview__item');
-      newContainer.append(clone);
-    }
-  });
-
-  main.prepend(newContainer);
-
-  const clonedButtons = document.querySelectorAll('.ronza-miniview__item .headsUpDisplayRonzasTravelingShoppeView__baitImage:not(.disabled)');
-  clonedButtons.forEach((button) => {
-    button.setAttribute('onclick', 'hg.utils.TrapControl.toggleItem(this)');
-  });
-};
-
-const ronzaGlobal = async () => {
-  addStyles(styles, 'location-hud-events-ronza');
-};
-
-const ronzaLocation = async () => {
-  const wrapper = document.querySelector('.headsUpDisplayRonzasTravelingShoppeView');
-  if (wrapper) {
-    addToggleListener(wrapper);
-    reformatRonzaView(wrapper);
-
-    addOnboardingMessage({
-      step: 'location-huds-ronza',
-      page: 'camp',
-      highlightSelector: '.headsUpDisplayRonzasTravelingShoppeView',
-      content: 'Click the "Ronza\'s Shoppe" button to toggle between full, mini, and closed views.',
-      direction: 'top',
-      delay: 2500,
-    });
-  }
-};
-
-export {
-  ronzaGlobal,
-  ronzaLocation
-};

package/src/modules/location-huds/locations/event-locations/ronza/styles.css

@@ -1,144 +0,0 @@
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--closed .headsUpDisplayRonzasTravelingShoppeView__mainHudContainer {
-  top: -2px;
-  width: 230px;
-  height: 2px;
-  margin: 0 auto;
-  overflow: hidden;
-  background-image: url(https://i.mouse.rip/ronza-button.png);
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--closed.headsUpDisplayRonzasTravelingShoppeView {
-  height: auto;
-  min-height: 40px;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer {
-  background-image: url(https://i.mouse.rip/ronza-short.png);
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__baitInfoContainer {
-  display: none;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView {
-  height: 190px;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__baitContainer:hover .headsUpDisplayRonzasTravelingShoppeView__baitInfoContainer {
-  z-index: 2;
-  display: block;
-  box-shadow: 0 2px 2px #3a3a3a;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__baitQuantity,
-.headsUpDisplayRonzasTravelingShoppeView__itemQuantity {
-  z-index: 3;
-}
-
-.QuestRonzaPopup-items .QuestRonzaPopup-item-costContainer,
-.QuestRonzaPopup-trapsmith .QuestRonzaPopup-item-costContainer {
-  padding-left: 4px;
-  background-color: #a3ccf0;
-  border-radius: 5px;
-}
-
-.QuestRonzaPopup-bucketContainer {
-  overflow: hidden;
-}
-
-.QuestRonzaCampHUD-completeQuantity.QuestRonzaCampHUD-chromeBitQuantity {
-  font-size: 13px;
-}
-
-.QuestRonzaPopup-container .mousehuntActionButton {
-  width: 50px;
-  margin-right: -30px;
-}
-
-.QuestRonzaPopup-bucket .rewards .chromeTicket {
-  background-size: 57px;
-}
-
-.QuestRonzaCampHUD-goal {
-  z-index: 1;
-}
-
-.QuestRonzaPopup-bucket .rewardDescription b {
-  font-size: 12px;
-  line-height: 1.5;
-}
-
-#overlayPopup.QuestRonzaPopup #jsDialogClose {
-  z-index: 2;
-}
-
-.voucherImage,
-.chromeBitImage {
-  width: 19px;
-  height: 19px;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__inventoryBlockQuantity {
-  font-size: 11px;
-  line-height: 13px;
-}
-
-.QuestRonzaPopup-shopTabButton.bits {
-  padding-left: 0;
-  margin-left: 5px;
-}
-
-.QuestRonzaPopup-shopTabButton.voucher {
-  margin-right: 5px;
-}
-
-/* Mini view toggle */
-.ronza-miniview {
-  display: none;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .headsUpDisplayRonzasTravelingShoppeView__footerContainer,
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .headsUpDisplayRonzasTravelingShoppeView__primaryContent,
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .headsUpDisplayRonzasTravelingShoppeView__secondaryContent {
-  display: none;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview.headsUpDisplayRonzasTravelingShoppeView {
-  height: 90px;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .headsUpDisplayRonzasTravelingShoppeView__mainHudContainer {
-  background-image: url(https://i.mouse.rip/ronza-mini.png);
-  background-position: top;
-  border-radius: 10px;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .ronza-miniview {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: -3px;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .headsUpDisplayRonzasTravelingShoppeView__inventoryBlock.dragonbane_trinket {
-  margin-right: 20px;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .headsUpDisplayRonzasTravelingShoppeView__baitContainer {
-  width: 80px;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .headsUpDisplayRonzasTravelingShoppeView__baitQuantity,
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .headsUpDisplayRonzasTravelingShoppeView__itemQuantity {
-  width: 40px;
-}
-
-.headsUpDisplayRonzasTravelingShoppeView__mainHudContainer--miniview .headsUpDisplayRonzasTravelingShoppeView__baitContainer:hover .headsUpDisplayRonzasTravelingShoppeView__baitInfoContainer {
-  right: -40px;
-  left: -2px;
-}
-
-.chrome.itemPurchaseView-container.airship_rocket_fuel_stat_item.stat.view .itemPurchaseView-content-description::after {
-  font-weight: 900;
-  content: " Please don't spend your bits on this.";
-}