mousehunt-improved 0.97.1

package/src/modules/better-journal/modules/journal-history/index.js

@@ -0,0 +1,396 @@
+import {
+  addEvent,
+  addStyles,
+  dbGet,
+  dbGetAll,
+  dbGetCount,
+  dbSet,
+  doEvent,
+  getCurrentPage,
+  getData,
+  makeElement,
+  makeMhButton,
+  onJournalEntry,
+  onNavigation,
+  onRequest
+} from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Make the markup for the journal entries.
+ *
+ * @param {Array} entries The journal entries.
+ *
+ * @return {string} The markup.
+ */
+const makeEntriesMarkup = (entries) => {
+  return entries.map((entry) => {
+    if (entry.data) {
+      entry = entry.data;
+    }
+
+    entry = {
+      id: entry?.id || 0,
+      timestamp: entry?.timestamp || 0,
+      date: entry?.date || '0:00',
+      location: entry?.location || '',
+      text: entry?.text || '',
+      type: entry?.type || [],
+      image: entry?.image || '',
+    };
+
+    if (
+      (
+        entry.type.includes('catchsuccess') ||
+        entry.type.includes('catchsuccessloot') ||
+        entry.type.includes('bonuscatchsuccess') ||
+        entry.type.includes('luckycatchsuccess') ||
+        entry.type.includes('bonuscatchsuccess')
+      ) && ! entry.mouse
+    ) {
+      // get the mouse type by parsing the link for hg.views.MouseView.show
+      const mouseLink = entry.text.match(/hg\.views\.MouseView\.show\('([^']+)'\)/);
+      if (mouseLink && mouseLink[1]) {
+        entry.mouse = mouseLink[1];
+      }
+    }
+
+    let html = `<div class="${entry.type.filter((cls) => ! ['newEntry', 'animate'].includes(cls)).join(' ')}" data-entry-id="${entry.id}" data-mouse-type="${entry.mouse || ''}">`;
+    if (entry.mouse && miceThumbs.length) {
+      const mouseImages = miceThumbsMap ? miceThumbsMap.get(entry.mouse) : miceThumbs.find((mouse) => mouse.type === entry.mouse);
+      if (mouseImages) {
+        html += `<div class="journalimage"><a onclick="hg.views.MouseView.show('${entry.mouse}'); return false;"><img src="${mouseImages.thumb}" alt="${mouseImages.name}" title="${mouseImages.name}" /></a></div>`;
+      }
+    }
+
+    if (entry.image && ! entry.mouse) {
+      html += `<div class="journalimage">${entry.image}</div>`;
+    }
+
+    let timestamp = '';
+    if (entry.timestamp) {
+      timestamp = new Date(entry.timestamp).toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+    }
+
+    html += `<div class="journalbody">
+        <div class="journalactions"></div>
+        <div class="journalenvdate">
+          <div class="journaldate">${entry.date} - </div>
+          <div class="journalenvironment">${entry.location}</div>
+          <span class="history-timestamp">${timestamp}</span>
+        </div>
+        <div class="journaltext">${entry.text}</div>
+      </div>
+    </div>`;
+
+    return html;
+  }).join('');
+};
+
+/**
+ * Handle actions for a journal page.
+ *
+ * @param {number} page  The page number to handle.
+ * @param {Event}  event The event that triggered the function, if any.
+ */
+const doPageStuff = async (page, event = null) => {
+  if (page <= 6 || page > totalPages) {
+    return;
+  }
+
+  if (event) {
+    event.preventDefault();
+    event.stopPropagation();
+  }
+
+  if (! journalEntries.length) {
+    await getAllEntries();
+  }
+
+  const journalEntriesForPage = journalEntries.slice((page - 1) * 12, page * 12);
+  const journalEntryContainer = document.querySelector('#journalContainer .journalEntries');
+  if (! journalEntriesForPage.length || ! journalEntryContainer) {
+    return;
+  }
+
+  journalEntryContainer.append(makeElement('div', 'journal-history-entries', makeEntriesMarkup(journalEntriesForPage)));
+
+  doEvent('journal-history-entry-added', journalEntryContainer);
+};
+
+/**
+ * Retrieve all journal entries from the database.
+ *
+ * @return {Promise<Array>} Journal entries.
+ */
+const getAllEntries = async () => {
+  if (! journalEntries.length) {
+    journalEntries = await dbGetAll('journal');
+  }
+
+  if (! journalEntries.length) {
+    return [];
+  }
+
+  // sort the entries by id, with the newest first. if timestamp exists, sort those first.
+  journalEntries = journalEntries.sort((a, b) => {
+    if (a.timestamp && b.timestamp) {
+      return b.timestamp - a.timestamp;
+    }
+
+    if (a.id && b.id) {
+      return b.id - a.id;
+    }
+
+    return 0;
+  });
+
+  return journalEntries;
+};
+
+let lastDate = '';
+
+/**
+ * Save a journal entry to the database.
+ *
+ * @param {HTMLElement} entry The journal entry element to save.
+ */
+const saveToDatabase = async (entry) => {
+  if (! entry || ! entry.classList) {
+    return;
+  }
+
+  if ('camp' !== getCurrentPage() && 'journal' !== getCurrentPage()) {
+    return;
+  }
+
+  const entryId = Number.parseInt(entry.getAttribute('data-entry-id'), 10);
+  if (! entryId) {
+    return;
+  }
+
+  const entryText = entry.querySelector('.journalbody .journaltext');
+  if (! entryText) {
+    return;
+  }
+
+  const original = await dbGet('journal', entryId);
+
+  if (original && original.data?.text) {
+    return;
+  }
+
+  const dateEl = entry.querySelector('.journaldate');
+
+  let date = dateEl ? dateEl.innerText : lastDate;
+  lastDate = date;
+
+  date = date.split('-');
+
+  const location = entry.querySelector('.journalenvironment');
+
+  const entryImage = entry.querySelector('.journalimage');
+
+  const journalData = {
+    id: entryId,
+    timestamp: Date.now(),
+    date: date[0] ? date[0].trim() : '0:00',
+    location: location ? location.innerText : '',
+    text: entryText.innerHTML,
+    type: [...entry.classList].filter((cls) => ! ['newEntry', 'animate'].includes(cls)),
+    mouse: entry.getAttribute('data-mouse-type') || null,
+    image: entryImage ? entryImage.innerHTML : null,
+  };
+
+  await dbSet('journal', journalData);
+};
+
+const addPageSelector = () => {
+  const current = document.querySelector('.pagerView-section.current');
+  if (! current) {
+    return;
+  }
+
+  // if it has the page selector class, it's already been added
+  if (current.classList.contains('page-selector')) {
+    return;
+  }
+
+  current.classList.add('page-selector');
+
+  let isShowing = false;
+  current.addEventListener('click', (event) => {
+    if (isShowing) {
+      if (event.target.classList.contains('page-selector')) {
+        const pageSelector = document.querySelector('.journal-history-page-selector');
+        if (pageSelector) {
+          pageSelector.remove();
+        }
+      }
+
+      return;
+    }
+
+    isShowing = true;
+
+    const target = event.target;
+    const pageSelector = makeElement('div', 'journal-history-page-selector');
+    const pageInputLabel = makeElement('label', 'page-input-label', 'Go to page:');
+    pageInputLabel.htmlFor = 'page-input';
+    pageSelector.append(pageInputLabel);
+
+    const pageInput = makeElement('input', 'page-input');
+    pageInput.type = 'number';
+    pageInput.min = 1;
+    pageInput.max = totalPages;
+
+    /**
+     * Show the selected page.
+     */
+    const showPage = () => {
+      // Refresh the pager.
+      getPager();
+
+      pager.showPage(Number.parseInt(pageInput.value, 10));
+
+      setTimeout(() => {
+        pageSelector.remove();
+        isShowing = false;
+      }, 500);
+    };
+
+    pageInput.addEventListener('keydown', (evt) => {
+      if (13 === evt.key) {
+        showPage();
+      }
+    });
+
+    const pageSubmit = makeMhButton({
+      text: 'Go',
+      className: 'page-submit',
+      callback: showPage,
+      appendTo: pageSelector,
+    });
+
+    pageSelector.append(pageInput, pageSubmit);
+    target.append(pageSelector);
+
+    pageInput.focus();
+  });
+};
+
+const getPager = () => {
+  const journalPageLink = document.querySelector('.pagerView-nextPageLink.pagerView-link');
+  if (! journalPageLink) {
+    return;
+  }
+
+  pager = hg.views.JournalView.getPager(journalPageLink);
+
+  return pager;
+};
+
+/**
+ * Handle the journal history.
+ */
+const doJournalHistory = async () => {
+  if (! ('camp' === getCurrentPage() || 'journal' === getCurrentPage())) {
+    return;
+  }
+
+  const perPage = ('journal' === getCurrentPage()) ? 24 : 12;
+  const defaultPages = ('journal' === getCurrentPage()) ? 3 : 6;
+
+  if (! pager) {
+    getPager();
+  }
+
+  if (! pager || ! pager.getTotalItems()) {
+    return;
+  }
+
+  journalEntries = journalEntries.length || (await dbGetCount('journal'));
+
+  totalPages = Math.ceil(journalEntries / perPage);
+  totalPages = totalPages <= defaultPages ? defaultPages : totalPages;
+  if (totalPages < 6) {
+    return;
+  }
+
+  addPageSelector();
+
+  if (! pager || ! pager.setTotalItems) {
+    return;
+  }
+
+  pager.setTotalItems(totalPages * perPage);
+  pager.enable();
+  pager.render();
+};
+
+/**
+ * Wrapper for doPageStuff to use with events.
+ */
+const doJournalHistoryRequest = async () => {
+  doJournalHistory();
+
+  if (! pager) {
+    doJournalHistory();
+  }
+
+  if (! pager) {
+    return;
+  }
+
+  if (pager.getCurrentPage() > 6) {
+    await doPageStuff(pager.getCurrentPage());
+  }
+};
+
+/**
+ * Delay the journal history handling.
+ */
+const doDelayedJournalHistory = () => {
+  setTimeout(doJournalHistory, 500);
+  setTimeout(doJournalHistory, 1000);
+};
+
+/**
+ * Conditionally handle the journal history based on the current page.
+ */
+const maybeDoJournalHistory = () => {
+  pager = null;
+
+  if ('camp' === getCurrentPage() || 'journal' === getCurrentPage()) {
+    doDelayedJournalHistory();
+    addEvent('ajax_response', doDelayedJournalHistory, { removeAfterFire: true });
+  }
+};
+
+let pager;
+let journalEntries = [];
+let totalPages = 0;
+let miceThumbs = [];
+let miceThumbsMap;
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addStyles(styles, 'better-journal-journal-history');
+
+  miceThumbs = await getData('mice-thumbnails');
+  if (Array.isArray(miceThumbs) && miceThumbs.length) {
+    miceThumbsMap = new Map(miceThumbs.map((mouse) => [mouse.type, mouse]));
+  }
+
+  doDelayedJournalHistory();
+  onRequest('pages/journal.php', doJournalHistoryRequest);
+  onNavigation(maybeDoJournalHistory);
+
+  onJournalEntry(saveToDatabase, {
+    id: 'better-journal-journal-history-save',
+    weight: 10,
+  });
+};

