mousehunt-improved 0.97.1

package/src/modules/global-styles/styles/messages.css

@@ -0,0 +1,49 @@
+.mh-ui-error-message,
+.mh-ui-success-message {
+  z-index: 21;
+  padding: 10px;
+  font-size: 10px;
+  color: #160404;
+  background-color: #f5b9b9;
+  border: 1px solid #803e3e;
+  border-radius: 5px;
+  box-shadow: 0 1px 5px -1px #5e5e5e;
+}
+
+.mh-ui-success-message {
+  background-color: #a3ea85;
+  border: 1px solid #3e803e;
+}
+
+.mh-improved-darkmode-conflict-popup .content,
+.mh-improved-userscript-popup .content {
+  text-align: center;
+}
+
+.mh-improved-darkmode-conflict-popup .jsDialogContainer,
+.mh-improved-userscript-popup .jsDialogContainer {
+  color: #160404;
+  background-color: #f5b9b9;
+}
+
+.mh-improved-userscript-popup .mh-improved-userscript-popup-actions {
+  display: flex;
+  gap: 1em;
+  align-items: center;
+  justify-content: center;
+  margin: 1em;
+}
+
+.mh-improved-userscript-popup .mh-improved-userscript-popup-actions img {
+  height: 30px;
+}
+
+.mh-improved-userscript-popup .mh-improved-userscript-popup-actions img:hover {
+  filter: brightness(1.1);
+}
+
+.mh-improved-darkmode-conflict-popup .content p,
+.mh-improved-userscript-popup .content p {
+  font-size: 14px;
+  line-height: 2;
+}

package/src/modules/global-styles/styles/settings.css

@@ -0,0 +1,84 @@
+.PagePreferences .mousehuntHud-page-tabContent.game_settings.userscript-settings .settingRow .settingRow-action-inputContainer.select.busy::before,
+.PagePreferences .mousehuntHud-page-tabContent.game_settings.userscript-settings .settingRow .settingRow-action-inputContainer.select.completed::before,
+.PagePreferences .mousehuntHud-page-tabContent.game_settings.better-mh-settings .settingRow .settingRow-action-inputContainer.select.busy::before,
+.PagePreferences .mousehuntHud-page-tabContent.game_settings.better-mh-settings .settingRow .settingRow-action-inputContainer.select.completed::before {
+  top: 30px;
+  right: -25px;
+  left: unset;
+}
+
+.PagePreferences .mousehuntHud-page-tabContent.game_settings .settingRow .name {
+  height: unset;
+  min-height: 20px;
+}
+
+.PagePreferences__settingAction.inputDropdownWrapper.busy::before,
+.PagePreferences__settingAction.inputDropdownWrapper.completed::before {
+  right: -25px;
+  left: unset;
+}
+
+.inputBoxContainer.multiSelect {
+  max-width: 400px;
+}
+
+.settingRow-action-inputContainer.textarea {
+  display: flex;
+  gap: 5px;
+  align-items: flex-end;
+}
+
+.PagePreferences__setting.textarea {
+  display: grid;
+  grid-template-columns: 350px 1fr;
+}
+
+.textarea .inputBox {
+  width: 100%;
+  min-height: 45px;
+}
+
+.textarea .PagePreferences__settingAction {
+  margin-bottom: 0;
+}
+
+.mh-utils-settings-subheader {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  font-size: 10px;
+  color: #848484;
+}
+
+.settingRow-action-inputContainer.inputText {
+  display: flex;
+  gap: 5px;
+  align-items: center;
+}
+
+.mh-utils-settings-refresh-message {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 5;
+  padding: 1em;
+  font-size: 1.5em;
+  text-align: center;
+  pointer-events: none;
+  background-color: #d6f2d6;
+  border-top: 1px solid #6cc36c;
+  opacity: 1;
+  transition: opacity 0.5s ease-in-out;
+}
+
+.mh-utils-settings-refresh-message-hidden {
+  opacity: 0;
+}
+
+.mh-ui-success-message.setting-link-copied {
+  position: absolute;
+  top: 10px;
+  display: inline;
+  padding: 3px;
+  margin-left: 9px;
+}

