mousehunt-improved 0.97.1 → 0.98.0

package/src/modules/better-maps/modules/catch-dates.js

@@ -1,78 +0,0 @@
-import { cacheGetNoExpiration, getMapData, makeElement, onEvent } from '@utils';
-
-const addCatchDates = async () => {
-  const mapId = user?.quests?.QuestRelicHunter?.default_map_id || false;
-  if (! mapId) {
-    return;
-  }
-
-  const catchDates = await cacheGetNoExpiration(`map-catches-${mapId}`);
-  const goals = document.querySelectorAll('.treasureMapView-goals-group-goal.complete');
-  goals.forEach((goal) => {
-    const goalId = goal.getAttribute('data-unique-id') || goal.getAttribute('data-mouse-type');
-    if (! goalId || ! catchDates[goalId]) {
-      return;
-    }
-
-    let dateEl = goal.querySelector('.mh-improved-catch-date');
-    if (! dateEl) {
-      const nameEl = goal.querySelector('.treasureMapView-goals-group-goal-name');
-      if (nameEl) {
-        dateEl = makeElement('div', 'mh-improved-catch-date');
-        nameEl.append(dateEl);
-      }
-    }
-
-    const caught = new Date(catchDates[goalId]);
-    dateEl.textContent = caught.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
-  });
-};
-
-const addMapStartDate = async () => {
-  const mapId = user?.quests?.QuestRelicHunter?.default_map_id || false;
-  if (! mapId) {
-    return;
-  }
-
-  const mapActions = document.querySelector('.treasureMapView-mapMenu-group-actions');
-  if (! mapActions) {
-    return;
-  }
-
-  const existing = document.querySelector('.mh-improved-map-start');
-  if (existing) {
-    return;
-  }
-
-  const start = await cacheGetNoExpiration(`map-start-${mapId}`);
-  if (! start) {
-    return;
-  }
-
-  const mapData = await getMapData(mapId);
-  if (! mapData || ! mapData.hunters || ! mapData.hunters[0] || ! mapData.hunters[0].sn_user_id) {
-    return;
-  }
-
-  const didOpenMap = mapData.hunters[0].sn_user_id === user.sn_user_id;
-
-  const started = new Date(start);
-  const startText = `${didOpenMap ? 'Started' : 'Joined'} ${started.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })}`;
-  makeElement('div', 'mh-improved-map-start', startText, mapActions);
-};
-
-export default () => {
-  onEvent('map_show_goals_tab_click', (map) => {
-    let shouldShowDates = map.viewing_user_is_on_map;
-    if (! shouldShowDates) {
-      shouldShowDates = map.map_data?.hunters?.some((hunter) => hunter.sn_user_id === user.sn_user_id);
-    }
-
-    if (! shouldShowDates) {
-      return;
-    }
-
-    addCatchDates();
-    addMapStartDate();
-  });
-};

package/src/modules/better-maps/modules/community.js