package/src/modules/better-journal/modules/journal-history/styles.css

@@ -0,0 +1,36 @@
+.journal .content .entry .journalbody .journaldate {
+  display: flex;
+  justify-content: space-between;
+}
+
+.history-timestamp {
+  flex: 1;
+  text-align: right;
+}
+
+.journal-history-page-selector {
+  position: absolute;
+  top: 30px;
+  right: -50px;
+  display: flex;
+  gap: 5px;
+  align-items: center;
+  padding: 5px 10px;
+  background-color: #eee;
+  border: 1px solid #5b5b5b;
+  border-radius: 0 0 10px 10px;
+}
+
+.pagerView-section.current.page-selector {
+  position: relative;
+}
+
+.journal-history-page-selector .page-input {
+  width: 40px;
+  text-align: center;
+  border: 1px solid #5b5b5b;
+}
+
+.history-timestamp::after {
+  display: none;
+}

package/src/modules/better-journal/modules/journal-icons/index.js

@@ -0,0 +1,17 @@
+import { addExternalStyles, addStyles } from '@utils';
+
+import minimalStyles from '../journal-icons-minimal/styles.css';
+import styles from './styles.css';
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  const existing = document.querySelector('#better-journal-icons');
+  if (existing) {
+    return;
+  }
+
+  addExternalStyles('journal-icons.css');
+  addStyles([styles, minimalStyles], 'better-journal-icons');
+};