package/src/modules/global-styles/styles/tooltips.css

@@ -0,0 +1,22 @@
+.PreferencesPage__blackTooltip.mh-improved-tooltip {
+  width: 20px;
+  height: 20px;
+  margin-right: auto;
+  margin-left: 5px;
+}
+
+.PreferencesPage__blackTooltip.mh-improved-tooltip:hover .PreferencesPage__blackTooltipText {
+  right: -65px;
+  bottom: 165%;
+  left: -65px;
+  font-weight: 400;
+  line-height: 16px;
+}
+
+.mh-improved-tooltip-stay-open,
+.mousehuntTooltip.mh-improved-tooltip-stay-open,
+.mousehuntTooltipParent:hover > .mousehuntTooltip.mh-improved-tooltip-stay-open {
+  display: block;
+  transition: none;
+  animation: none;
+}

package/src/modules/global-styles/styles/trap-qty.css

@@ -0,0 +1,45 @@
+.campPage-trap-baseQuantity {
+  color: #8e6642;
+  text-shadow:
+    0 0 1px #ae9b6d,
+    1px 1px #fff;
+}
+
+.trapSelectorView__armedItemQuantity span,
+.campPage-trap-baseQuantity {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  box-sizing: border-box;
+  padding: 5px;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 11px;
+  text-align: right;
+  background-color: rgb(255 255 255 / 70%);
+  border: 1px solid #9d917f;
+  border-right: none;
+  border-bottom: none;
+  border-bottom-right-radius: 3px;
+  box-shadow: -1px -1px 1px #d3cecb inset;
+}
+
+.campPage-trap-itemBrowser-favorites .campPage-trap-itemBrowser-favorite-item-quantity span.campPage-trap-baseQuantity,
+.campPage-trap-itemBrowser-item-leftBar span.campPage-trap-baseQuantity {
+  padding: 3px;
+  font-size: 13px;
+  text-align: center;
+  background-color: rgb(255 255 255 / 80%);
+  border-radius: 0 0 3px 3px;
+}
+
+.campPage-trap-itemBrowser-favorites .campPage-trap-itemBrowser-favorite-item-quantity span.campPage-trap-baseQuantity {
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  border: 1px solid #4e2e0b;
+}
+
+.campPage-trap-itemBrowser-favorite-item-image-quantity.base-quantity {
+  background-color: rgb(255 255 255 / 75%);
+}

package/src/modules/global-styles/styles/utility.css

@@ -0,0 +1,39 @@
+.transparent-text {
+  color: transparent;
+}
+
+.text-black {
+  color: #000;
+}
+
+.hidden {
+  display: none;
+}
+
+.visible {
+  display: block;
+}
+
+.full-opacity {
+  opacity: 1;
+}
+
+.screen-reader-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.outline {
+  outline: 1px solid #f00;
+}
+
+.no-click {
+  pointer-events: none;
+}

package/src/modules/hide-codices/index.js

@@ -0,0 +1,22 @@
+import { addStyles } from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  addStyles(styles, 'hide-codices');
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'hide-codices',
+  name: 'Hide Codices',
+  type: 'element-hiding',
+  default: false,
+  description: 'Hide the codices on the trap selector.',
+  load: init,
+};

package/src/modules/hide-codices/styles.css

@@ -0,0 +1,4 @@
+.trapSelectorView__activeCodexContainer,
+.trapSelectorView__activeCodexContainer--visible {
+  display: none;
+}

package/src/modules/hide-daily-draw/index.js

