mousehunt-improved 0.97.1

package/src/modules/inventory-lock-and-hide/styles.css

@@ -0,0 +1,139 @@
+.mhui-inventory-lock-and-hide-controls-wrapper {
+  position: absolute;
+  top: 0;
+  right: 10px;
+  display: flex;
+  gap: 10px;
+}
+
+.mousehuntHud-page-tabContent.traps .mhui-inventory-lock-and-hide-controls-wrapper {
+  top: -30px;
+}
+
+.mhui-inventory-lock-and-hide-bulk-controls {
+  display: none;
+  gap: 3px;
+  margin-left: 3px;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .mhui-inventory-lock-and-hide-bulk-controls {
+  display: inline-flex;
+}
+
+.inventoryPage-tagContent.mhui-inventory-lock-and-hide-controls-active {
+  border-radius: 5px;
+  outline: 3px solid #f37c7c;
+}
+
+.mhui-inventory-lock-and-hide-item-controls {
+  position: absolute;
+  inset: 0;
+  display: none;
+  flex-flow: row nowrap;
+  align-items: flex-start;
+  justify-content: space-evenly;
+  background-color: rgb(255 255 255 / 50%);
+}
+
+.mhui-inventory-lock-and-hide-controls-active .mhui-inventory-lock-and-hide-item-controls {
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .inventoryPage-item.hidden {
+  display: inline-block;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .inventoryPage-item.hidden .inventoryPage-item-margin {
+  background-color: #939393;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .inventoryPage-item.locked {
+  display: inline-block;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .inventoryPage-item.locked .inventoryPage-item-margin {
+  background-color: #ff7b00;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .locked.message_item.inventoryPage-item.small,
+.mhui-inventory-lock-and-hide-controls-active .locked.bait.inventoryPage-item.small {
+  pointer-events: auto;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .tooltip {
+  display: none;
+  visibility: hidden;
+  opacity: 0;
+}
+
+.locked .inventoryPage-item-content-action,
+.locked.message_item.inventoryPage-item.small .inventoryPage-item-button,
+.locked.bait.inventoryPage-item.small .inventoryPage-item-button,
+.locked .inventoryPage-item-recipeOptions,
+.locked .campPage-trap-itemBrowser-item-armButton,
+.locked .inventoryPage-item-imageContainer-action {
+  pointer-events: none;
+  filter: grayscale(1);
+}
+
+.locked.message_item.inventoryPage-item.small,
+.locked.bait.inventoryPage-item.small {
+  pointer-events: none;
+}
+
+.mousehuntHud-page-subTabContent.trinket .mousehuntHud-page-subTabContent-prefix {
+  display: none;
+}
+
+.inventoryPage-tagContent-tagTitle {
+  display: flex;
+  align-items: center;
+  padding: 0 5px 10px;
+  margin: 0;
+  font-size: 1.4em;
+  border: none;
+}
+
+span.inventoryPage-tagContent-tagTitle.tsitu-lock-convertible {
+  top: -5px;
+  right: 110px;
+  font-size: 0.75em;
+}
+
+span.inventoryPage-tagContent-tagTitle.tsitu-lock-convertible button {
+  padding: 2px;
+  font-size: 1em;
+}
+
+.mhui-inventory-lock-and-hide-hidden-count {
+  margin-left: 5px;
+}
+
+.mhui-inventory-lock-and-hide-controls-lock {
+  min-width: 35px;
+}
+
+.mhui-inventory-lock-and-hide-controls-hide {
+  min-width: 25px;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .inventoryPage-item.locked.hidden .inventoryPage-item-margin {
+  background-color: #e78932;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .inventoryPage-item.locked .inventoryPage-item-recipeOptions li,
+.mhui-inventory-lock-and-hide-controls-active .inventoryPage-item.hidden .inventoryPage-item-recipeOptions li {
+  opacity: 0.3;
+}
+
+.mhui-inventory-lock-and-hide-controls-active .mhui-inventory-lock-and-hide-hidden-count {
+  display: none;
+}
+
+.search_match .campPage-trap-itemBrowser-item.loaded {
+  display: block !important;
+}

package/src/modules/journal-changer/index.js

@@ -0,0 +1,321 @@
+import {
+  addStyles,
+  cacheGet,
+  cacheSet,
+  doRequest,
+  getCurrentLocation,
+  getCurrentPage,
+  getSetting,
+  makeElement,
+  onEvent,
+  onNavigation,
+  onRequest,
+  saveSetting
+} from '@utils';
+
+import journals from '@data/journals-environment-mapping.json';
+
+import settings from './settings';
+import styles from './styles.css';
+
+let themes = [];
+
+/**
+ * Get the journal themes.
+ *
+ * @return {Promise<Array>} The journal themes.
+ */
+const getJournalThemes = async () => {
+  const cachedThemes = await cacheGet('journal-themes', []);
+  if (cachedThemes.length > 0) {
+    return cachedThemes;
+  }
+
+  const req = await doRequest('managers/ajax/users/journal_theme.php', {
+    action: 'get_themes',
+  });
+
+  if (! req || ! req.journal_themes) {
+    return [];
+  }
+
+  const gotThemes = req.journal_themes.theme_list.filter((theme) => theme.can_equip === true);
+
+  cacheSet('journal-themes', gotThemes);
+
+  return gotThemes;
+};
+
+/**
+ * Set the journal theme.
+ *
+ * @param {string} theme The theme to set.
+ *
+ * @return {Promise<boolean>} The result of the request.
+ */
+const updateJournalTheme = async (theme) => {
+  const current = getCurrentJournalTheme();
+
+  if (! theme || current == theme) { // eslint-disable-line eqeqeq
+    return false;
+  }
+
+  shouldListen = false;
+  const req = await doRequest('managers/ajax/users/journal_theme.php', {
+    action: 'set_theme',
+    theme,
+  }, false, {
+    skipLastReadJournalEntryId: true,
+  });
+
+  if (req && req.success) {
+    // remove the old theme and add the new one
+    const journal = document.querySelector('#journalContainer');
+    if (journal) {
+      journal.classList.remove(current);
+      journal.classList.add(theme);
+    }
+  }
+
+  shouldListen = true;
+
+  return req;
+};
+
+/**
+ * Get the current journal theme.
+ *
+ * @return {string|boolean} The current journal theme or false.
+ */
+const getCurrentJournalTheme = () => {
+  const journal = document.querySelector('#journalContainer');
+  if (! journal) {
+    return false;
+  }
+
+  const classlist = [...journal.classList];
+  if (classlist.length === 0) {
+    return false;
+  }
+
+  return classlist.find((cls) => cls.startsWith('theme_'));
+};
+
+/**
+ * Get the journal theme for the current location.
+ *
+ * @return {string|boolean} The journal theme or false.
+ */
+const getJournalThemeForLocation = () => {
+  const location = getCurrentLocation();
+  if (! journals[location]) {
+    return false;
+  }
+
+  // check if the theme is available
+  if (themes.some((t) => t.type === journals[location])) {
+    return journals[location];
+  }
+
+  return false;
+};
+
+/**
+ * Revert to the saved theme if it's not the current theme.
+ */
+const revertToSavedTheme = () => {
+  const chosenTheme = getSetting('journal-changer.chosen-theme', false);
+  const lastTheme = getSetting('journal-changer.last-theme', false);
+  const currentTheme = getCurrentJournalTheme();
+  if (currentTheme !== chosenTheme && currentTheme !== lastTheme) {
+    updateJournalTheme(chosenTheme);
+  }
+};
+
+/**
+ * Update the journal theme based on the current location.
+ */
+const changeForLocation = async () => {
+  if ('camp' !== getCurrentPage()) {
+    return;
+  }
+
+  const newTheme = getJournalThemeForLocation();
+  if (! newTheme) {
+    revertToSavedTheme();
+    return;
+  }
+
+  if (themes.length === 0) {
+    themes = await getJournalThemes();
+  }
+
+  const currentTheme = getCurrentJournalTheme();
+  if (! currentTheme) {
+    return;
+  }
+
+  if (currentTheme === newTheme) {
+    return;
+  }
+
+  // check if we even have the theme
+  if (! themes.some((t) => t.type === newTheme)) {
+    revertToSavedTheme();
+    return;
+  }
+
+  // Set the new theme.
+  updateJournalTheme(newTheme);
+
+  const journal = document.querySelector('#journalContainer');
+  if (journal) {
+    journal.classList.remove(currentTheme);
+    journal.classList.add(newTheme);
+  }
+};
+
+/**
+ * Randomize the journal theme.
+ *
+ * @param {string} skip The theme to skip.
+ *
+ * @return {Promise<string|boolean>} The new theme or false.
+ */
+const randomizeTheme = async (skip = false) => {
+  if (themes.length === 0) {
+    themes = await getJournalThemes();
+  }
+
+  if (skip) {
+    // remove that theme from the list
+    themes = themes.filter((t) => t.type !== skip);
+  }
+
+  // remove the current theme
+  const current = getCurrentJournalTheme();
+  if (current) {
+    themes = themes.filter((t) => t.type !== current);
+  }
+
+  const theme = themes[Math.floor(Math.random() * themes.length)];
+  if (! theme || ! theme.type) {
+    return false;
+  }
+
+  updateJournalTheme(theme.type);
+  saveSetting('journal-changer.last-theme', theme.type);
+
+  return theme.type;
+};
+
+/**
+ * Add the randomize button to the journal.
+ */
+const addRandomButton = () => {
+  const journal = document.querySelector('#journalContainer .top');
+  if (! journal) {
+    return;
+  }
+
+  const button = makeElement('a', ['journalContainer-selectTheme', 'mh-improved-random-journal'], 'Randomize');
+  button.addEventListener('click', randomizeTheme);
+
+  journal.append(button);
+};
+
+/**
+ * Change the journal theme daily.
+ */
+const changeJournalDaily = async () => {
+  if ('camp' !== getCurrentLocation()) {
+    return;
+  }
+
+  const lastChangeValue = getSetting('journal-changer.last-change', 0);
+  const lastChange = new Date(Number.parseInt(lastChangeValue, 10));
+  const now = new Date();
+
+  // Check if the current time is past midnight and the journal has not been changed today
+  if (
+    ! lastChange ||
+    lastChange.getDate() !== now.getDate() ||
+    lastChange.getMonth() !== now.getMonth() ||
+    lastChange.getFullYear() !== now.getFullYear()
+  ) {
+    const lastTheme = getSetting('journal-changer.last-theme', false);
+    const theme = await randomizeTheme(lastTheme);
+
+    saveSetting('journal-changer.last-change', now.getTime());
+    saveSetting('journal-changer.last-theme', theme);
+  }
+};
+
+let _themeSelector;
+let shouldListen = true;
+
+/**
+ * Listen for the theme selector change.
+ */
+const onThemeSelectorChange = () => {
+  if (_themeSelector) {
+    return;
+  }
+
+  _themeSelector = hg.views.JournalThemeSelectorView.show;
+
+  /**
+   * Override the theme selector view.
+   */
+  hg.views.JournalThemeSelectorView.show = async () => {
+    _themeSelector();
+
+    onRequest('users/journal_theme.php', (request, data) => {
+      if ('set_theme' === data.action && shouldListen) {
+        saveSetting('journal-changer.last-theme', data?.theme);
+        saveSetting('journal-changer.chosen-theme', data?.theme);
+      }
+
+      cacheSet(
+        'journal-themes',
+        request?.journal_themes?.theme_list.filter((theme) => theme?.can_equip === true),
+        30 * 24 * 60 * 60 * 1000 // Cache for 30 days.
+      );
+    });
+  };
+};
+
+/**
+ * Initialize the module.
+ */
+const init = async () => {
+  addStyles(styles, 'journal-changer');
+
+  if (getSetting('journal-changer.change-daily', false)) {
+    changeJournalDaily();
+  }
+
+  if (getSetting('journal-changer.change-location', true)) {
+    changeForLocation();
+    onEvent('travel_complete', changeForLocation);
+  }
+
+  onNavigation(addRandomButton, {
+    page: 'camp'
+  });
+
+  onThemeSelectorChange();
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'journal-changer',
+  name: 'Journal Theme Changer',
+  type: 'feature',
+  default: false,
+  description: 'Randomize your journal theme, randomize it daily, or change it based on your location.',
+  load: init,
+  settings,
+};

package/src/modules/journal-changer/settings/index.js

@@ -0,0 +1,19 @@
+/**
+ * Add settings for the module.
+ *
+ * @return {Array} The settings for the module.
+ */
+export default async () => {
+  return [
+    {
+      id: 'journal-changer.change-daily',
+      title: 'Randomize daily',
+      default: false,
+    },
+    {
+      id: 'journal-changer.change-location',
+      title: 'Change based on location',
+      default: false,
+    },
+  ];
+};

package/src/modules/journal-changer/styles.css

@@ -0,0 +1,21 @@
+.journalContainer .top {
+  display: flex;
+  gap: 3px;
+  align-items: flex-start;
+  justify-content: flex-end;
+}
+
+.journalContainer-selectTheme {
+  position: relative;
+  background-color: #e6e6e6;
+}
+
+.mh-improved-random-journal {
+  background-image: url(https://i.mouse.rip/mh-improved/journal-random.png);
+}
+
+#journalContainer .journal__privacy-button {
+  margin-right: 85px;
+  background: #e6e6e6;
+  border: 1px solid #333;
+}

package/src/modules/journal-privacy/index.js

@@ -0,0 +1,219 @@
+import {
+  addBodyClass,
+  addIconToMenu,
+  addStyles,
+  getSetting,
+  onActivation,
+  onDeactivation,
+  onRequest,
+  onSettingsChange,
+  removeBodyClass
+} from '@utils';
+
+import settings from './settings';
+
+import iconStyles from './styles/icon.css';
+import styles from './styles/styles.css';
+import stylesTransparent from './styles/transparent.css';
+
+const MODULE_ID = 'journal-privacy';
+
+/**
+ * Apply a class to names in the journal.
+ */
+const applyClassToNames = () => {
+  if (! isPrivacyEnabled) {
+    return;
+  }
+
+  const entries = document.querySelectorAll('#journalContainer .entry.relicHunter_start .journaltext');
+  if (! entries) {
+    return;
+  }
+
+  entries.forEach((entry) => {
+    if (! entry || ! entry.textContent) {
+      return;
+    }
+
+    if (entry.getAttribute('replaced') === 'true') {
+      return;
+    }
+
+    // if entry matches a name, add class
+    const match = entry.textContent.match(/(.*)( has joined the | has left the | used Rare Map Dust |, the map owner, has )/);
+    if (match && match[1]) {
+      // Wrap the match in a span.
+      const span = document.createElement('span');
+      span.classList.add('mh-journal-privacy-name');
+      span.textContent = match[1];
+
+      entry.setAttribute('data-original', match[1]);
+      entry.setAttribute('replaced', 'true');
+
+      // Replace the match with the span.
+      entry.innerHTML = entry.innerHTML.replace(match[1], span.outerHTML);
+    }
+  });
+};
+
+/**
+ * Remove the privacy class from names in the journal.
+ */
+const removeClassFromNames = () => {
+  if (isPrivacyEnabled) {
+    return;
+  }
+
+  const entries = document.querySelectorAll('#journalContainer .entry.relicHunter_start .journaltext');
+  if (! entries) {
+    return;
+  }
+
+  entries.forEach((entry) => {
+    if (! entry || ! entry.textContent) {
+      return;
+    }
+
+    if (entry.getAttribute('replaced') !== 'true') {
+      return;
+    }
+
+    // Get the span and replace it with the original text.
+    const span = entry.querySelector('.mh-journal-privacy-name');
+    if (span) {
+      entry.innerHTML = entry.innerHTML.replace(span.outerHTML, span.textContent);
+      entry.removeAttribute('data-original');
+      entry.removeAttribute('replaced');
+    }
+  });
+};
+
+/**
+ * Enable privacy in the journal.
+ */
+const enablePrivacy = () => {
+  addBodyClass('mh-journal-privacy-enabled', true);
+  removeBodyClass('mh-journal-privacy-disabled');
+  applyClassToNames();
+};
+
+/**
+ * Disable privacy in the journal.
+ */
+const disablePrivacy = () => {
+  removeBodyClass('mh-journal-privacy-enabled');
+  addBodyClass('mh-journal-privacy-disabled', true);
+  removeClassFromNames();
+};
+
+/**
+ * Add the toggle icon to the menu.
+ */
+const addIcon = () => {
+  if (! getSetting('journal-privacy.show-toggle-icon', false)) {
+    return;
+  }
+
+  const existingIcon = document.querySelector('#mousehunt-improved-journal-privacy');
+  if (existingIcon) {
+    existingIcon.style.display = '';
+    existingIcon.style.visibility = '';
+    return;
+  }
+
+  addIconToMenu({
+    id: 'mousehunt-improved-journal-privacy',
+    classname: 'mousehunt-improved-journal-privacy-icon',
+    title: 'Toggle Journal Privacy',
+    position: 'prepend',
+    /**
+     * Toggle the privacy.
+     */
+    action: () => {
+      isPrivacyEnabled = ! isPrivacyEnabled;
+
+      if (isPrivacyEnabled) {
+        enablePrivacy();
+      } else {
+        disablePrivacy();
+      }
+    },
+  });
+};
+
+/**
+ * Remove the toggle icon from the menu.
+ */
+const removeIcon = () => {
+  const icon = document.querySelector('#mousehunt-improved-journal-privacy');
+  if (icon) {
+    icon.style.display = 'none';
+    icon.style.visibility = 'hidden';
+  }
+};
+
+let isPrivacyEnabled = true;
+
+/**
+ * Sync the privacy state with current settings.
+ */
+const syncPrivacyState = () => {
+  if (! getSetting(MODULE_ID, false)) {
+    isPrivacyEnabled = false;
+    removeIcon();
+    disablePrivacy();
+    return;
+  }
+
+  if (getSetting('journal-privacy.show-toggle-icon', false)) {
+    addIcon();
+    isPrivacyEnabled = false;
+    disablePrivacy();
+    return;
+  }
+
+  removeIcon();
+  isPrivacyEnabled = true;
+  enablePrivacy();
+};
+
+/**
+ * Initialize the module.
+ */
+const init = async () => {
+  addStyles([
+    getSetting('journal-privacy.transparent', false) ? stylesTransparent : styles,
+    iconStyles
+  ], MODULE_ID);
+
+  syncPrivacyState();
+
+  onRequest('pages/journal.php', applyClassToNames);
+
+  onActivation(MODULE_ID, syncPrivacyState);
+
+  onDeactivation(MODULE_ID, () => {
+    isPrivacyEnabled = false;
+    removeIcon();
+    disablePrivacy();
+  });
+
+  onSettingsChange('journal-privacy.show-toggle-icon', {
+    enable: syncPrivacyState,
+    disable: syncPrivacyState,
+  });
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'journal-privacy',
+  name: 'Journal Privacy',
+  type: 'element-hiding',
+  default: false,
+  description: 'Hide player names in the journal. Good for screenshots that maintain privacy.',
+  load: init,
+  settings,
+};