mousehunt-improved 0.97.1

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

@@ -0,0 +1,34 @@
+/**
+ * Add settings for the module.
+ *
+ * @return {Array} The settings for the module.
+ */
+export default async () => {
+  return [
+    {
+      id: 'better-travel.default-to-simple-travel',
+      title: 'Always open Simple Travel tab',
+      default: false,
+    },
+    {
+      id: 'better-travel.show-alphabetized-list',
+      title: 'Show alphabetized list on Simple Travel tab',
+      default: false,
+    },
+    {
+      id: 'better-travel.show-reminders',
+      title: 'Show Travel Reminders',
+      default: true,
+    },
+    {
+      id: 'better-travel.travel-window',
+      title: 'Travel Window',
+      default: true,
+    },
+    {
+      id: 'better-travel.travel-window-environment-icon',
+      title: 'Environment icon opens Travel Window',
+      default: true,
+    }
+  ];
+};

package/src/modules/better-travel/styles/explore-map.css

@@ -0,0 +1,66 @@
+.mh-improved-map-exploration-controls {
+  position: absolute;
+  right: 10px;
+  bottom: 0;
+  z-index: 100;
+  display: flex;
+  justify-content: flex-end;
+  margin: 10px 10px 6px;
+}
+
+.mh-improved-map-exploration .mh-improved-map-exploration-controls {
+  right: -10px;
+  bottom: -40px;
+  padding-bottom: 10px;
+}
+
+.mh-improved-map-exploration-toggle.active.mousehuntActionButton {
+  filter: brightness(1.08);
+}
+
+.mh-improved-map-exploration .travelPage-map-image-dynamic-layer:hover {
+  opacity: 1;
+}
+
+.mh-improved-map-exploration .travelPage-map-image-dynamic-layer {
+  opacity: 0;
+  transition: 0.4s ease;
+}
+
+.mh-improved-map-exploration .travelPage-map-image-environment {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.mh-improved-map-exploration .travelPage-regionMenu {
+  width: 0;
+}
+
+.mh-improved-map-exploration .travelPage-map-imageContainer {
+  width: 100%;
+}
+
+.mh-improved-map-exploration .travelPage-map-environment-detailContainer {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.mh-improved-map-exploration .travelPage-map-zoomContainer {
+  bottom: 15px;
+  opacity: 0.7;
+  transform: none;
+}
+
+.mh-improved-map-exploration .travelPage-map-zoomContainer:hover {
+  opacity: 1;
+  transform: scale(1.2);
+}
+
+.mh-improved-map-exploration-starting .travelPage-map-image-dynamic-layer,
+.mh-improved-map-exploration-starting .travelPage-map-image-environment,
+.mh-improved-map-exploration-starting .travelPage-regionMenu,
+.mh-improved-map-exploration-starting .travelPage-map-imageContainer,
+.mh-improved-map-exploration-starting .travelPage-map-environment-detailContainer,
+.mh-improved-map-exploration-starting .travelPage-map-zoomContainer {
+  transition: 0.4s ease;
+}

package/src/modules/better-travel/styles/styles.css

@@ -0,0 +1,421 @@
+.travelPage-map-spacer,
+.travelPage-map-simpleToggle,
+.mousehuntHud-page-tabContent.map.full .travelPage-map-simpleToggle.full,
+.mousehuntHud-page-tabContent.map.full .travelPage-map-prefix.full {
+  display: none;
+}
+
+.travelPage-regionMenu {
+  width: 22%;
+  overflow-y: scroll;
+}
+
+.travelPage-map-environment-detailContainer {
+  left: 22%;
+  width: 78%;
+}
+
+.travelPage-regionMenu-environmentLink.active,
+.travelPage-regionMenu-environmentLink.current {
+  color: #000;
+  background: #a4cafc;
+}
+
+.travelPage-regionMenu-stats {
+  color: #4d4d4d;
+  background-color: #d8d8d8;
+}
+
+.travelPage-regionMenu-numFriends {
+  padding: 0;
+  background: none;
+}
+
+.travelPage-mapContainer.full {
+  height: auto;
+  min-height: 800px;
+  max-height: 900px;
+  border: none;
+}
+
+.travelPage-map-imageContainer {
+  width: 78%;
+}
+
+.travelPage-map-zoomContainer {
+  bottom: 200px;
+  transform: scale(1.5);
+}
+
+.travelPage-map-image-environment-name {
+  top: 70px;
+  z-index: 15;
+  font-size: 21px;
+  font-variant: none;
+  text-shadow:
+    1px 1px #000,
+    0 0 10px #000,
+    8px 12px 9px #000;
+}
+
+.travelPage-map-image-environment.locked .travelPage-map-image-environment-status {
+  top: 15px;
+  left: 38px;
+  z-index: 1;
+  width: 65px;
+  height: 65px;
+  background-size: cover;
+  opacity: 0.5;
+}
+
+.travelPage-map-image-environment-star {
+  z-index: 10;
+}
+
+.travelPage-map-image-environment-button {
+  top: 100px;
+  transform: scale(1.2);
+}
+
+.travelPage-regionMenu-environmentLink.mystery {
+  display: block;
+  color: #9e9e9e;
+  pointer-events: none;
+  opacity: 0.6;
+}
+
+.travelPage-regionMenu-item[data-region="riftopia"] {
+  display: block !important;
+}
+
+.travelPage-regionMenu-item[data-region="riftopia"] .travelPage-regionMenu-item-contents {
+  display: block !important;
+}
+
+.travelPage-regionMenu-regionLink:hover,
+.travelPage-regionMenu-regionLink:focus {
+  cursor: unset;
+}
+
+#mh-simple-travel-page .travelPage-map-prefix {
+  display: block;
+}
+
+#mh-simple-travel-page .travelPage-regionMenu {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  width: 100%;
+  margin-bottom: 10px;
+  overflow: visible;
+  background-color: transparent;
+}
+
+#mh-simple-travel-page .travelPage-regionMenu-item {
+  box-sizing: border-box;
+  margin: 1px;
+  background-color: #e2e2e2;
+  border: 1px solid #4c71b4;
+}
+
+#mh-simple-travel-page .travelPage-regionMenu-item[data-region="gnawnia"],
+#mh-simple-travel-page .travelPage-regionMenu-item[data-region="valour"],
+#mh-simple-travel-page .travelPage-regionMenu-item[data-region="whisker_woods"],
+#mh-simple-travel-page .travelPage-regionMenu-item[data-region="burroughs"],
+#mh-simple-travel-page .travelPage-regionMenu-item[data-region="furoma"] {
+  min-height: 215px;
+}
+
+#mh-simple-travel-page .travelPage-regionMenu-item[data-region="riftopia"] {
+  min-height: 250px;
+}
+
+#mh-simple-travel-page .travelPage-regionMenu-environments {
+  width: 145px;
+  padding-left: 2px;
+  box-shadow: none;
+}
+
+#mh-simple-travel-page .travelPage-regionMenu-item-contents {
+  overflow: visible !important;
+}
+
+#mh-simple-travel-page .travelPage-regionMenu-environmentLink.active,
+#mh-simple-travel-page .travelPage-regionMenu-environmentLink.current {
+  color: #4e6081;
+}
+
+#mh-simple-travel-page .travelPage-regionMenu-environmentLink:hover,
+#mh-simple-travel-page .travelPage-regionMenu-environmentLink:focus {
+  color: #fff;
+  background-color: #6383bf;
+  border-radius: 3px;
+}
+
+.huntersHornView__messageContent strong {
+  font-weight: 900;
+}
+
+#mh-simple-travel-page .travelPage-alpha-wrapper .travelPage-regionMenu {
+  display: block;
+  width: 100%;
+}
+
+#mh-simple-travel-page .travelPage-alpha-wrapper .travelPage-regionMenu-environments {
+  display: flex;
+  flex-flow: column wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  width: 754px;
+  height: 425px;
+  padding: 4px 1px;
+}
+
+#mh-simple-travel-page .travelPage-alpha-wrapper a.travelPage-regionMenu-environmentLink {
+  width: 112px;
+  margin-left: 1px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.mhui-region-travel-item .icon {
+  border-radius: 5px;
+}
+
+.mousehuntHud-menu ul li ul li.mhui-region-travel-item a .icon {
+  top: 6px;
+  left: 3px;
+  width: 22px;
+  height: 22px;
+}
+
+#mh-simple-travel-page .travelPage-regionMenu .travelPage-regionMenu-environmentLink.active.highlight,
+#mh-simple-travel-page .travelPage-regionMenu .travelPage-regionMenu-environmentLink.current.highlight {
+  margin-right: -3px;
+  border-right: 1px solid #4c71b4;
+}
+
+#mh-simple-travel-page .travelPage-alpha-wrapper .travelPage-regionMenu-environmentLink.active.highlight,
+#mh-simple-travel-page .travelPage-alpha-wrapper .travelPage-regionMenu-environmentLink.current.highlight {
+  margin-right: 0;
+  border-right: none;
+  border-radius: 3px;
+}
+
+.travelPage-regionMenu-environmentLink.relic-hunter-is-here::after {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  display: none;
+  width: 20px;
+  height: 20px;
+  content: "";
+  background-image: url(https://www.mousehuntgame.com/images/mice/thumb/d6980f1b00ff8ec688804706cba9370c.gif);
+  background-repeat: no-repeat;
+  background-size: contain;
+  border-radius: 5px;
+}
+
+.travelPage-regionMenu-environments:hover .travelPage-regionMenu-environmentLink.relic-hunter-is-here::after,
+.travelPage-regionMenu-environments:focus .travelPage-regionMenu-environmentLink.relic-hunter-is-here::after,
+.travelPage-regionMenu-environmentLink.relic-hunter-is-here:hover::after,
+.travelPage-regionMenu-environmentLink.relic-hunter-is-here:focus::after {
+  display: block;
+}
+
+.travelPage-regionMenu-environmentLink.relic-hunter-is-here {
+  background-color: #e0f2d5;
+}
+
+.mousehuntHud-page-tabContent.simple-travel .travelPage-regionMenu-environmentLink.relic-hunter-is-here {
+  margin: 0;
+  border: none;
+  border-radius: 3px;
+  outline: 1px solid #ccc;
+}
+
+.travelPage-alpha-wrapper .relic-hunter-is-here .travelPage-regionMenu-environmentLink-image {
+  margin-left: 0;
+}
+
+.travelPage-map-image-environment .map-relic-hunter-is-here-image {
+  position: absolute;
+  top: 7px;
+  left: 7px;
+  width: 68px;
+  height: 68px;
+  overflow: hidden;
+  background: url(https://www.mousehuntgame.com/images/mice/thumb/d6980f1b00ff8ec688804706cba9370c.gif);
+  filter: hue-rotate(-326deg);
+  background-repeat: no-repeat;
+  background-size: contain;
+  border-radius: 50%;
+  transform: rotate(-70deg);
+}
+
+.map-relic-hunter-is-here.travelPage-map-image-environment-pointer {
+  top: 41px;
+  left: 86px;
+  z-index: 9;
+  filter: hue-rotate(326deg);
+  transform: rotate(70deg);
+}
+
+/* Bold the first letter of each of the first occurrences of the letters in the alphabet */
+#mh-simple-travel-page .first-letter::first-letter {
+  font-size: 12px;
+  font-weight: 900;
+}
+
+/* on hover, underline the letters to make it easier to see which letters are bolded */
+#mh-simple-travel-page .travelPage-alpha-wrapper:hover .first-letter::first-letter {
+  border-bottom: 1px solid #4e6081;
+}
+
+.mh-dark #mh-simple-travel-page .travelPage-alpha-wrapper:hover .first-letter::first-letter {
+  border-bottom: 1px solid var(--d-link);
+}
+
+#mh-simple-travel-page .travelPage-regionMenu .travelPage-regionMenu-environmentLink.active.highlight.event-location,
+#mh-simple-travel-page .travelPage-regionMenu .travelPage-regionMenu-environmentLink.current.highlight.event-location,
+#mh-simple-travel-page .travelPage-regionMenu .travelPage-regionMenu-environmentLink.event-location {
+  color: #c01dff;
+}
+
+.mh-dark #mh-simple-travel-page .travelPage-regionMenu .travelPage-regionMenu-environmentLink.event-location {
+  color: var(--d-orange);
+}
+
+.mh-dark #mh-simple-travel-page .travelPage-alpha-wrapper:hover .event-location.first-letter::first-letter {
+  border-bottom: 1px solid var(--d-orange);
+}
+
+.mh-dark #mh-simple-travel-page .travelPage-alpha-wrapper:hover .event-location.first-letter.current::first-letter {
+  border-bottom: 1px solid var(--d-text-muted);
+}
+
+#mh-simple-travel-page .travelPage-regionMenu .travelPage-regionMenu-environmentLink.active.highlight.event-location::after,
+#mh-simple-travel-page .travelPage-regionMenu .travelPage-regionMenu-environmentLink.current.highlight.event-location::after,
+#mh-simple-travel-page .travelPage-regionMenu .travelPage-regionMenu-environmentLink.event-location::after {
+  position: absolute;
+  top: 1px;
+  left: 4px;
+  width: 15px;
+  height: 15px;
+  content: "";
+  background-image: url(https://www.mousehuntgame.com/images/ui/camp/trap/star_favorite.png);
+  filter: drop-shadow(0 0 1px #fff);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+
+.travelPage-map-environment-detail-title .custom-favorite-button {
+  margin-top: -1px;
+  margin-left: 10px;
+}
+
+.mousehuntHud-menu ul li ul li.mh-improved-better-travel-favorites-divider {
+  height: 1px;
+  pointer-events: none;
+  background-color: rgb(108 61 14 / 50%);
+}
+
+.mh-improved-better-travel-favorite-location::after {
+  position: absolute;
+  top: 6px;
+  right: 4px;
+  bottom: 0;
+  display: block;
+  width: 20px;
+  height: 20px;
+  content: "";
+  background: url(https://www.mousehuntgame.com/images/ui/map/star_gold_320.png);
+  background-size: contain;
+  opacity: 0.3;
+}
+
+.mh-improved-better-travel-favorite-location:hover::after,
+.mh-improved-better-travel-favorite-location:focus::after {
+  opacity: 0.1;
+}
+
+.mh-improved-better-travel-menu-item .name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Fix it so that the icon is clickable */
+.mousehuntHud-environmentName {
+  padding-top: 0;
+  margin-top: 29px;
+}
+
+.mh-improved-better-travel-favorite-location .icon,
+.mh-improved-better-travel-region-location .icon {
+  border: 1px solid #9f9171;
+  border-radius: 3px;
+}
+
+.mh-improved-travel-message.travelPage-map-message.active {
+  top: 46px;
+  box-shadow: 0 3px 6px -3px #333;
+}
+
+.mh-improved-travel-message.travelPage-map-message .mousehuntActionButton {
+  padding: 3px 10px;
+  font-size: 11px;
+}
+
+.mh-improved-travel-message > div {
+  display: none;
+}
+
+.travelPage-map-image-environment-pointer {
+  top: 5px;
+  left: 29px;
+  width: 140px;
+  height: 112px;
+  background-size: cover;
+}
+
+.travelPage-map-image-environment-pointer-image {
+  top: 7px;
+  left: 7px;
+  width: 68px;
+  height: 68px;
+}
+
+.huntersHornView__message.huntersHornView__message--active.travel-reminder .huntersHornMessageView--unknown_error .huntersHornMessageView__content::before {
+  display: none;
+}
+
+.huntersHornView__message.huntersHornView__message--active.travel-reminder .huntersHornMessageView--unknown_error {
+  border-image-source: url(https://i.mouse.rip/horn-message/pink.png);
+}
+
+.travelPage-map-image-environment[data-environment-type="train_station"] .travelPage-map-image-environment-name,
+.travelPage-map-image-environment[data-environment-type="ronzas_traveling_shoppe"] .travelPage-map-image-environment-name {
+  left: -70px;
+  width: 310px;
+}
+
+.travelPage-map-environment-detail-description {
+  position: inherit;
+}
+
+.travelPage-map-environment-detail.current .travelPage-map-environment-detail-description-current-location {
+  position: absolute;
+  top: 3px;
+  right: 195px;
+}
+
+.travelPage-map-environment-detail-shop:hover .travelPage-map-environment-detail-shop-name {
+  left: unset;
+  margin-left: -10px;
+}
+
+.travelPage-map-zoomIn:hover,
+.travelPage-map-zoomOut:hover {
+  filter: brightness(0.5);
+}

package/src/modules/better-travel/styles/travel-menu-hiding.css

@@ -0,0 +1,4 @@
+/* If Lethal Vision's Hyperspeed travel is installed, hide all of the items but our custom ones. */
+ul.fast-travel-list > li:not(.custom-submenu-item) {
+  display: none;
+}

package/src/modules/better-travel/utils.js

@@ -0,0 +1,28 @@
+import { getSetting, saveSetting } from '@utils';
+
+/**
+ * Get a travel setting.
+ *
+ * @param {string} settingName  The name of the setting to get.
+ * @param {*}      defaultValue The default value to return if the setting is not found.
+ *
+ * @return {*} The value of the setting.
+ */
+const getTravelSetting = (settingName, defaultValue) => {
+  return getSetting(`better-travel.${settingName}`, defaultValue);
+};
+
+/**
+ * Save a travel setting.
+ *
+ * @param {string} settingName The name of the setting to save.
+ * @param {*}      value       The value to save.
+ */
+const saveTravelSetting = (settingName, value) => {
+  saveSetting(`better-travel.${settingName}`, value);
+};
+
+export {
+  getTravelSetting,
+  saveTravelSetting
+};

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

@@ -0,0 +1,71 @@
+import { addStyles, getSetting } from '@utils';
+
+import adventurebook from './modules/adventure-book';
+import codexAtBottom from './modules/codex-at-bottom';
+import eggMaster from './modules/egg-master';
+import friends from './modules/friends';
+import hud from './modules/hud';
+import kingsPromo from './modules/kings-promo';
+import largerCodices from './modules/larger-codices';
+import largerSkinImages from './modules/larger-skin-images';
+import legacyStyles from './modules/legacy-styles';
+import maintenance from './modules/maintenance';
+import randomSkinButton from './modules/random-skin-button';
+import showUnownedSkins from './modules/show-unowned-skins';
+import skinPreviewBase from './modules/skin-preview-base';
+import trapGradientBackground from './modules/trap-gradient-background';
+import userscriptStyles from './modules/userscripts-styles';
+
+import settings from './settings';
+
+import * as imported from './styles/*.css'; // eslint-disable-line import/no-unresolved
+const styles = imported;
+
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  if (getSetting('better-ui.styles', true)) {
+    addStyles(styles, 'better-ui');
+  }
+
+  adventurebook();
+  friends();
+  kingsPromo();
+  maintenance();
+  userscriptStyles();
+  randomSkinButton();
+  skinPreviewBase();
+
+  const modules = [
+    { enabled: getSetting('better-ui.codex-at-bottom', true), load: codexAtBottom },
+    { enabled: getSetting('better-ui.hud-changes', true), load: hud },
+    { enabled: getSetting('better-ui.larger-codices', true), load: largerCodices },
+    { enabled: getSetting('better-ui.larger-skin-images', true), load: largerSkinImages },
+    { enabled: getSetting('better-ui.profile-changes', true), load: eggMaster },
+    { enabled: getSetting('better-ui.show-unowned-skins', true), load: showUnownedSkins },
+    { enabled: getSetting('better-ui.trap-gradient-background', false), load: trapGradientBackground },
+  ];
+
+  for (const module of modules) {
+    if (module.enabled) {
+      module.load();
+    }
+  }
+
+  legacyStyles();
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'better-ui',
+  name: 'Better UI',
+  type: 'better',
+  default: true,
+  description: 'Update the interface with UI and style changes.',
+  order: -1,
+  load: init,
+  settings,
+};

package/src/modules/better-ui/modules/adventure-book/index.js

@@ -0,0 +1,28 @@
+import { getCurrentPage, onNavigation, onRequest } from '@utils';
+
+/**
+ * Add the adventure book class to the adventure book banner.
+ */
+const addAdventureBookClass = () => {
+  if (! user?.quests?.QuestAdventureBook?.adventure?.can_claim) {
+    return;
+  }
+
+  if (! getCurrentPage('camp')) {
+    return;
+  }
+
+  const adventureBook = document.querySelector('.adventureBookBanner');
+  if (! adventureBook) {
+    return;
+  }
+
+  adventureBook.classList.add('adventureBookBanner-complete');
+};
+
+export default async () => {
+  onRequest('*', addAdventureBookClass);
+  onNavigation(addAdventureBookClass, {
+    page: 'camp',
+  });
+};

package/src/modules/better-ui/modules/codex-at-bottom/index.js

@@ -0,0 +1,24 @@
+import { addStyles, onEvent, onNavigation } from '@utils';
+
+/**
+ * Move the codex to the bottom of the trap selector.
+ */
+const moveCodex = async () => {
+  const codex = document.querySelector('.trapSelectorView__activeCodexContainer');
+  const statsContainer = document.querySelector('.trapSelectorView__trapStatSummaryContainer');
+  if (codex && statsContainer) {
+    statsContainer.append(codex);
+  }
+};
+
+/**
+ * Initialize the module.
+ */
+export default async () => {
+  addStyles('.trapSelectorView__activeCodexContainer--visible { order: 100; }', 'codex-at-bottom');
+  moveCodex();
+  onNavigation(moveCodex, {
+    page: 'camp',
+  });
+  onEvent('mh-improved-cre-list-rendered', moveCodex);
+};