mousehunt-improved 0.97.1 → 0.98.1

package/src/modules/ultimate-checkmark/settings/index.js

@@ -1,40 +0,0 @@
-import { getData, getSetting } from '@utils';
-
-/**
- * Add settings for the module.
- *
- * @return {Array} The settings for the module.
- */
-export default async () => {
-  const options = [];
-
-  const categories = await getData('ultimate-checkmark');
-
-  // sort the categories by name
-  categories.sort((a, b) => {
-    if (a.name < b.name) {
-      return -1;
-    }
-
-    return 1;
-  });
-
-  categories.forEach((category) => {
-    options.push({
-      id: category.id,
-      name: category.name,
-      value: getSetting(`ultimate-checkmark.show-${category.id}`, true),
-    });
-  });
-
-  return [{
-    id: 'ultimate-checkmark.show',
-    title: 'Ultimate Checkmark',
-    default: [],
-    description: 'Add more items to collect on your Hunter profile.',
-    settings: {
-      type: 'multi-toggle',
-      options,
-    }
-  }];
-};

package/src/modules/ultimate-checkmark/styles.css

@@ -1,12 +0,0 @@
-.hunterProfileItemsView-categoryContent[data-category="codex"] .hunterProfileItemsView-categoryContent-item.uncollected,
-.hunterProfileItemsView-categoryContent[data-category="chest"] .hunterProfileItemsView-categoryContent-item.uncollected,
-.hunterProfileItemsView-categoryContent[data-category="airships"] .hunterProfileItemsView-categoryContent-item.uncollected,
-.hunterProfileItemsView-categoryContent[data-category="currency"] .hunterProfileItemsView-categoryContent-item.uncollected,
-.hunterProfileItemsView-categoryContent[data-category="equipment"] .hunterProfileItemsView-categoryContent-item.uncollected,
-.hunterProfileItemsView-categoryContent[data-category="plankrun"] .hunterProfileItemsView-categoryContent-item.uncollected {
-  filter: grayscale(100%);
-}
-
-.hunterProfileItemsView-categoryContent[data-category="chest"] .hunterProfileItemsView-categoryContent-item-padding .itemImage {
-  background-size: contain;
-}

package/src/modules/unique-loot-count/index.js

@@ -1,59 +0,0 @@
-import { addStyles, makeElement, onDialogShow, setMultipleTimeout } from '@utils';
-
-import styles from './styles.css';
-
-/**
- * Update the section with the unique loot count.
- *
- * @param {string} selector The selector for the section.
- */
-const updateSection = async (selector) => {
-  const section = document.querySelectorAll(`#overlayPopup.hunting_summary .${selector}`);
-  if (! section) {
-    return;
-  }
-
-  section.forEach((sec) => {
-    const existing = sec.querySelector('.uniqueLootCount');
-    if (existing) {
-      return;
-    }
-
-    const loots = sec.querySelectorAll('a');
-    const count = makeElement('span', 'uniqueLootCount', `(${loots.length} unique)`);
-
-    const header = sec.querySelector('.label');
-    header.append(count);
-  });
-};
-
-/**
- * Add the unique loot count to the sections.
- */
-const addUniqueLootCount = async () => {
-  const sections = [
-    'environmentContainer',
-    'baitContainer',
-    'lootContainer',
-  ];
-
-  sections.forEach((section) => updateSection(section));
-};
-
-/**
- * Initialize the module.
- */
-const init = async () => {
-  addStyles(styles, 'unique-loot-count');
-
-  onDialogShow('hunting_summary', () => setMultipleTimeout(addUniqueLootCount, 500, 1000, 3000));
-};
-
-export default {
-  id: 'unique-loot-count',
-  name: 'Unique Loot Count',
-  type: 'feature',
-  default: true,
-  description: 'Show the number of unique loot items in the progress log.',
-  load: init,
-};

package/src/modules/unique-loot-count/styles.css

@@ -1,3 +0,0 @@
-.uniqueLootCount {
-  margin-left: 5px;
-}

package/src/modules/update-notifications/index.js