@@ -1,167 +0,0 @@
-import {
-  addStyles,
-  dbGet,
-  dbSet,
-  getData,
-  makeElement,
-  onRequest,
-  sleep
-} from '@utils';
-
-/**
- * Get the map data.
- *
- * @param {number}  mapId       The map ID.
- * @param {boolean} forceUpdate Whether to force an update.
- *
- * @return {Promise} The map data.
- */
-const getMapData = async (mapId, forceUpdate = false) => {
-  return new Promise((resolve) => {
-    hg.utils.TreasureMapUtil.getMapInfo(mapId, (resp) => {
-      resolve(resp);
-    }, () => {
-      resolve([]);
-    }, forceUpdate);
-  });
-};
-
-const addInfoToListing = async (mapId, mapEl) => { // eslint-disable-line no-unused-vars
-  // TODO: update this to add a 'get info' button and then load the info on click.
-  if (mapEl.innerText.includes('Loading')) {
-    // add an observer to wait for the map data to load
-    const observer = new MutationObserver(async () => {
-      if (mapEl.innerText.includes('Loading')) {
-        await sleep(500);
-        return;
-      }
-
-      observer.disconnect();
-
-      await updateListing(mapId);
-    });
-
-    observer.observe(mapEl, {
-      childList: true,
-      subtree: true,
-    });
-
-    return;
-  }
-
-  const cachedData = await dbGet('cache', `map-listing-cache-${mapId}`);
-  if (cachedData) {
-    mapData = cachedData.data.mapData;
-  } else {
-    mapData = await getMapData(mapId);
-
-    await sleep(500);
-
-    if (! mapData || ! mapData.treasure_map || ! mapData.treasure_map.hunters) {
-      return;
-    }
-
-    mapData = mapData.treasure_map;
-
-    dbSet('cache', {
-      id: `map-listing-cache-${mapId}`,
-      mapData,
-    });
-  }
-
-  // find the user that owns this map, which is mapData.treasure_map.hunters[0].captain === true
-  const captain = mapData.hunters.find((hunter) => hunter.captain === true);
-  if (! captain) {
-    return;
-  }
-
-  const lastActive = captain?.last_active_formatted;
-
-  const captainEl = mapEl.querySelector('.treasureMapListingsTableView-owner');
-  if (captainEl) {
-    const lastActiveWrapper = makeElement('div', ['mh-improved-map-listing-last-active-wrapper', 'treasureMapView-ally-lastActive']);
-    if (captain.is_online) {
-      lastActiveWrapper.classList.add('online');
-    }
-
-    makeElement('div', 'mh-improved-map-listing-last-active', captain.last_active_formatted, lastActiveWrapper);
-
-    captainEl.append(lastActiveWrapper);
-  }
-
-  if (lastActive.includes('week') || lastActive.includes('month') || lastActive.includes('year')) {
-    mapEl.remove();
-    return;
-  }
-
-  if (
-    (mapData.max_hunters - 1 === mapData.hunters.length) ||
-    mapData.invite_requests.length > 15
-  ) {
-    mapEl.classList.add('mh-improved-map-listing-full');
-  }
-
-  mapEl.classList.remove('mh-improved-map-listing-highlight');
-};
-
-/**
- * Update a map listing.
- *
- * @param {number} mapId The map ID.
- */
-const updateListing = async (mapId) => {
-  const mapEl = document.querySelector(`.treasureMapListingsTableView-row[data-map-id="${mapId}"]`);
-  if (! mapEl) {
-    return;
-  }
-
-  mapEl.classList.add('mh-improved-map-listing-highlight');
-
-  await sleep(500);
-  const mapsData = await getData('community-map-data');
-  let oldIds = new Set();
-
-  if (mapsData && mapsData.old) {
-    oldIds = new Set(mapsData.old);
-  }
-
-  if (oldIds.has(mapId)) {
-    mapEl.remove();
-  } else {
-    // addInfoToListing(mapId, mapEl);
-  }
-};
-
-/**
- * Debug the community maps.
- *
- * @param {Object} response The response.
- * @param {Object} data     The data.
- */
-const debug = async (response, data) => {
-  if ('get_listings' !== data.action) {
-    return;
-  }
-
-  if (! response.treasure_map_listings) {
-    return;
-  }
-
-  const listingMapIds = response.treasure_map_listings.map((listing) => listing?.map_id);
-
-  // hide the mhct thank you.
-  const hideMhct = addStyles('#mhhh_flash_message_div { display: none !important; }', 'better-maps-temporary-hide-mhct');
-
-  for (const mapId of listingMapIds) {
-    await updateListing(mapId);
-  }
-
-  hideMhct.remove();
-};
-
-/**
- * Initialize the module.
- */
-export default () => {
-  onRequest('users/treasuremap_v2.php', debug);
-};

package/src/modules/better-maps/modules/consolation-prizes.js

@@ -1,30 +0,0 @@
-import { makeElement, mapData } from '@utils';
-
-/**
- * Add consolation prizes to the map view.
- */
-export default async () => {
-  const consolationButton = document.querySelector('.treasureMapView-consolationPrize-message');
-  if (! consolationButton || ! mapData().has_consolation_prizes || ! mapData().consolation_prizes) {
-    return;
-  }
-
-  const existing = document.querySelector('.mh-mapper-consolation-prizes');
-  if (existing) {
-    existing.remove();
-  }
-
-  const prizeWrapper = makeElement('div', 'mh-mapper-consolation-prizes');
-  const prizes = mapData().consolation_prizes || [];
-  for (const prize of prizes) {
-    const prizeDiv = makeElement('div', 'mh-mapper-consolation-prize');
-    const prizeImg = makeElement('img', 'mh-mapper-consolation-prize');
-    prizeImg.src = prize.thumb;
-    prizeDiv.append(prizeImg);
-    makeElement('div', 'mh-mapper-consolation-prize-text', `${prize.quantity} ${prize.name}`, prizeDiv);
-
-    prizeWrapper.append(prizeDiv);
-  }
-
-  consolationButton.parentElement.append(prizeWrapper);
-};

package/src/modules/better-maps/modules/draggable-highlight.js