@@ -0,0 +1,146 @@
+import {
+  addStyles,
+  doRequest,
+  onEvent,
+  onRequest,
+  setMultipleTimeout
+} from '@utils';
+
+import styles from './styles.css';
+
+let _togglePopup;
+
+/**
+ * Replace the inbox open function.
+ */
+const replaceInboxOpen = () => {
+  if (! messenger || ! messenger?.UI?.notification?.togglePopup) {
+    return;
+  }
+
+  if (! _togglePopup) {
+    _togglePopup = messenger.UI.notification.togglePopup;
+  }
+
+  /**
+   * Show the notification popup.
+   */
+  messenger.UI.notification.togglePopup = () => {
+    messenger.UI.notification.showPopup();
+
+    messenger.UI.notification.setActiveTab('general');
+    messenger.UI.notification.showTab('general');
+    onEvent('ajax_response', () => {
+      setMultipleTimeout(() => {
+        messenger.UI.notification.showTab('general');
+      }, [10, 100]);
+    }, true);
+  };
+};
+
+let isSelfRequest = false;
+let lastRequest;
+/**
+ * Remove the daily draw notifications.
+ *
+ * @param {Object} data The data from the request.
+ */
+const removeDailyDrawNotifications = async (data) => {
+  if (isSelfRequest) {
+    return;
+  }
+
+  // if the last request was less than 2 seconds ago, ignore it.
+  if (lastRequest && Date.now() - lastRequest < 2000) {
+    return;
+  }
+
+  if (! data?.messageData || ! data?.messageData?.notification) {
+    return;
+  }
+
+  lastRequest = Date.now();
+
+  const messageBar = document.querySelector('#hgbar_messages');
+  if (! messageBar) {
+    return;
+  }
+
+  if (! messageBar.classList.contains('new')) {
+    return;
+  }
+
+  const displayedNotificationsEl = messageBar.querySelector('.mousehuntHeaderView-menu-notification');
+  if (! displayedNotificationsEl) {
+    return;
+  }
+
+  const displayedNotifications = Number.parseInt(displayedNotificationsEl.innerText, 10);
+
+  if (displayedNotifications <= 0) {
+    return;
+  }
+
+  const notification = data.messageData.notification || {};
+  const newNotifications = notification?.messageCount || 0;
+  if (newNotifications <= 0) {
+    return;
+  }
+
+  isSelfRequest = true;
+  const notificationData = await doRequest('managers/ajax/users/messages.php', {
+    action: 'fetch_messages',
+    'message_types[]': 'notification',
+  });
+  isSelfRequest = false;
+
+  let notificationsToSubtract = 0;
+
+  notificationData?.messageData?.notification?.messages.forEach((message) => {
+    if (! message?.isNew) {
+      return;
+    }
+
+    if ('Daily Draw' === message?.messageData?.tab) {
+      notificationsToSubtract++;
+    }
+  });
+
+  if (notificationsToSubtract <= 0) {
+    return;
+  }
+
+  const newDisplayedNotifications = displayedNotifications - notificationsToSubtract;
+  if (newDisplayedNotifications <= 0) {
+    messageBar.classList.remove('new');
+  }
+
+  displayedNotificationsEl.innerText = newDisplayedNotifications;
+};
+
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  addStyles(styles, 'hide-daily-draw');
+
+  if ('undefined' !== typeof messenger) {
+    replaceInboxOpen();
+  }
+
+  // this clears the notification count when it does its self request.
+  setTimeout(removeDailyDrawNotifications, 1000);
+  onRequest('*', removeDailyDrawNotifications);
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'hide-daily-draw',
+  name: 'Hide Daily Draw',
+  type: 'element-hiding',
+  default: false,
+  description: 'Hide the Daily Draw inbox tab and notifications.',
+  load: init,
+};

package/src/modules/hide-daily-draw/styles.css

@@ -0,0 +1,3 @@
+#messengerUINotification .tabs a[data-tab="daily_draw"] {
+  display: none;
+}

package/src/modules/hide-daily-reward-popup/index.js

