mousehunt-improved 0.97.1 → 0.98.0

package/src/modules/better-send-supplies/styles.css

@@ -1,316 +0,0 @@
-#supplytransfer .tabContent.recipient .listContainer .actions {
-  display: none;
-}
-
-#supplytransfer .listContainer a.element.recipient {
-  width: auto;
-  height: 120px;
-  white-space: nowrap;
-  background-color: #fff;
-}
-
-#supplytransfer .tabContent.recipient .listContainer span.content {
-  font-size: 12px;
-}
-
-#supplytransfer .listContainer a.element.item {
-  display: grid;
-  grid-template-rows: 1fr 1fr;
-  align-items: center;
-  width: auto;
-  height: 100px;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-}
-
-#supplytransfer .listContainer a.element.item,
-#supplytransfer .listContainer a.element.recipient {
-  border-radius: 5px;
-  box-shadow: 0 1px 2px -2px #1f1f1f;
-}
-
-#supplytransfer .listContainer a.element:hover,
-#supplytransfer .listContainer a.element.recipient:hover,
-#supplytransfer .listContainer a.element.item.pinned:hover,
-#supplytransfer .tabs .tab .image:hover,
-#supplytransfer .tabs .tab .image.empty:hover {
-  color: #3b5998;
-  background-color: #d8f0ff;
-  border-color: #ccc;
-}
-
-#supplytransfer .tabContent.item .listContainer {
-  grid-template-columns: repeat(5, 1fr);
-  gap: 5px;
-  width: 550px;
-  height: 100%;
-  max-height: 80vh;
-  margin-bottom: 0;
-  margin-left: 90px;
-}
-
-#supplytransfer .categoryMenu {
-  width: 90px;
-  background: none;
-}
-
-#supplytransfer .categoryMenu a {
-  margin-bottom: 1px;
-  font-size: 12px;
-  text-align: left;
-}
-
-#supplytransfer .itemList .element .itemImage img {
-  width: 60px;
-  height: 60px;
-}
-
-#supplytransfer .listContainer a.element .details {
-  width: 90px;
-  margin: 0 auto;
-  font-size: 11px;
-  text-align: center;
-}
-
-#supplytransfer .categoryMenu a:hover,
-#supplytransfer .categoryMenu a:focus,
-#supplytransfer .categoryMenu a:active {
-  padding-left: 5px;
-  margin-left: -5px;
-  text-decoration: none;
-  background-color: #d8f0ff;
-}
-
-.mhui-supply-search {
-  display: flex;
-  align-items: center;
-  padding-bottom: 5px;
-  margin: 5px 5px 15px;
-  border-bottom: 1px solid #ccc;
-}
-
-#supplytransfer .drawer .tabContent .searchContainer {
-  position: absolute;
-  top: -5px;
-  right: 0;
-}
-
-#supplytransfer .drawer .tabContent h2 {
-  padding: 0;
-  margin: 0;
-  margin-right: auto;
-  font-size: 14px;
-  border: none;
-}
-
-#supplytransfer .listContainer a.element.item.hidden {
-  display: none;
-}
-
-.mhui-supply-sort-wrapper img {
-  width: 35px;
-  height: 20px;
-}
-
-#supplytransfer .tabs .tab.item .itemImage {
-  margin-top: 0;
-}
-
-.mhui-supply-sort-wrapper {
-  display: flex;
-  flex-direction: row;
-  gap: 5px;
-  align-items: center;
-  margin-right: 10px;
-}
-
-.mhui-supply-sort-wrapper a {
-  margin: 0 4px;
-  line-height: 20px;
-  text-align: center;
-  text-decoration: none;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-  box-shadow: 2px 2px 3px #cdc9c6 inset;
-}
-
-.mhui-supply-sort-wrapper a:hover,
-.mhui-supply-sort-wrapper a.focus {
-  background-color: #cac0b2;
-}
-
-#supplytransfer .listContainer a.element.item.pinned {
-  background-color: #aef5f7;
-}
-
-.mhui-supply-quick-quantity-wrapper {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  justify-content: center;
-  margin: 10px auto;
-}
-
-.mhui-supply-quick-quantity-max {
-  width: 53px;
-}
-
-#supplytransfer .friendList.listContainer {
-  padding-top: 10px;
-  margin-top: 10px;
-  border-top: 1px solid #ccc;
-}
-
-#supplytransfer .tabs .tab.recipient .image.empty::after,
-#supplytransfer .tabs .tab.item .image.empty::after {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #3b5998;
-  cursor: pointer;
-  content: "";
-}
-
-#supplytransfer .tabs .tab.recipient .image.empty::after {
-  content: "Select Friend";
-}
-
-#supplytransfer .tabs .tab.item .image.empty::after {
-  content: "Select Item";
-}
-
-#supplytransfer .drawer .tabContent.confirm #supplytransfer-confirm-text {
-  padding: 0;
-}
-
-#supplytransfer .tabs .tab.confirm {
-  display: none;
-}
-
-#supplytransfer .tabs .tab.recipient .image.empty,
-#supplytransfer .tabs .tab.item .image.empty {
-  position: relative;
-  margin-bottom: -20px;
-  background-image: none;
-}
-
-#supplytransfer .tabs .tab .image {
-  background: #ccc;
-  border: 1px solid #eee;
-}
-
-.PageSupplyTransfer .flexibleDialogWarmBrown {
-  padding: 0;
-  background: none;
-  box-shadow: none;
-}
-
-#supplytransfer .drawer {
-  width: unset;
-  height: 100%;
-  max-height: unset;
-  padding: 5px;
-  border: none;
-}
-
-#supplytransfer {
-  position: relative;
-}
-
-#supplytransfer .tabs {
-  position: sticky;
-  top: 50px;
-  z-index: 1;
-  width: auto;
-  padding: 10px 10px 0;
-  margin-top: 35px;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  box-shadow: 0 1px 2px -2px #1f1f1f;
-}
-
-#supplytransfer .tabs .tab .image,
-#supplytransfer .tabs .tab .image.empty {
-  background-color: #eee;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-}
-
-#supplytransfer .drawer .listContainer {
-  display: grid;
-  grid-template-columns: repeat(6, 1fr);
-  gap: 5px 0;
-}
-
-#supplytransfer .listContainer.friendList img {
-  width: 85px;
-  height: 85px;
-  padding-bottom: 5px;
-  border: none;
-  border-radius: 3px;
-}
-
-#supplytransfer .tabs .tab:hover {
-  background: transparent;
-}
-
-#supplytransfer .tabContent.item {
-  margin: -5px;
-}
-
-span.mhui-supply-sort-label {
-  color: #000;
-}
-
-#supplytransfer .itemList a.element .itemImage {
-  width: 60px;
-  height: 60px;
-  padding: 5px;
-  overflow: visible;
-}
-
-#supplytransfer .drawer .tabContent {
-  position: relative;
-  height: 100%;
-  max-height: unset;
-}
-
-#supplytransfer .tabs .tab .image .img,
-#supplytransfer .tabs .tab .image {
-  width: 80px;
-  height: 80px;
-}
-
-#supplytransfer .tabs .tab {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-#supplytransfer .itemImage .quantity {
-  right: 0;
-  bottom: 0;
-  background-color: rgb(255 255 255 / 60%);
-}
-
-#supplytransfer .tab .itemImage .quantity {
-  bottom: 10px;
-}
-
-#supplytransfer .listContainer a.element.item.pinned .itemImage .quantity {
-  background-color: rgb(174 245 247 / 60%);
-}
-
-.mousehuntPage-content #supplytransfer .drawer .listContainer,
-.mousehuntPage-content #supplytransfer .drawer .tabContent,
-.mousehuntPage-content #supplytransfer .drawer {
-  height: auto;
-  max-height: unset;
-}
-
-.mh-improved-math-button.mhui-supply-quick-quantity {
-  font-family: inherit;
-}

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