package/src/modules/better-journal/modules/journal-icons/styles.css

@@ -0,0 +1,58 @@
+.entry.short.misc.custom.refine_pollutinum .journaltext a::before {
+  display: none;
+}
+
+.entry.short.misc.custom.refine_pollutinum .journaltext a {
+  padding: 0;
+}
+
+/* stylelint-disable prettier/prettier */
+.spring_hunt_charge_trinket_effect .journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=chocolatium_stat_item"]::before,
+.spring_hunt_relic_hunter_egg_drop .journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=relic_hunter_egg_convertible"]::before {
+  display: none;
+}
+
+.spring_hunt_charge_trinket_effect .journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=chocolatium_stat_item"],
+.spring_hunt_relic_hunter_egg_drop .journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=relic_hunter_egg_convertible"] {
+  padding-left: unset;
+}
+
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=fulminas_gift_convertible"] {
+  padding-left: 22px;
+}
+
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=amber_queso_stat_item"] {
+  position: relative;
+  padding-left: 15px;
+}
+
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=2014_throwable_snowball_stat_item"]::before {
+  top: -1px;
+  left: -1px;
+}
+
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=map_clue_stat_item"]::before {
+  left: 1px;
+}
+
+.journaltext a[href*="https://www.mousehuntgame.com/item.php?item_type=poetic_plank_stat_item"]::before,
+.journaltext a[href*="https://www.mousehuntgame.com/item.php?item_type=cauldron_potion_ingredient_stat_item"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=amber_queso_stat_item"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=fulminas_gift_convertible"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=storm_egg_convertible"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=prize_credit_stat_item"]::before {
+  left: 0;
+}
+
+.journaltext a[href*="https://www.mousehuntgame.com/item.php?item_type=recycled_essence_crafting_item"]::before,
+.journaltext a[href*="https://www.mousehuntgame.com/item.php?item_type=extra_coarse_salt_crafting_item"]::before,
+.journaltext a[href*="https://www.mousehuntgame.com/item.php?item_type=essence_a_crafting_item"]::before,
+.journaltext a[href*="https://www.mousehuntgame.com/item.php?item_type=spooky_trinket"]::before,
+.journaltext a[href*="https://www.mousehuntgame.com/item.php?item_type=dreaded_trinket"]::before,
+.journaltext a[href*="https://www.mousehuntgame.com/item.php?item_type=cackle_trinket"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=printing_press_charge_stat_item"]::before,
+.journaltext a[href*="https://www.mousehuntgame.com/item.php?item_type=chrome_bit_stat_item"]::before {
+  left: -1px;
+}
+
+/* stylelint-enable prettier/prettier */

package/src/modules/better-journal/modules/journal-icons-minimal/index.js

@@ -0,0 +1,10 @@
+import { addStyles } from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addStyles(styles, 'better-journal-icons-minimal');
+};

