mousehunt-improved 0.97.1

package/src/modules/favorite-setups/settings/index.js

@@ -0,0 +1,25 @@
+/**
+ * Add settings for the module.
+ *
+ * @return {Array} The settings for the module.
+ */
+export default async () => {
+  return [
+    {
+      id: 'favorite-setups.show-mobile-favorites',
+      title: 'Include mobile favorites',
+      default: false,
+    },
+    {
+      id: 'favorite-setups.show-location-favorites',
+      title: 'Highlight setups for current location at the top',
+      default: true,
+    },
+    {
+      id: 'favorite-setups.use-generated-names',
+      title: 'Use generated names for setups',
+      description: 'If enabled, setups will be named based on their components and location via an AI model.',
+      default: true,
+    }
+  ];
+};

package/src/modules/favorite-setups/styles.css

@@ -0,0 +1,471 @@
+.mh-improved-favorite-setups-button {
+  position: relative;
+  display: block;
+  padding: 5px 10px;
+  margin: 5px 0;
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 31px;
+  color: #4e300b;
+  cursor: pointer;
+  background: #f6f3eb;
+  border: 1px solid #d3cecb;
+  border-radius: 4px;
+  box-shadow: -1px 1px 3px #d3cecb inset;
+}
+
+.mh-improved-favorite-setups-button-label {
+  position: absolute;
+  top: 0;
+  right: 10px;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+  font-weight: 100;
+  color: #8e6642;
+  vertical-align: bottom;
+}
+
+.mh-improved-favorite-setups-button:hover {
+  text-decoration: none;
+}
+
+.mh-dark-mode .pageFrameView #mousehuntContainer.PageCamp .mh-improved-favorite-setups-button:hover {
+  background-color: #494949;
+}
+
+.mh-improved-favorite-setups-blueprint-container {
+  position: absolute;
+  inset: 0;
+  color: #4e300b;
+}
+
+.mh-improved-favorite-setups-blueprint-container .header {
+  margin-top: 10px;
+  font-size: 13px;
+  color: #8e6642;
+  text-align: center;
+}
+
+.mh-improved-favorite-setups-blueprint-container .content {
+  position: absolute;
+  inset: 35px 5px 10px;
+  overflow-y: auto;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row {
+  display: grid;
+  grid-template-columns: 1fr 30px repeat(4, 45px);
+  align-items: center;
+  height: auto;
+  min-height: 50px;
+  padding: 3px;
+  margin-bottom: 7px;
+  background: #fff;
+  border: 1px solid #ceb7a6;
+  border-radius: 5px;
+}
+
+.mh-improved-favorite-setups-blueprint-container .location-favorites {
+  padding: 10px 0;
+  margin: 10px 0;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.location-favorite {
+  position: relative;
+  background-color: #fdfacf;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.location-favorite:last-child {
+  margin-bottom: 0;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row .campPage-trap-itemBrowser-favorite-item-image {
+  width: 100%;
+  height: 45px;
+  border-radius: 0;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.editing {
+  grid-template-columns: 1fr repeat(4, 40px);
+  align-items: start;
+}
+
+.mh-improved-favorite-setups-blueprint-container .controls {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  height: 50px;
+}
+
+.mh-improved-favorite-setups-blueprint-container .button-wrapper {
+  display: flex;
+  gap: 5px;
+  align-items: center;
+  justify-content: center;
+}
+
+.mh-improved-favorite-setups-blueprint-container .campPage-trap-itemBrowser-favorite-item {
+  width: 100%;
+}
+
+.mh-improved-favorite-setups-blueprint-container .controls .label {
+  padding: 0;
+  font-size: 12px;
+  text-align: center;
+}
+
+.mh-improved-favorite-setups-blueprint-container .controls .action {
+  padding: 4px 6px;
+  font-size: 11px;
+  font-weight: 400;
+  line-height: inherit;
+}
+
+.mh-improved-favorite-setups-blueprint-container .controls .action.arm {
+  padding: 4px 10px;
+}
+
+.mh-improved-favorite-setups-blueprint-container .edit {
+  position: absolute;
+  right: 10px;
+}
+
+.mh-improved-favorite-setups-blueprint-container .controls .delete,
+.mh-improved-favorite-setups-blueprint-container .editing .controls .delete,
+.mh-improved-favorite-setups-blueprint-container .editing .controls .edit-setup,
+.mh-improved-favorite-setups-blueprint-container.editing .controls .edit-setup,
+.mh-improved-favorite-setups-blueprint-container .controls .save-setup,
+.mh-improved-favorite-setups-blueprint-container .controls .cancel-setup,
+.mh-improved-favorite-setups-blueprint-container.editing .controls .arm,
+.mh-improved-favorite-setups-blueprint-container .editing .controls .arm {
+  display: none;
+}
+
+.mh-improved-favorite-setups-blueprint-container .editing .controls .delete,
+.mh-improved-favorite-setups-blueprint-container .editing .controls .save-setup,
+.mh-improved-favorite-setups-blueprint-container .editing .controls .cancel-setup {
+  display: block;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.flash {
+  background-color: #b9ffb9;
+}
+
+.mh-improved-favorite-setups-blueprint-container .controls input {
+  width: 165px;
+  padding: 3px;
+}
+
+.row.editing .campPage-trap-itemBrowser-favorite-item::after {
+  position: absolute;
+  right: 5px;
+  bottom: -8px;
+  left: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px 0;
+  content: "edit";
+  background-color: rgb(238 238 238 / 93%);
+  border: 1px solid #585858;
+  border-radius: 5px;
+}
+
+.row.editing .campPage-trap-itemBrowser-favorite-item:hover::after {
+  background-color: #ccc;
+}
+
+.mh-improved-favorite-setups-blueprint-container .editing .campPage-trap-itemBrowser-favorite-item:hover .campPage-trap-itemBrowser-favorite-item-image {
+  opacity: 0.8;
+}
+
+.mh-improved-favorite-setups-component-picker-popup-body-items {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+
+.mh-improved-favorite-setups-component-picker .prefix,
+.mh-improved-favorite-setups-component-picker .content {
+  background-color: #f6f3eb;
+}
+
+.mh-improved-favorite-setups-component-picker .content .content {
+  max-height: 90vh;
+  overflow: auto;
+}
+
+.mh-improved-favorite-setups-component-picker .campPage-trap-itemBrowser-item {
+  width: auto;
+  max-width: 300px;
+}
+
+.mh-improved-favorite-setups-component-picker-popup-search {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  margin-bottom: 20px;
+}
+
+.mh-improved-favorite-setups-component-picker-popup-search input {
+  width: 350px;
+  padding: 10px;
+}
+
+.mh-improved-favorite-setups-component-picker .campPage-trap-itemBrowser-item-description {
+  margin-left: 0;
+}
+
+.mh-improved-favorite-setups-component-picker .trinket .campPage-trap-itemBrowser-item-content {
+  width: 80%;
+}
+
+a.random-title::after {
+  position: absolute;
+  top: 3px;
+  right: 3px;
+  z-index: 1;
+  box-sizing: border-box;
+  display: block;
+  width: 18px;
+  height: 18px;
+  content: "";
+  background-color: #ccc;
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd" /></svg>'); /* stylelint-disable-line */
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 15px;
+  border-radius: 20%;
+}
+
+a.random-title:hover::after {
+  background-color: #ddd;
+}
+
+a.random-title.loading::after {
+  animation: mh-improved-glow 1s linear infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  a.random-title.loading::after {
+    animation: none;
+  }
+}
+
+.mh-improved-favorite-setups-blueprint-container .editing .controls .label {
+  position: relative;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row .mh-improved-favorite-setups-power-type-wrapper .campPage-trap-itemBrowser-favorite-item-image {
+  width: 25px;
+  height: 25px;
+  opacity: 0.8;
+}
+
+.mh-improved-favorite-setups-component-picker-popup .campPage-trap-itemBrowser-item-statContainer {
+  width: 75%;
+  margin-top: 5px;
+}
+
+.mh-improved-favorite-setups-component-picker-popup .campPage-trap-itemBrowser-item-content {
+  width: 80%;
+}
+
+.mh-improved-favorite-setups-blueprint-container .editing .campPage-trap-itemBrowser-item-powerType {
+  display: none;
+}
+
+.mh-improved-favorite-setups-blueprint-container .campPage-trap-itemBrowser-item-powerType {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 25px;
+}
+
+.mh-improved-favorite-setups-blueprint-container .campPage-trap-itemBrowser-item-powerType.hidden {
+  visibility: hidden;
+}
+
+.mh-improved-favorite-setups-blueprint-container .campPage-trap-itemBrowser-item-powerType::before {
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+  background-color: transparent;
+  border: none;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row:hover .controls .action.arm {
+  outline: 2px solid #eab35d;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.editing .campPage-trap-itemBrowser-favorite-item-image {
+  height: 40px;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.editing a.move-down::after,
+.mh-improved-favorite-setups-blueprint-container .row.editing a.move-up::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 18px;
+  height: 18px;
+  content: "";
+  background-repeat: no-repeat;
+  background-size: contain;
+  opacity: 0.4;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.editing a.move-up::after {
+  position: absolute;
+  right: 13px;
+  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z" clip-rule="evenodd" /></svg>'); /* stylelint-disable-line */
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.editing a.move-down::after {
+  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z" clip-rule="evenodd" /></svg>'); /* stylelint-disable-line */
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.editing a.move-down:hover::after,
+.mh-improved-favorite-setups-blueprint-container .row.editing a.move-up:hover::after {
+  opacity: 1;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row:last-child .move-down {
+  display: none;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row:nth-child(2) .move-up {
+  display: none;
+}
+
+.pageFrameView #mousehuntContainer.PageCamp .mh-improved-favorite-setups-button:hover {
+  background-color: #fdfaf2;
+}
+
+.mh-dark-mode .pageFrameView .mh-improved-favorite-setups-blueprint-container .campPage-trap-itemBrowser-item-powerType::after {
+  color: #000;
+}
+
+.mh-dark-mode .mh-improved-favorite-setups-button-label {
+  color: #e0d3b3;
+}
+
+.mh-dark-mode .mh-improved-favorite-setups-button-text {
+  color: #ebebeb;
+}
+
+.mousehuntHeaderView .menuItem.mousehunt-improved-favorite-setups-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 25px;
+  padding: 0;
+}
+
+.mousehunt-improved-favorite-setups-icon::before {
+  display: block;
+  width: 15px;
+  height: 15px;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z" clip-rule="evenodd" /></svg>'); /* stylelint-disable-line */
+  background-repeat: no-repeat;
+  background-size: contain;
+  opacity: 0.5;
+}
+
+.mousehunt-improved-favorite-setups-icon:hover::before {
+  opacity: 1;
+}
+
+.mh-improved-favorite-setups-blueprint-container .editing .controls .action {
+  padding: 2px 6px;
+}
+
+.mh-improved-favorite-setups-blueprint-container .location-favorite .controls .edit-setup {
+  display: none;
+}
+
+.campPage-trap-itemBrowser-favorite-item.loading .campPage-trap-itemBrowser-favorite-item-image::after {
+  position: absolute;
+  inset: 0;
+  content: "";
+  background:
+    center / 15px no-repeat url(https://www.mousehuntgame.com/images/ui/loaders/drip_spinner.gif),
+    center / contain repeat url(https://www.mousehuntgame.com/images/ui/backgrounds/overlay.png);
+}
+
+.row .campPage-trap-itemBrowser-favorite-item {
+  pointer-events: none;
+}
+
+.row.editing .campPage-trap-itemBrowser-favorite-item.clickable {
+  pointer-events: auto;
+}
+
+.row.mobile-setup {
+  background-color: #d1ebed;
+}
+
+.row.mobile-setup .edit-setup {
+  display: none;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.draggable {
+  position: relative;
+  cursor: move;
+}
+
+.mh-improved-favorite-setups-blueprint-container .campPage-trap-itemBrowser-item-powerType::after {
+  font-size: 9px;
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.dragging {
+  opacity: 0.5;
+  transform: scale(0.95);
+}
+
+.mh-improved-favorite-setups-blueprint-container .drag-handle {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  padding: 5px;
+  font-size: 14px;
+  color: #666;
+  cursor: grab;
+  user-select: none;
+  transform: translateY(-50%);
+}
+
+.mh-improved-favorite-setups-blueprint-container .row.editing .drag-handle {
+  display: none;
+}
+
+.mh-improved-favorite-setups-blueprint-container .drag-handle:active {
+  cursor: grabbing;
+}
+
+.mh-improved-favorite-setups-blueprint-container .placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 50px;
+  margin: 5px 0;
+  background:
+    linear-gradient(45deg, #f0f0f0 25%, transparent 25%) center,
+    linear-gradient(-45deg, #f0f0f0 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #f0f0f0 75%),
+    linear-gradient(-45deg, transparent 75%, #f0f0f0 75%);
+  background-size: 10px 10px;
+  border: 2px dashed #ccc;
+}
+
+.mh-improved-favorite-setups-blueprint-container .placeholder-text {
+  font-style: italic;
+  color: #999;
+}

package/src/modules/feature-flags/index.js

@@ -0,0 +1,36 @@
+import { getFlag } from '@utils';
+
+import rankupForecaster from './modules/rank-up-forecaster';
+import showFabledProgressBarText from './modules/fake-fabled';
+import socialNoop from './modules/social';
+
+import settings from './settings';
+
+/**
+ * Initialize the module.
+ */
+const init = () => {
+  if (getFlag('social-noop') || getFlag('twitter')) {
+    socialNoop();
+  }
+
+  if (! getFlag('rankup-forecaster')) {
+    rankupForecaster();
+  }
+
+  if (getFlag('fake-fabled')) {
+    showFabledProgressBarText();
+  }
+};
+
+/**
+ * Initialize the module.
+ */
+export default {
+  id: 'feature-flags',
+  type: 'advanced',
+  alwaysLoad: true,
+  load: init,
+  settings,
+  order: 200,
+};

package/src/modules/feature-flags/modules/fake-fabled.js

@@ -0,0 +1,7 @@
+import { addStyles } from '@utils';
+
+export default async () => {
+  addStyles(`.mousehuntHud-userStat.title .mousehuntHud-userStat-maxTitle { display: block; }
+.mousehuntHud-userStat.title .value,
+.mousehuntHud-userStat.title .mousehuntHud-titleProgressBar { display: none; }`, 'fake-fabled');
+};