@@ -1,234 +0,0 @@
-import {
-  addStyles,
-  getCurrentPage,
-  getSetting,
-  onNavigation,
-  onRequest
-} from '@utils';
-
-import settings from './settings';
-
-import qtyButtons from './modules/quantity-buttons';
-import qtyButtonsStyles from './modules/quantity-buttons/styles.css';
-
-import maxOwnedHide from './modules/hide-max-owned/styles.css';
-
-import * as imported from './styles/*.css'; // eslint-disable-line import/no-unresolved
-const styles = imported;
-
-/**
- * Update the input field placeholder, add qty buttons, and listen for the enter key.
- */
-const updateInputField = async () => {
-  const purchaseBlocks = document.querySelectorAll('.itemPurchaseView-action-state.view');
-  if (! purchaseBlocks) {
-    return;
-  }
-
-  const addQuantityButtons = getSetting('better-shops.show-qty-buttons', true);
-
-  purchaseBlocks.forEach((block) => {
-    const qty = block.querySelector('.itemPurchaseView-action-maxPurchases');
-    if (! qty) {
-      return;
-    }
-
-    const input = block.querySelector('input');
-    if (! input) {
-      return;
-    }
-
-    const maxQty = qty.textContent.replace(' (Inventory max)', '') || 0;
-
-    input.setAttribute('placeholder', maxQty);
-
-    // listen for the enter key when the input is focused
-    const buyButton = block.querySelector('.itemPurchaseView-action-form-button.buy');
-    if (buyButton && input.dataset.mhiShopEnter !== 'true') {
-      input.dataset.mhiShopEnter = 'true';
-
-      const onKeydown = (e) => {
-        if ('Enter' === e.key) {
-          buyButton.click();
-
-          setTimeout(() => {
-            const confirmButton = document.querySelector('.itemPurchaseView-container.confirmPurchase .itemPurchaseView-action-confirm-button');
-            if (confirmButton) {
-              confirmButton.focus();
-            }
-          }, 200);
-        }
-      };
-
-      input.addEventListener('keydown', onKeydown);
-      input.addEventListener('blur', () => {
-        input.removeEventListener('keydown', onKeydown);
-        delete input.dataset.mhiShopEnter;
-      }, { once: true });
-    }
-
-    if (addQuantityButtons) {
-      const container = block.closest('.itemPurchaseView-container');
-      if (! container || container.classList.contains('lil_jill') || container.classList.contains('big_jack')) {
-        return;
-      }
-      qtyButtons(block, input, maxQty);
-    }
-  });
-};
-
-/**
- * Main function.
- */
-const main = () => {
-  const body = document.querySelector('body');
-  if (! body) {
-    return;
-  }
-
-  if ('item' === getCurrentPage()) {
-    body.classList.remove('shopCustomization');
-    return;
-  }
-
-  body.classList.add('shopCustomization');
-
-  // Remove the 'Cost:' text.
-  const golds = document.querySelectorAll('.itemPurchaseView-action-goldGost');
-  if (golds) {
-    golds.forEach((gold) => {
-      if (gold.textContent.includes('Cost:')) {
-        gold.textContent = gold.textContent.replace('Cost:', '');
-      }
-
-      if (! gold.textContent.length) {
-        // get the the nearest parent element with the class 'itemPurchaseView-container'
-        const container = gold.closest('.itemPurchaseView-container');
-        if (container) {
-          const goldCost = container.getAttribute('data-gold-cost');
-          if (goldCost) {
-            gold.textContent = `${Number.parseInt(goldCost, 10).toLocaleString()} gold`;
-          }
-        }
-      }
-    });
-  }
-
-  // Fix the buy/sell buttons.
-  const buyBtns = document.querySelectorAll('.itemPurchaseView-action-form-button.buy');
-  if (buyBtns) {
-    buyBtns.forEach((btn) => {
-      btn.classList.add('mousehuntActionButton');
-      btn.innerHTML = '<span>Buy</span>';
-    });
-  }
-
-  const sellBtns = document.querySelectorAll('.itemPurchaseView-action-form-button.sell');
-  if (sellBtns) {
-    sellBtns.forEach((btn) => {
-      btn.classList.add('mousehuntActionButton');
-      btn.classList.add('lightBlue');
-      btn.innerHTML = '<span>Sell</span>';
-    });
-  }
-
-  updateInputField();
-
-  const owned = document.querySelectorAll('.itemPurchaseView-action-purchaseHelper-owned');
-  if (owned) {
-    owned.forEach((ownedItem) => {
-      if (ownedItem.getAttribute('data-moved-to-title')) {
-        return;
-      }
-
-      // oops that's not pretty.
-      const container = ownedItem.parentNode.parentNode.parentNode.parentNode.parentNode;
-      const nameEl = container.querySelector('.itemPurchaseView-content-name');
-
-      ownedItem.setAttribute('data-moved-to-title', 'true');
-
-      nameEl.append(ownedItem);
-    });
-  }
-
-  const kingsCart = document.querySelectorAll('.itemPurchaseView-container.kingsCartItem');
-  if (kingsCart) {
-    kingsCart.forEach((cart) => {
-      const input = cart.querySelector('input');
-      if (input) {
-        input.value = '';
-      }
-    });
-  }
-
-  const shopQty = document.querySelectorAll('.itemPurchaseView-action-quantity input');
-  if (! shopQty) {
-    return;
-  }
-
-  shopQty.forEach((qty) => {
-    qty.setAttribute('maxlength', '100');
-  });
-
-  const itemStats = document.querySelectorAll('.itemViewStatBlock');
-  if (itemStats) {
-    itemStats.forEach((stat) => {
-      if (stat.classList.contains('horizontal')) {
-        return;
-      }
-
-      const contentSection = stat.parentNode.parentNode.querySelector('.itemPurchaseView-content-container');
-      if (contentSection) {
-        contentSection.append(stat);
-      }
-    });
-  }
-
-  const itemStatsTitle = document.querySelectorAll('.itemViewStatBlock.horizontal .itemViewStatBlock-stat');
-  if (itemStatsTitle) {
-    itemStatsTitle.forEach((title) => {
-      if (title.classList.contains('title') || title.classList.contains('powerType')) {
-        const imageContainer = title.parentNode.parentNode.parentNode.parentNode.parentNode.querySelector('.itemPurchaseView-image-container');
-        if (imageContainer) {
-          imageContainer.append(title);
-        }
-      }
-    });
-  }
-};
-
-/**
- * Initialize the module.
- */
-const init = () => {
-  const stylesToAdd = [...styles];
-
-  if (getSetting('better-shops.hide-max-owned', false)) {
-    stylesToAdd.push(maxOwnedHide);
-  }
-
-  if (getSetting('better-shops.show-qty-buttons', true)) {
-    stylesToAdd.push(qtyButtonsStyles);
-  }
-
-  addStyles(stylesToAdd, 'better-shops');
-
-  onNavigation(main, {
-    page: 'shops',
-  });
-
-  onRequest('purchases/itempurchase.php', updateInputField);
-};
-
-/**
- * Initialize the module.
- */
-export default {
-  id: 'better-shops',
-  name: 'Better Shops',
-  type: 'better',
-  default: true,
-  description: 'Update the shop layout and appearance, minimize owned items with an inventory limit of 1, and more.',
-  load: init,
-  settings,
-};