package/src/modules/better-journal/modules/journal-icons-minimal/styles.css

@@ -0,0 +1,78 @@
+/* stylelint-disable stylistic/block-opening-brace-newline-after */
+/* stylelint-disable prettier/prettier */
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=super_brie_cheese"],
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=chrome_trinket"],
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=party_trinket"],
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=snowball_trinket"],
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=scavenger_hunt_hint_stat_item"],
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=map_clue_stat_item"] {
+  position: relative;
+  padding-left: 20px;
+  white-space: nowrap;
+}
+
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=super_brie_cheese"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=chrome_trinket"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=party_trinket"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=snowball_trinket"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=scavenger_hunt_hint_stat_item"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=map_clue_stat_item"]::before {
+  position: absolute;
+  top: -3px;
+  left: -2px;
+  display: inline-block;
+  width: 19px;
+  height: 19px;
+  content: "";
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+
+/* SB+ */
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=super_brie_cheese"]::before {
+  background-image: url(https://www.mousehuntgame.com/images/items/bait/large/32b20c3984d2f03b132c295ea3b99e7e.png);
+}
+
+/* Chrome charm */
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=chrome_trinket"]::before {
+  top: -4px;
+  left: -3px;
+  background-image: url(https://i.mouse.rip/upscaled/7d9f0e220db8280b84b8bffe39cd803e.png);
+  background-size: 22px;
+}
+
+/* Party charm */
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=party_trinket"] {
+  padding-left: 20px;
+}
+
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=party_trinket"]::before {
+  left: -4px;
+  background-image: url(https://i.mouse.rip/upscaled/8331fe131377c15fcf5c4773bde1fd8f.png);
+}
+
+/* Snowball charm */
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=snowball_trinket"]::before {
+  top: -2px;
+  background-image: url(https://www.mousehuntgame.com/images/items/trinkets/large/36d3d62f27e2b76944591f86229bc2f0.png);
+}
+
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=scavenger_hunt_hint_stat_item"],
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=map_clue_stat_item"] {
+  padding-left: 17px;
+}
+
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=scavenger_hunt_hint_stat_item"]::before,
+.journaltext a[href="https://www.mousehuntgame.com/item.php?item_type=map_clue_stat_item"]::before {
+  left: -3px;
+  background-image: url(https://www.mousehuntgame.com/images/items/stats/large/5da5d920ba95f944d4e5b37ae235685e.png);
+}
+
+/* Don't show the icon in unstable charm trigger */
+.journal .entry.unstable_charm_trigger  a[href*="https://www.mousehuntgame.com/item.php?item_type="]:before {
+  display: none;
+}
+
+.journal .entry.unstable_charm_trigger .journaltext a {
+  padding-left: unset;
+}

package/src/modules/better-journal/modules/journal-item-colors/index.js

@@ -0,0 +1,19 @@
+import { addStyles } from '@utils';
+
+import colors from '@data/journal-item-colors.json';
+
+/**
+ * Make the styles for the colors.
+ *
+ * @return {string} The styles.
+ */
+const makeStyles = () => {
+  return Object.entries(colors).map(([id, icon]) => `#overlayPopup.hunting_summary .lootContainer a[href="https://www.mousehuntgame.com/item.php?item_type=${id}"], .journal .entry a[href="https://www.mousehuntgame.com/item.php?item_type=${id}"] { color: ${icon}; }`).join(' ');
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addStyles(makeStyles(), 'better-journal-link-colors');
+};