@@ -1,95 +0,0 @@
-import { addStyles, createPopup, onEvent } from '@utils';
-
-import styles from './styles.css';
-
-import updateSummary from '@data/update-summary.json';
-
-/**
- * Make the markup for the update summary for the modules.
- *
- * @param {Array}  modules         The module details.
- * @param {string} modules[].title The title of the module.
- * @param {Array}  modules[].items The items of the module.
- *
- * @return {string} The markup.
- */
-const makeDetailsList = (modules) => {
-  return modules.map((module) =>
-    `<div class="update-list-section">
-      ${module.title ? `<h2>${module.title}</h2>` : ''}
-      <ul>
-        ${module.items.map((item) => `<li>${item}</li>`).join('')}
-      </ul>
-    </div>`
-  ).join('');
-};
-
-/**
- * Show the update summary popup.
- *
- * @param {string}  from  The version we're updating from.
- * @param {boolean} force Whether to force the popup to show.
- */
-const showUpdateSummary = async (from = '0.0.0', force = false) => {
-  const isMinor = from.split('.').slice(0, 2).join('.') === mhImprovedVersion.split('.').slice(0, 2).join('.');
-  const missingSummaryOrDetails = ! (updateSummary.summary.length || updateSummary.details.length);
-  if ((isMinor || missingSummaryOrDetails) && ! force) {
-    return;
-  }
-
-  const markup = `<div class="mh-improved-update-summary-wrapper">
-	  <h1 class="mh-improved-update-summary-title">MouseHunt Improved v${mhImprovedVersion}</h1>
-    <p class="mh-improved-update-summary-content">${updateSummary.summary}</p>
-    <div class="mh-improved-update-summary-lists">${updateSummary.details.length ? makeDetailsList(updateSummary.details) : '<p><a href="https://github.com/MHCommunity/mousehunt-improved/releases" target="_blank" rel="noopener noreferrer">Check out the latest release notes</a> for more information.</p>'}</div>
-    <div class="mh-improved-update-summary-buttons">
-      <a href="#" id="mh-improved-dismiss-popup" class="button">Continue</a>
-    </div>
-  </div>`;
-
-  // Initiate the popup.
-  const popup = createPopup({
-    hasCloseButton: false,
-    template: 'ajax',
-    content: markup,
-    show: false,
-    className: 'mh-improved-update-summary',
-  });
-
-  // Set more of our tokens.
-  popup.addToken('{*prefix*}', '');
-  popup.addToken('{*suffix*}', '');
-
-  // If we want to show the popup, show it.
-  popup.show();
-
-  const dismiss = document.querySelector('#mh-improved-dismiss-popup');
-  if (! dismiss) {
-    return;
-  }
-
-  dismiss.addEventListener('click', (e) => {
-    e.preventDefault();
-    popup.hide();
-  });
-};
-
-/**
- * Initialize the module.
- */
-const init = async () => {
-  addStyles(styles, 'update-notifications');
-
-  onEvent('mh-improved-updated', showUpdateSummary);
-  onEvent('mh-improved-update-summary', () => showUpdateSummary('0.0.0', true));
-};
-
-/**
- * Initialize the module.
- */
-export default {
-  id: 'update-notifications',
-  type: 'required',
-  alwaysLoad: true,
-  order: 200,
-  load: init,
-};

package/src/modules/update-notifications/styles.css