package/src/modules/better-shops/modules/hide-max-owned/styles.css

@@ -1,10 +0,0 @@
-.mousehuntHud-page-subTabContent.hasShop.active .itemPurchaseView-container.own_max {
-  display: none !important;
-}
-
-/* limit one items */
-.itemPurchaseView-container.marketplace_buy_regal_stool_collectible.kingsCartItem.cannot_sell.own_max,
-.itemPurchaseView-container.marketplace_sell_regal_display_case_collectible.kingsCartItem.cannot_sell.own_max,
-.itemPurchaseView-container.kings_calibrator_message_item.kingsCartItem.cannot_sell.own_max {
-  display: none !important;
-}

package/src/modules/better-shops/modules/quantity-buttons/index.js

@@ -1,56 +0,0 @@
-import { makeElement, makeMathButtons, makeMhButton } from '@utils';
-
-/**
- * Add quantity buttons to the shop.
- *
- * @param {Element} block  The shop block.
- * @param {Element} input  The input field.
- * @param {number}  maxQty The maximum quantity.
- */
-export default async (block, input, maxQty) => {
-  const existingButtons = block.querySelector('.mh-improved-shop-buy-controls');
-  if (existingButtons) {
-    existingButtons.remove();
-  }
-
-  // if max qty has a comma, remove it
-  maxQty = `${maxQty}`.replaceAll(',', '');
-
-  const buyControls = makeElement('div', ['mh-improved-shop-buy-controls']);
-
-  makeMathButtons([1, 10, 50, 100, 1000], {
-    appendTo: buyControls,
-    input,
-    maxQty,
-    classNames: ['mh-improved-shop-qty', 'tiny', 'lightBlue'],
-  });
-
-  const buyMaxButton = makeMhButton({
-    text: 'Max',
-    size: 'tiny',
-    className: ['mh-improved-shop-buy-max', 'lightBlue'],
-    appendTo: buyControls,
-  });
-
-  let hasMaxed = false;
-  const buyMaxButtonText = buyMaxButton.querySelector('span') || buyMaxButton;
-  buyMaxButton.addEventListener('click', () => {
-    if (hasMaxed) {
-      input.value = 0;
-      buyMaxButtonText.textContent = 'Max';
-    } else {
-      input.value = maxQty;
-      buyMaxButtonText.textContent = 'Reset';
-    }
-
-    hasMaxed = ! hasMaxed;
-  });
-
-  // Find the closest parent element with the class 'itemPurchaseView-action-form' and append the buyControls to it.
-  const form = block.querySelector('.itemPurchaseView-action-form');
-  if (form) {
-    form.append(buyControls);
-  } else {
-    block.append(buyControls);
-  }
-};