@@ -0,0 +1,57 @@
+import { onDialogShow, onRequest } from '@utils';
+
+/**
+ * Get the active dialog if available.
+ *
+ * @return {Object|null} The active dialog.
+ */
+const getActiveDialog = () => {
+  return typeof activejsDialog === 'undefined' ? null : activejsDialog;
+};
+
+/**
+ * Hide the daily reward popup.
+ */
+const hidePopup = () => {
+  const dialog = getActiveDialog();
+  if (! dialog?.hide || ! dialog?.getAttributes) {
+    return;
+  }
+
+  const attrs = dialog.getAttributes();
+  if (attrs?.className === 'dailyRewardPopup') {
+    dialog.hide();
+  }
+};
+
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  onDialogShow('dailyRewardPopup', () => {
+    setTimeout(() => {
+      const dialog = getActiveDialog();
+      if (dialog?.hide) {
+        dialog.hide();
+      }
+    }, 500);
+  });
+
+  hidePopup();
+  setTimeout(hidePopup, 1000);
+  setTimeout(hidePopup, 2000);
+
+  onRequest('*', hidePopup);
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'hide-daily-reward-popup',
+  name: 'Hide Daily Reward Popup',
+  type: 'element-hiding',
+  default: false,
+  description: 'Automatically hide the daily reward popup.',
+  load: init,
+};

package/src/modules/hide-footer/index.js

@@ -0,0 +1,37 @@
+import {
+  addBodyClass,
+  addStyles,
+  onActivation,
+  onDeactivation,
+  removeBodyClass
+} from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  addStyles(styles, 'no-footer');
+  addBodyClass('no-footer');
+
+  onActivation('no-footer', () => {
+    addBodyClass('no-footer');
+  });
+
+  onDeactivation('no-footer', () => {
+    removeBodyClass('no-footer');
+  });
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'no-footer',
+  name: 'Hide Footer',
+  type: 'element-hiding',
+  default: false,
+  description: 'Hide the footer.',
+  load: init,
+};

package/src/modules/hide-footer/styles.css

@@ -0,0 +1,10 @@
+.pageFrameView-footer,
+.mousehuntFooter {
+  display: none;
+}
+
+/* Fix the weird footer width */
+.no-footer .pageFrameView-column.left,
+.no-footer .pageFrameView-column.right {
+  margin-bottom: 0;
+}

package/src/modules/hide-news-ticker/index.js

@@ -0,0 +1,21 @@
+import { addStyles } from '@utils';
+
+import styles from './styles.css';
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  addStyles(styles, 'hide-news-ticker');
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'hide-news-ticker',
+  name: 'Hide News Ticker',
+  type: 'element-hiding',
+  default: true,
+  description: 'Hide the news ticker in the header.',
+  load: init,
+};

package/src/modules/hide-news-ticker/styles.css

@@ -0,0 +1,3 @@
+.mousehuntHeaderView-newsTicker {
+  display: none;
+}

package/src/modules/hide-share/index.js

@@ -0,0 +1,26 @@
+import { addStyles } from '@utils';
+
+import styles from './styles.css';
+
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  addStyles(styles, 'no-share');
+
+  if (typeof SocialFramework !== 'undefined') {
+    SocialFramework.isFriendStreamPostsEnabled = () => false;
+  }
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'no-share',
+  name: 'Hide Share Buttons',
+  type: 'element-hiding',
+  default: true,
+  description: 'Hide the share buttons.',
+  load: init,
+};

package/src/modules/hide-share/styles.css

@@ -0,0 +1,29 @@
+.actionportfolio,
+.canShare .larryTip,
+.journalactions a[data-share-type="journal"],
+.journalactions a[data-type="journal"],
+.pageSidebarView .fb-page,
+.socialLink,
+*[src="https://www.mousehuntgame.com//images/ui/buttons/share_green.gif"],
+#jsDialog-publishToOwnWall,
+.publishToWall,
+#OnboardArrow.onboardPopup.top .canShare .larryTip img {
+  display: none;
+}
+
+#OnboardArrow.onboardPopup.canShare .shareButton {
+  display: none !important;
+}
+
+#OnboardArrow.onboardPopup.canShare .closeButton {
+  top: 205px;
+  right: 43px;
+  left: unset;
+  z-index: 2;
+}
+
+#OnboardArrow.onboardPopup.top .canShare .larryTip {
+  color: #fff;
+  background-color: #fff;
+  border-color: #fff;
+}