@@ -1,181 +0,0 @@
-.mhui-update-banner {
-  position: absolute;
-  top: 10px;
-  z-index: 11;
-  width: 352px;
-  padding: 10px;
-  margin: 10px 3px;
-  background: linear-gradient(320deg, #e1fae9 0%, #b0f5c6 100%);
-  background-color: #e1fae9;
-  border: 1px solid #6e7d73;
-  border-radius: 5px;
-  box-shadow:
-    1px 0 3px -1px #3d3d3d,
-    0 2px 5px 1px #111;
-}
-
-.mhui-update-banner-text {
-  margin: 10px 0 20px;
-  font-size: 16px;
-  text-align: center;
-}
-
-.mhui-update-banner-buttons {
-  display: flex;
-  flex: 1;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-evenly;
-}
-
-a.mhui-update-banner-button {
-  border: 1px solid #000;
-}
-
-.banner-fade {
-  opacity: 1;
-  transition: opacity 0.3s ease-in-out;
-}
-
-.banner-fade-out {
-  opacity: 0;
-}
-
-#overlayPopup.mh-improved-update-summary {
-  margin-top: 30px;
-}
-
-#overlayPopup.mh-improved-update-summary .jsDialog.top,
-#overlayPopup.mh-improved-update-summary .jsDialog.bottom,
-#overlayPopup.mh-improved-update-summary .jsDialog.background,
-#overlayPopup.mh-improved-update-summary .jsDialogContainer .prefix,
-#overlayPopup.mh-improved-update-summary .jsDialogContainer .content,
-#overlayPopup.mh-improved-update-summary .jsDialogContainer .suffix {
-  padding: 0;
-  margin: 0;
-  background: none;
-  border: none;
-}
-
-#overlayPopup.mh-improved-update-summary .jsDialog.top,
-#overlayPopup.mh-improved-update-summary .jsDialog.bottom {
-  pointer-events: none;
-}
-
-#overlayPopup.mh-improved-update-summary .jsDialogContainer {
-  padding: 0 20px;
-  background-image: url(https://www.mousehuntgame.com/images/ui/newsposts/np_border.png);
-  background-repeat: repeat-y;
-  background-size: 100%;
-}
-
-#overlayPopup.mh-improved-update-summary .jsDialogContainer::before {
-  position: absolute;
-  top: -80px;
-  right: 0;
-  left: 0;
-  z-index: -1;
-  height: 100px;
-  content: "";
-  background-image: url(https://www.mousehuntgame.com/images/ui/newsposts/np_header.png);
-  background-repeat: no-repeat;
-  background-size: 100%;
-}
-
-#overlayPopup.mh-improved-update-summary .jsDialogContainer::after {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  left: 0;
-  height: 126px;
-  content: "";
-  background-image: url(https://www.mousehuntgame.com/images/ui/newsposts/np_footer.png);
-  background-repeat: no-repeat;
-  background-size: 100%;
-}
-
-.mh-improved-update-summary-wrapper {
-  margin: 0 25px;
-  line-height: 1.5;
-}
-
-.mh-improved-update-summary-body {
-  display: grid;
-  grid-template-columns: 2fr 1fr;
-  gap: 30px;
-}
-
-.mh-improved-update-summary h1 {
-  padding-bottom: 5px;
-  margin-top: -40px;
-  font-size: 1.75em;
-  font-weight: 700;
-  color: #693312;
-  text-align: center;
-  text-decoration: underline;
-  text-decoration-thickness: 1px;
-  text-decoration-color: #c1915a;
-  text-underline-offset: 10px;
-}
-
-.mh-improved-update-summary h2 {
-  padding-bottom: 3px;
-  margin-bottom: 3px;
-  font-size: 1.25em;
-  font-weight: 900;
-  border-bottom: 1px solid #c1915a;
-}
-
-.mh-improved-update-summary-links {
-  display: flex;
-  flex-direction: column;
-}
-
-.mh-improved-update-summary ul {
-  margin: 0 0 5px 25px;
-  list-style: disc;
-}
-
-.mh-improved-update-summary-buttons {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.mh-improved-update-summary-links ul {
-  font-size: 1.125em;
-  line-height: 2;
-}
-
-.mh-improved-update-summary-misc {
-  margin-bottom: 5px;
-}
-
-.mh-improved-update-summary-content p,
-p.mh-improved-update-summary-content {
-  font-size: 12px;
-}
-
-.mh-improved-update-summary-lists {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 0 10px;
-  justify-items: stretch;
-  max-height: 55vh;
-  padding: 10px;
-  margin-bottom: 20px;
-  overflow: auto;
-  background:
-    linear-gradient(#e9d5a2 30%, rgb(0 0 0 / 0%)) center top,
-    linear-gradient(rgb(0 0 0 / 0%), #e9d5a2 70%) center bottom,
-    radial-gradient(farthest-side at 50% 0, rgb(0 0 0 / 40%), rgb(0 0 0 / 0%)) center top,
-    radial-gradient(farthest-side at 50% 100%, rgb(0 0 0 / 40%), rgb(0 0 0 / 0%)) center bottom;
-  background-repeat: no-repeat;
-  background-attachment: local, local, scroll, scroll;
-  background-size:
-    100% 50px,
-    100% 50px,
-    100% 15px,
-    100% 15px;
-  border: 1px solid #b07842;
-}

package/src/modules/user-highlighting/index.js

@@ -1,130 +0,0 @@
-import {
-  addStyles,
-  debug,
-  makeElement,
-  onNavigation,
-  sessionGet,
-  sessionSet
-} from '@utils';
-
-import profileStyles from './profile.css';
-import styles from './styles.css';
-
-/**
- * Get the user highlighting shield.
- *
- * @param {string} type The type of user highlighting.
- *
- * @return {HTMLElement} The user highlighting shield.
- */
-const getUserHighlightingShield = (type) => {
-  let text = '';
-  switch (type) {
-  case 'developer':
-    text = 'MH Improved Developer';
-    break;
-  case 'contributor':
-    text = 'MH Improved Contributor';
-    break;
-  case 'supporter':
-    text = 'MH Improved Supporter';
-    break;
-  }
-
-  const wrapper = makeElement('div', ['blackTooltip', 'mh-improved-user-shield']);
-  makeElement('div', 'hunterInfoView-verifiedUserImage', null, wrapper);
-  makeElement('span', 'blackTooltiptext hunterInfoView-verifiedUser', text, wrapper);
-
-  return wrapper;
-};
-
-/**
- * Highlight users on the profile page.
- */
-const highlightUsers = async () => {
-  const existing = document.querySelectorAll('.mh-improved-user-shield');
-  if (existing) {
-    existing.forEach((el) => {
-      el.remove();
-    });
-  }
-
-  const id = document.querySelector('.hunterInfoView-hunterId-idText span');
-  if (! id) {
-    return;
-  }
-
-  const profilePage = document.querySelector('#mousehuntContainer.PageHunterProfile');
-  if (! profilePage) {
-    return;
-  }
-
-  const idHeader = document.querySelector('.hunterInfoView-idCardBlock-secondaryHeader');
-  if (! idHeader) {
-    return;
-  }
-
-  const userId = Number.parseInt(id.textContent, 10);
-  if (Number.isNaN(userId)) {
-    return;
-  }
-
-  // query api.mouse.rip/highlight-user/:id to get the user highlighting data
-
-  let data = sessionGet(`mh-improved-user-highlighting-${userId}`);
-  if (! data) {
-    try {
-      const userHighlighting = await fetch(`https://api.mouse.rip/highlight-user/${userId}`);
-      if (! userHighlighting.ok) {
-        throw new Error(`Unexpected user highlighting response: ${userHighlighting.status}`);
-      }
-
-      data = await userHighlighting.json();
-
-      debug(`Retrieved user highlighting data for ${userId}`, data);
-
-      sessionSet(`mh-improved-user-highlighting-${userId}`, data);
-    } catch (error) {
-      console.error('Error fetching user highlighting data', error); // eslint-disable-line no-console
-      return;
-    }
-  }
-
-  if (! data || ! data?.highlighted) {
-    return;
-  }
-
-  const type = data.type;
-  if (! ['developer', 'contributor', 'supporter'].includes(type)) {
-    return;
-  }
-
-  profilePage.classList.add('mh-improved-highlight-user', `mh-improved-${type}`);
-  idHeader.append(getUserHighlightingShield(type));
-
-  // brad gets some real fancy profile styling.
-  if (8209591 === userId) {
-    profilePage.classList.add('mh-improved-highlight-user', 'mh-improved-fancy-profile');
-  }
-};
-
-/**
- * Initialize the module.
- */
-const init = async () => {
-  addStyles([styles, profileStyles], 'highlight-users');
-
-  onNavigation(highlightUsers, {
-    page: 'hunterprofile',
-  });
-};
-
-/**
- * Initialize the module.
- */
-export default {
-  id: 'highlight-users',
-  type: 'required',
-  alwaysLoad: true,
-  load: init,
-};