package/src/modules/better-shops/modules/quantity-buttons/styles.css

@@ -1,38 +0,0 @@
-.mh-improved-shop-buy-controls {
-  position: absolute;
-  top: 25px;
-  right: 0;
-  left: 0;
-  display: flex;
-  flex: 1 1 100%;
-  flex-flow: row wrap;
-  gap: 5px;
-  align-items: center;
-  justify-content: flex-start;
-  margin-top: 7px;
-  margin-left: 10px;
-}
-
-.itemPurchaseView-action-form.clear-block {
-  position: relative;
-  margin-bottom: 40px;
-}
-
-.mousehuntActionButton.mh-improved-shop-qty {
-  font-family: monospace;
-  font-size: 11px;
-}
-
-.mh-improved-shop-buy-max {
-  min-width: 25px;
-}
-
-.mh-improved-shop-qty,
-.mh-improved-shop-buy-max {
-  user-select: none;
-}
-
-.mousehuntActionButton.mh-improved-shop-buy-max {
-  max-width: 30px;
-  font-size: 11px;
-}

package/src/modules/better-shops/settings/index.js

@@ -1,19 +0,0 @@
-/**
- * Add settings for the module.
- *
- * @return {Array} The settings for the module.
- */
-export default async () => {
-  return [
-    {
-      id: 'better-shops.hide-max-owned',
-      title: 'Hide items when you’ve reached the maximum owned',
-      default: false,
-    },
-    {
-      id: 'better-shop.qty-buttons',
-      title: 'Show quantity buttons',
-      default: true,
-    }
-  ];
-};