mousehunt-improved 0.97.1 → 0.98.0

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

@@ -1,669 +0,0 @@
-import {
-  addStyles,
-  debounce,
-  getData,
-  getSetting,
-  makeElement,
-  makeLink,
-  makeMhButton,
-  onOverlayChange,
-  onRequest,
-  waitForElement
-} from '@utils';
-
-import settings from './settings';
-
-import quickSellStyles from './styles/quick-sell.css';
-import smallImages from './styles/small-images.css';
-import styles from './styles/styles.css';
-import trendNumbers from './styles/trend-numbers.css';
-
-/**
- * Update the quantity buttons.
- *
- * @param {Element} searchInputDOM The search input DOM element.
- */
-const initSearch = (searchInputDOM) => {
-  // add one blank one to the start
-  const blankOpt = document.createElement('option');
-  blankOpt.value = '';
-  blankOpt.text = '';
-  blankOpt.disabled = true;
-  blankOpt.selected = true;
-  blankOpt.hidden = true;
-  searchInputDOM.prepend(blankOpt);
-
-  searchInputDOM = $('.marketplaceView-header-search');
-  searchInputDOM
-    .select2({
-      formatResult: hg.views.MarketplaceView.formatSelect2Result,
-      formatSelection: hg.views.MarketplaceView.formatSelect2Result,
-      dropdownAutoWidth: false,
-      placeholder: 'Search for items…',
-      minimumInputLength: 0,
-      dropdownCssClass: 'marketplaceView-header-search-dropdown',
-      width: 'resolve',
-    })
-    .on('change', () => {
-      if (! searchInputDOM.prop('disabled') && searchInputDOM.val()) {
-        hg.views.MarketplaceView.showItem(
-          searchInputDOM.val(),
-          'view',
-          false,
-          false,
-          true
-        );
-      }
-    });
-};
-
-let originalSelect = null;
-let newSelect = null;
-
-/**
- * Modify the search options.
- *
- * @param {Array} opts The options to modify.
- */
-const modifySearch = async (opts) => {
-  const searchContainer = document.querySelector('.marketplaceView-header-searchContainer');
-  if (! searchContainer) {
-    return;
-  }
-
-  let searchInputDOM = $('.marketplaceView-header-search'); // only place we use jquery because select2 is weird.
-  searchInputDOM.select2('destroy');
-
-  if (originalSelect === null) {
-    // save the original options
-    const originalSelectNode = document.querySelector('.marketplaceView-header-search');
-    originalSelect = originalSelectNode.cloneNode(true);
-    originalSelect.classList.remove('marketplaceView-header-search');
-  }
-
-  const itemsToRemove = await getData('marketplace-hidden-items');
-
-  opts.forEach((opt) => {
-    if (! opt.value || opt.value === '' || (itemsToRemove && itemsToRemove.some((item) => item.id === opt.value || item.name === opt.text))) {
-      opt.remove();
-    }
-  });
-
-  initSearch(searchInputDOM);
-
-  newSelect = document.querySelector('select.marketplaceView-header-search');
-  if (! newSelect) {
-    return;
-  }
-
-  // make a checkbox to toggle the search
-  const toggleSearch = makeElement('input', 'mhui-marketplace-search-toggle');
-  toggleSearch.setAttribute('type', 'checkbox');
-
-  const label = makeElement('label', 'mhui-marketplace-search-toggle');
-  label.setAttribute('for', 'mhui-marketplace-search-toggle');
-
-  label.append(toggleSearch);
-  label.append(document.createTextNode('Search all items'));
-
-  const defaultToAll = getSetting('better-marketplace.search-all');
-  toggleSearch.checked = defaultToAll;
-
-  // if we default to all, then we want to show the original options but still have the new ones available.
-  if (defaultToAll) {
-    newSelect.innerHTML = originalSelect.innerHTML;
-    newSelect.value = originalSelect.value;
-  }
-
-  // toggle the checkbox when the label is clicked
-  label.addEventListener('click', () => {
-    toggleSearch.checked = ! toggleSearch.checked;
-    toggleSearch.dispatchEvent(new Event('change'));
-  });
-
-  toggleSearch.addEventListener('change', () => {
-    // destroy the select2, then add the original options back
-    searchInputDOM = $('.marketplaceView-header-search'); // only place we use jquery because select2 is weird.
-    searchInputDOM.select2('destroy');
-
-    const currentOpts = document.querySelector('.marketplaceView-header-search');
-
-    if (toggleSearch.checked) {
-      currentOpts.innerHTML = originalSelect.innerHTML;
-      currentOpts.value = originalSelect.value;
-    } else {
-      currentOpts.innerHTML = newSelect.innerHTML;
-      currentOpts.value = newSelect.value;
-    }
-
-    initSearch(searchInputDOM);
-  });
-
-  searchContainer.append(label);
-};
-
-/**
- * Wait for the search to be ready before modifying it.
- *
- * @param {number} attempts The number of attempts made.
- */
-const waitForSearchReady = (attempts = 0) => {
-  const opts = document.querySelectorAll('.marketplaceView-header-search option');
-  let timeoutPending = false;
-
-  // if there are no options, try again
-  if (opts.length === 0) {
-    if (attempts < 10) {
-      timeoutPending = setTimeout(() => waitForSearchReady(attempts + 1), 300);
-    }
-    return;
-  }
-
-  // if we have a timeout pending, clear it
-  if (timeoutPending) {
-    clearTimeout(timeoutPending);
-  }
-
-  // wait another 300ms to make sure it's ready
-  setTimeout(modifySearch, 300, opts);
-};
-
-/**
- * Close the claim dialog after a successful claim.
- *
- * @param {Object} resp The response from the claim request.
- */
-const autocloseClaim = (resp) => {
-  if (! (resp && resp.success)) {
-    return;
-  }
-
-  const journalEntry = resp?.journal_markup[0]?.render_data?.css_class;
-  if (! journalEntry || journalEntry === '') {
-    return;
-  }
-
-  if (
-    journalEntry.includes('marketplace_claim_listing') ||
-    journalEntry.includes('marketplace_complete_listing') ||
-    journalEntry.includes('marketplace_cancel_listing')
-  ) {
-    setTimeout(() => hg.views.MarketplaceView.hideDialog(), 0);
-  }
-};
-
-/**
- * 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', `https://api.mouse.rip/mhct-redirect-item/${id}`, true) +
-    makeLink('Wiki', `https://mhwiki.hitgrab.com/wiki/index.php/${encodeURIComponent(name.replaceAll(' ', '_'))}`, true);
-};
-
-let _originalShowItem = null;
-/**
- * Replace the showItem function to add additional functionality.
- */
-const overloadShowItem = () => {
-  if (_originalShowItem) {
-    return;
-  }
-
-  _originalShowItem = hg.views.MarketplaceView.showItem;
-
-  /**
-   * Show the item with additional functionality.
-   *
-   * @param {string}  itemId                     The ID of the item.
-   * @param {string}  action                     The action to take.
-   * @param {number}  defaultQuantity            The default quantity.
-   * @param {number}  defaultUnitPriceWithTariff The default unit price with tariff.
-   * @param {boolean} force                      Whether to force the action.
-   */
-  hg.views.MarketplaceView.showItem = (itemId, action, defaultQuantity, defaultUnitPriceWithTariff, force) => {
-    // allow toggling of buy/sell
-    const actionButton = document.querySelector('.marketplaceView-item-actionType .marketplaceView-listingType');
-    if (actionButton) {
-      actionButton.addEventListener('click', () => {
-        const actionType = actionButton.classList.contains('buy') ? 'sell' : 'buy';
-        _originalShowItem(itemId, actionType, defaultQuantity, defaultUnitPriceWithTariff, force);
-      });
-    }
-
-    _originalShowItem(itemId, action, defaultQuantity, defaultUnitPriceWithTariff, force);
-
-    const actions = document.querySelector('.marketplaceView-item-titleActions');
-    if (! actions) {
-      return;
-    }
-
-    const existing = document.querySelector('.mh-improved-marketplace-item-title-actions');
-    if (existing) {
-      existing.remove();
-    }
-
-    let itemName = document.querySelector('.marketplaceView-item-titleName');
-    itemName = itemName ? itemName.textContent.trim() : '';
-
-    const buttons = makeElement('div', 'mh-improved-marketplace-item-title-actions', getLinkMarkup(itemName, itemId));
-    actions.insertBefore(buttons, actions.firstChild);
-
-    if (getSetting('better-marketplace.quick-sell')) {
-      addQuickSellButton(itemId);
-    }
-  };
-};
-
-/**
- * Wait for the footer to be ready before modifying it.
- *
- * @param {number} attempts The number of attempts made.
- */
-const waitForFooterReady = (attempts = 0) => {
-  const opts = document.querySelectorAll('.marketplaceView-table-listing-quantity');
-  let timeoutPending = false;
-
-  // if there are no options, try again
-  if (! (opts && opts.length > 0)) {
-    if (attempts < 10) {
-      timeoutPending = setTimeout(() => updateQuantityButtons(attempts + 1), 300);
-    }
-    return;
-  }
-
-  // if we have a timeout pending, clear it
-  if (timeoutPending) {
-    clearTimeout(timeoutPending);
-  }
-
-  // wait another 300ms to make sure it's ready
-  setTimeout(() => {
-    opts.forEach((order) => {
-      order.addEventListener('click', () => {
-        let quantity = order.innerHTML;
-
-        // Marketplace tweaks adds content to the element so we need to remove it.
-        const brIndex = quantity.indexOf('<br>');
-        quantity = brIndex === -1 ? quantity.trim() : quantity.slice(0, Math.max(0, brIndex)).trim();
-        quantity = Number.parseInt(quantity.replaceAll(',', ''), 10);
-        if (! quantity || Number.isNaN(quantity)) {
-          return;
-        }
-
-        hg.views.MarketplaceView.setOrderQuantity(quantity);
-      });
-    });
-  }, 300);
-};
-
-/**
- * Add chart images to the categories.
- */
-const addChartToCategories = async () => {
-  const items = document.querySelectorAll('.marketplaceView-table tr');
-  items.forEach((item) => {
-    const itemId = item.getAttribute('data-item-id');
-    if (! itemId) {
-      return;
-    }
-
-    const name = item.querySelector('.marketplaceView-table-name');
-    if (! name) {
-      return;
-    }
-
-    const hasChartImage = item.querySelector('.marketplaceView-table-chartImage');
-    if (hasChartImage) {
-      return;
-    }
-
-    const chartImage = makeElement('img', 'marketplaceView-table-chartImage');
-    chartImage.src = `https://markethunt-chart.mouse.rip/${itemId}-small.png`;
-    name.append(chartImage);
-  });
-};
-
-let _showBrowseCategory = null;
-let _showBrowser = null;
-
-/**
- * Replace the showBrowseCategory function to add additional functionality.
- */
-const replaceShowBrowseCategory = () => {
-  if (_showBrowseCategory) {
-    return;
-  }
-
-  _showBrowseCategory = hg.views.MarketplaceView.showBrowseCategory;
-
-  /**
-   * Show the browse category with additional functionality.
-   *
-   * @param {string} category The category to show.
-   */
-  hg.views.MarketplaceView.showBrowseCategory = (category) => {
-    _showBrowseCategory(category);
-
-    if (getSetting('better-marketplace.show-chart-images')) {
-      addChartToCategories();
-    }
-
-    filterListings();
-  };
-
-  _showBrowser = hg.views.MarketplaceView.showBrowser;
-
-  /**
-   * Show the browser with additional functionality.
-   *
-   * @param {string} category The category to show.
-   */
-  hg.views.MarketplaceView.showBrowser = (category) => {
-    _showBrowser(category);
-
-    if (getSetting('better-marketplace.show-chart-images')) {
-      addChartToCategories();
-    }
-
-    if (getSetting('better-marketplace.filter-listings', true)) {
-      filterListings();
-    }
-  };
-};
-
-const filterListings = async () => {
-  const filterContainer = document.querySelector('.marketplaceView-browse-filterContainer');
-  if (! filterContainer) {
-    return;
-  }
-
-  const existing = document.querySelector('.mhui-marketplace-filter');
-  if (existing) {
-    return;
-  }
-
-  const filter = makeElement('input', 'mhui-marketplace-filter');
-  filter.setAttribute('type', 'text');
-  filter.setAttribute('placeholder', 'Filter listings…');
-
-  filter.addEventListener('input', debounce(() => {
-    const filterValue = filter.value.toLowerCase();
-    const filterItems = document.querySelectorAll('.marketplaceView-table tr');
-    filterItems.forEach((item) => {
-      const itemId = item.getAttribute('data-item-id');
-      if (! itemId) {
-        return;
-      }
-
-      const name = item.querySelector('.marketplaceView-table-name');
-      if (! name) {
-        return;
-      }
-
-      const nameText = name.textContent.replace('SUPER|brie+', 'sb SUPER|brie+').toLowerCase();
-
-      if (nameText.includes(filterValue)) {
-        item.classList.remove('hidden');
-        item.classList.add('filter-visible');
-      } else {
-        item.classList.add('hidden');
-        item.classList.remove('filter-visible');
-      }
-    });
-  }, 300));
-
-  filterContainer.prepend(filter);
-};
-
-let _showMyListings = null;
-
-/**
- * Replace the My Listings function to add additional functionality.
- */
-const replaceShowMyListings = () => {
-  if (_showMyListings) {
-    return;
-  }
-
-  _showMyListings = hg.views.MarketplaceView.showMyListings;
-
-  hg.views.MarketplaceView.showMyListings = (...args) => {
-    _showMyListings(...args);
-
-    addRelistButtonToCancelled();
-  };
-};
-
-const getBestSellPrice = () => {
-  const buyRow = document.querySelector('.marketplaceView-item-quickListings.buy .bestPrice');
-  if (! buyRow) {
-    return 0;
-  }
-
-  const priceEl = buyRow.querySelector('.marketplaceView-table-numeric.marketplaceView-table-listing-unitPrice a');
-  if (! priceEl) {
-    return 0;
-  }
-
-  return priceEl ? Number.parseInt(priceEl.textContent.replaceAll(',', '')) : 0;
-};
-
-const getBestSellQuantity = () => {
-  const buyRow = document.querySelector('.marketplaceView-item-quickListings.buy .bestPrice');
-  if (! buyRow) {
-    return 0;
-  }
-
-  const quantityEl = buyRow.querySelector('.marketplaceView-table-numeric.marketplaceView-table-listing-quantity');
-  if (! quantityEl) {
-    return 0;
-  }
-
-  return quantityEl ? Number.parseInt(quantityEl.textContent.replaceAll(',', '')) : 0;
-};
-
-const addQuickSellButton = async (itemId) => {
-  const actions = document.querySelector('.marketplaceView-item-table .marketplaceView-item-viewActions');
-  if (! actions) {
-    return;
-  }
-
-  const existing = actions.querySelector('.mhui-marketplace-quick-sell');
-  if (existing) {
-    existing.remove();
-  }
-
-  await waitForElement('.marketplaceView-table .bestPrice');
-
-  // if (#infoboxPrice)
-
-  let quantitySelector = '.marketplaceView-item-leftBlock .marketplaceView-item-averagePrice:nth-of-type(3) span';
-  const hasMarkethuntScript = document.querySelector('#chartArea');
-  if (hasMarkethuntScript) {
-    quantitySelector = '.marketplaceView-item-leftBlock .marketplaceView-item-averagePrice:nth-of-type(2) span';
-  }
-
-  const maxQuantityEl = document.querySelector(quantitySelector);
-  if (! maxQuantityEl) {
-    return;
-  }
-
-  if (maxQuantityEl.textContent === '-') {
-    return;
-  }
-
-  const bestSellQuantity = getBestSellQuantity();
-  const bestSellPrice = getBestSellPrice();
-
-  const maxQuantity = Math.min(
-    maxQuantityEl ? Number.parseInt(maxQuantityEl.textContent.replaceAll(',', ''), 10) : 0,
-    bestSellQuantity
-  );
-
-  const quickSellWrapper = makeElement('div', 'mhui-marketplace-quick-sell-wrapper');
-
-  const quickSellInput = makeElement('input', 'mhui-marketplace-quick-sell-quantity');
-  quickSellInput.setAttribute('id', 'mhui-marketplace-quick-sell-quantity');
-  quickSellInput.setAttribute('type', 'number');
-  quickSellInput.setAttribute('min', '1');
-  quickSellInput.setAttribute('max', String(maxQuantity));
-  quickSellInput.setAttribute('value', String(maxQuantity));
-
-  quickSellWrapper.append(quickSellInput);
-
-  makeMhButton({
-    text: 'Quick Sell',
-    className: 'mhui-marketplace-quick-sell',
-    appendTo: quickSellWrapper,
-    callback: async (event) => {
-      const button = event.currentTarget;
-      button.classList.add('disabled');
-
-      const quantity = Math.min(Number.parseInt(quickSellInput.value, 10) || 0, bestSellQuantity);
-      if (quantity <= 0) {
-        return;
-      }
-
-      const price = getBestSellPrice();
-      if (price <= 0) {
-        return;
-      }
-
-      hg.utils.Marketplace.createListing(itemId, price, quantity, 'sell',
-        (data) => {
-          hg.views.MarketplaceView.showMyListings(data.marketplace_new_listing.listing_id);
-        },
-        (err) => {
-          console.log('Error quick selling item', err); // eslint-disable-line no-console
-        }
-      );
-
-      button.classList.remove('disabled');
-    },
-  });
-
-  const infoRow = makeElement('div', 'mhui-marketplace-quick-sell-info');
-  infoRow.textContent = `${maxQuantity.toLocaleString()} at ${bestSellPrice.toLocaleString()} gold, ${(bestSellPrice * maxQuantity).toLocaleString()} total`;
-  quickSellWrapper.append(infoRow);
-
-  quickSellInput.addEventListener('input', () => {
-    const quantity = Math.min(Number.parseInt(quickSellInput.value, 10) || 0, bestSellQuantity);
-
-    infoRow.textContent = `${quantity.toLocaleString()} at ${bestSellPrice.toLocaleString()} gold, ${(bestSellPrice * quantity).toLocaleString()} total`;
-  });
-
-  actions.append(quickSellWrapper);
-};
-
-const addRelistButtonToCancelled = async () => {
-  const listings = document.querySelectorAll('.marketplaceView-table tr');
-  if (! listings || listings.length === 0) {
-    return;
-  }
-
-  listings.forEach((listing) => {
-    const listingId = listing.getAttribute('data-listing-id');
-    if (! listingId) {
-      return;
-    }
-
-    const listingData = marketplaceData?.marketplace_my_listings?.find((listingListingData) => listingListingData.listing_id == listingId); // eslint-disable-line eqeqeq
-    if (! listingData) {
-      return;
-    }
-
-    // Bail if the listing is active.
-    if (listingData.is_active) {
-      return;
-    }
-
-    // add a relist button
-    const actions = listing.querySelector('.marketplaceView-table-actions');
-    if (! actions) {
-      return;
-    }
-
-    const existing = listing.querySelector('.mhui-marketplace-relist');
-    if (existing) {
-      return;
-    }
-
-    actions.classList.add('mhui-marketplace-relist-actions');
-
-    makeMhButton({
-      text: 'Relist',
-      className: 'mhui-marketplace-relist',
-      size: 'small',
-      callback: () => {
-        hg.utils.Marketplace.createListing(
-          listingData.item_id,
-          listingData.unit_price,
-          listingData.remaining_quantity,
-          listingData.listing_type,
-          () => {
-            hg.views.MarketplaceView.showMyListings();
-          },
-          (err) => {
-            console.log('Error creating listing', err); // eslint-disable-line no-console
-          }
-        );
-      },
-      appendTo: actions,
-    });
-  });
-};
-
-let marketplaceData;
-
-/**
- * Initialize the module.
- */
-const init = () => {
-  addStyles([
-    styles,
-    getSetting('better-marketplace.small-images') ? smallImages : '',
-    getSetting('better-marketplace.trend-numbers', true) ? trendNumbers : '',
-    getSetting('better-marketplace.quick-sell') ? quickSellStyles : '',
-  ], 'better-marketplace');
-
-  onOverlayChange({
-    marketplace: {
-      /**
-       * Run when the marketplace is shown.
-       */
-      show: () => {
-        waitForSearchReady();
-        overloadShowItem();
-
-        replaceShowBrowseCategory();
-        replaceShowMyListings();
-      },
-    },
-  });
-
-  onRequest('users/marketplace.php', (resp, data) => {
-    if ('marketplace_info' === data.action) {
-      marketplaceData = resp;
-    }
-  });
-  onRequest('users/marketplace.php', autocloseClaim);
-  onRequest('users/marketplace.php', waitForFooterReady, true);
-};
-
-/**
- * Initialize the module.
- */
-export default {
-  id: 'better-marketplace',
-  name: 'Better Marketplace',
-  type: 'better',
-  default: true,
-  description: 'Update the styles, and add small features like toggling between "Buying" and "Selling" by clicking the text.',
-  load: init,
-  settings,
-};

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

@@ -1,29 +0,0 @@
-/**
- * Add settings for the module.
- *
- * @return {Array} The settings for the module.
- */
-export default async () => {
-  return [
-    {
-      id: 'better-marketplace.search-all',
-      title: 'Default to showing all items in search',
-      default: false,
-    },
-    {
-      id: 'better-marketplace.small-images',
-      title: 'Smaller images',
-      default: false,
-    },
-    {
-      id: 'better-marketplace.filter-listings',
-      title: 'Add filter to listings',
-      default: true,
-    },
-    {
-      id: 'better-marketplace.trend-numbers',
-      title: 'Show price change percentages next to trend icons',
-      default: true,
-    }
-  ];
-};