@@ -1,80 +0,0 @@
-import { onEvent } from '@utils';
-
-const modifyStickyHighlights = async () => {
-  const goals = document.querySelectorAll('.treasureMapView-goals-group-goal');
-  if (goals && goals.length > 0) {
-    goals.forEach((goal) => {
-      goal.addEventListener('click', stickHighlightGoal);
-    });
-  }
-};
-
-const stickHighlightGoal = (event) => {
-  const goalId = event.currentTarget.getAttribute('data-unique-id');
-  if (! goalId) {
-    return;
-  }
-
-  stickiedHighlight = goalId;
-
-  const highlight = document.querySelector('.treasureMapView-highlight.active');
-  if (! highlight) {
-    return;
-  }
-
-  // Variables to track drag state
-  let isDragging = false;
-  let offsetX = 0;
-  let offsetY = 0;
-
-  // Start dragging
-  const onMouseDown = (e) => {
-    isDragging = true;
-    offsetX = e.clientX - highlight.offsetLeft;
-    offsetY = e.clientY - highlight.offsetTop;
-
-    // Add event listeners for dragging and stopping
-    document.addEventListener('mousemove', onMouseMove);
-    document.addEventListener('mouseup', onMouseUp);
-
-    // set the cursor to grabbing
-    highlight.classList.add('dragging');
-  };
-
-  // Handle dragging
-  const onMouseMove = (e) => {
-    if (! isDragging) {
-      return;
-    }
-
-    // Update the position of the highlight
-    const newX = e.clientX - offsetX;
-    const newY = e.clientY - offsetY;
-
-    highlight.style.position = 'absolute';
-    highlight.style.left = `${newX}px`;
-    highlight.style.top = `${newY}px`;
-    highlight.style.zIndex = 1000; // Ensure it stays on top
-  };
-
-  // Stop dragging
-  const onMouseUp = () => {
-    isDragging = false;
-
-    // Remove event listeners
-    document.removeEventListener('mousemove', onMouseMove);
-    document.removeEventListener('mouseup', onMouseUp);
-
-    highlight.classList.remove('dragging');
-  };
-
-  highlight.addEventListener('mousedown', onMouseDown);
-
-  highlight.classList.add('mh-ui-sticky-highlight');
-};
-
-export default () => {
-  onEvent('map_show_goals_tab_click', () => {
-    modifyStickyHighlights();
-  });
-};

package/src/modules/better-maps/modules/floating-islands.js

@@ -1,209 +0,0 @@
-import {
-  debuglog,
-  getCurrentLocation,
-  onEvent,
-  onRequest,
-  sessionGet,
-  waitForElement
-} from '@utils';
-import { refreshMap } from '../utils';
-
-const toHighlight = new Set([
-  'arcane_paragon',
-  'draconic_paragon',
-  'forgotten_paragon',
-  'hydro_paragon',
-  'law_paragon',
-  'physical_paragon',
-  'shadow_paragon',
-  'tactical_paragon',
-  'draconic_paragon',
-  'fog_warden',
-  'frost_warden',
-  'rain_warden',
-  'wind_warden',
-]);
-
-const getSkyMapMice = () => {
-  const goals = mapData?.goals?.mouse || [];
-  const completedGoals = [];
-
-  const hunters = mapData?.hunters || [];
-  for (const hunter of hunters) {
-    const hunterCompleted = hunter?.completed_goal_ids?.mouse;
-    if (hunterCompleted) {
-      completedGoals.push(...hunterCompleted);
-    }
-  }
-
-  return goals.filter((goal) => ! completedGoals.includes(goal.unique_id) && toHighlight.has(goal.type));
-};
-
-const highlightSkyMap = async () => {
-  await waitForElement('floatingIslandsAdventureBoardSkyMap', { maxAttempts: 100, delay: 100 });
-  if (! mapGoals) {
-    main();
-    return;
-  }
-
-  // check if any of the goals on the map are paragons and if not, return.
-  if (! mapGoals.some((goal) => goal.type.endsWith('paragon'))) {
-    return; // TODO: also add check for wardens.
-  }
-
-  const edge = [...document.querySelectorAll('.floatingIslandsAdventureBoardSkyMap-powerTypes .floatingIslandsHUD-powerType')];
-  const grid = [...document.querySelectorAll('.floatingIslandsAdventureBoardSkyMap-islandModContainer .floatingIslandsAdventureBoardSkyMap-islandMod')];
-
-  // if any of the grid doesnt include the paragon tiles, return.
-  if (! grid.some((tile) => {
-    if (tile.classList.contains('paragon_cache_a') ||
-      tile.classList.contains('paragon_cache_b') ||
-      tile.classList.contains('paragon_cache_c') ||
-      tile.classList.contains('paragon_cache_d')) {
-      return true;
-    }
-
-    return false;
-  })) {
-    return;
-  }
-
-  /**
-   * The grid is laid out like so:
-   * <arcane>        [ ]    [ ]    [ ]     [ ]
-   * <forgotten>     [ ]    [ ]    [ ]     [ ]
-   * <hydro>         [ ]    [ ]    [ ]     [ ]
-   * <shadow>        [ ]    [ ]    [ ]     [ ]
-   * ........   <draconic> <law> <physc> <tactical>.
-   */
-
-  // We want to make arrays so we can easily highlight different power type tiles.
-
-  const mapByPowerType = {
-    arcane: {
-      edge: edge[0],
-      tiles: [grid[0], grid[1], grid[2], grid[3]],
-    },
-    forgotten: {
-      edge: edge[1],
-      tiles: [grid[4], grid[5], grid[6], grid[7]],
-    },
-    hydro: {
-      edge: edge[2],
-      tiles: [grid[8], grid[9], grid[10], grid[11]],
-    },
-    shadow: {
-      edge: edge[3],
-      tiles: [grid[12], grid[13], grid[14], grid[15]],
-    },
-    draconic: {
-      edge: edge[4],
-      tiles: [grid[0], grid[4], grid[8], grid[12]],
-    },
-    law: {
-      edge: edge[5],
-      tiles: [grid[1], grid[5], grid[9], grid[13]],
-    },
-    physical: {
-      edge: edge[6],
-      tiles: [grid[2], grid[6], grid[10], grid[14]],
-    },
-    tactical: {
-      edge: edge[7],
-      tiles: [grid[3], grid[7], grid[11], grid[15]],
-    },
-  };
-
-  edge.forEach((tile) => {
-    tile.classList.remove('highlight-for-map');
-    tile.classList.remove('extra-highlight-for-map');
-    tile.classList.add('lowlight-for-map');
-  });
-
-  grid.forEach((tile) => {
-    tile.classList.remove('highlight-for-map');
-    tile.classList.remove('extra-highlight-for-map');
-    tile.classList.add('lowlight-for-map');
-  });
-
-  // TODO: also update this to work with wardens, just skipping the power type.
-  let shouldHighlightRowExtra = false;
-  mapGoals.forEach((mouse) => {
-    shouldHighlightRowExtra = false;
-
-    const powerType = mouse.type.replaceAll('_paragon', '');
-    if (powerType && mapByPowerType[powerType]) {
-      if (! mapByPowerType[powerType].edge) {
-        return;
-      }
-
-      mapByPowerType[powerType].edge.classList.add('highlight-for-map');
-      mapByPowerType[powerType].edge.classList.remove('lowlight-for-map');
-
-      mapByPowerType[powerType].tiles.forEach((tile, index) => {
-        tile.classList.remove('lowlight-for-map');
-        tile.classList.add('highlight-for-map');
-
-        const mod = tile.querySelector('.floatingIslandsHUD-mod');
-        if (index === 0 && mod && (
-          mod.classList.contains('paragon_cache_a') ||
-          mod.classList.contains('paragon_cache_b') ||
-          mod.classList.contains('paragon_cache_c') ||
-          mod.classList.contains('paragon_cache_d')
-        )) {
-          shouldHighlightRowExtra = true;
-        }
-
-        if (shouldHighlightRowExtra) {
-          mapByPowerType[powerType].edge.classList.add('extra-highlight-for-map');
-          tile.classList.add('extra-highlight-for-map');
-        }
-      });
-    }
-  });
-};
-
-const main = async () => {
-  debuglog('highlighting');
-  if ('floating_islands' !== getCurrentLocation()) {
-    return;
-  }
-
-  if ('launch_pad_island' !== user?.quests?.QuestFloatingIslands?.hunting_site_atts?.island_type) {
-    return;
-  }
-
-  const mapId = user?.quests?.QuestRelicHunter?.default_map_id || false;
-  if (! mapId) {
-    return;
-  }
-
-  mapData = sessionGet(`mh-improved-map-cache-${mapId}`);
-  if (! mapData) {
-    await refreshMap();
-  }
-
-  if (mapData?.is_scavenger_hunt) {
-    return;
-  }
-
-  mapGoals = getSkyMapMice();
-
-  highlightSkyMap();
-};
-
-let mapData;
-let mapGoals;
-
-/**
- * Initialize the module.
- */
-export default () => {
-  onEvent('dialog-show-default-floatingislandsadventureboard-floatingislandsdialog-wide-skymap', main);
-
-  onRequest('environment/floating_islands.php', (resp, req) => {
-    if ('reroll_sky_map' === req?.action) {
-      highlightSkyMap();
-    }
-  });
-};