GeoPixels - Auto-open menus on hover

Automatically click group buttons when hovering over them
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         GeoPixels - Auto-open menus on hover
// @namespace    http://tampermonkey.net/
// @version      1.4
// @description  Automatically click group buttons when hovering over them
// @author       ariapokoteng
// @match        *://geopixels.net/*
// @match        *://*.geopixels.net/*
// @grant        none
// @license      MIT
// ==/UserScript==


(function() {
  'use strict';

  const VERTICAL_ZONE_PX = 250; // how far below button still counts as "hover"
  const PER_BUTTON_COOLDOWN_MS = 200; // throttle rapid toggles

  const buttonsState = new WeakMap();
  let trackedButtons = [];
  let latestMouse = null;
  let rafScheduled = false;

  function onMouseMove(e) {
    latestMouse = { x: e.clientX, y: e.clientY };
    if (!rafScheduled) {
      rafScheduled = true;
      requestAnimationFrame(processMouse);
    }
  }

  function processMouse() {
    rafScheduled = false;
    if (!latestMouse) return;
    const { x, y } = latestMouse;

    trackedButtons.forEach(info => {
      if (!info.button || !info.parent) return;
      const rect = info.button.getBoundingClientRect();
      const left = Math.floor(rect.left);
      const right = Math.ceil(rect.right);
      const top = Math.floor(rect.top);
      const bottom = Math.ceil(rect.bottom);
      const zoneBottom = bottom + VERTICAL_ZONE_PX;

      const insideHoriz = (x >= left) && (x <= right);
      const insideVerticalZone = (y >= top) && (y <= zoneBottom);

      if (insideHoriz && insideVerticalZone) {
        tryOpen(info);
      }
    });
  }

  function isMenuOpen(info) {
    const { button, parent, dropdown } = info;
    if (!button || !dropdown) return false;
    // Check visibility or open markers
    const visible = dropdown.offsetParent !== null;
    const hasActive = button.classList.contains('active') || parent.classList.contains('active');
    const hasShow = dropdown.classList.contains('show') || dropdown.classList.contains('open');
    return visible || hasActive || hasShow;
  }

  function tryOpen(info) {
    const now = Date.now();
    const last = buttonsState.get(info.button) || 0;
    if (now - last < PER_BUTTON_COOLDOWN_MS) return;
    if (isMenuOpen(info)) return; // prevent repeated toggles while open

    try {
      info.button.click();
      buttonsState.set(info.button, now);
    } catch (_) {
      /* ignore if element disappeared */
    }
  }

  function scanAndAttach() {
    const controlsLeft = document.getElementById('controls-left');
    if (!controlsLeft) {
      setTimeout(scanAndAttach, 500);
      return;
    }

    const buttons = Array.from(
      controlsLeft.querySelectorAll('button[id$="GroupBtn"], button[id$="plusplusBtn"]')
    );

    trackedButtons = buttons.map(button => {
      const parent = button.closest('.relative') || button.parentElement;
      const dropdown = parent ? parent.querySelector('.dropdown-menu') : null;
      return { button, parent, dropdown };
    });

    if (trackedButtons.length > 0) {
      document.addEventListener('mousemove', onMouseMove, { passive: true });
    }
  }

  function installMutationObserver() {
    const body = document.body;
    if (!body) return;
    const observer = new MutationObserver(() => {
      clearTimeout(scanDebounceTimer);
      scanDebounceTimer = setTimeout(scanAndAttach, 150);
    });
    observer.observe(body, { childList: true, subtree: true, attributes: true });
  }

  let scanDebounceTimer = null;

  function init() {
    scanAndAttach();
    installMutationObserver();
    console.log('GeoPixels hover-zone (mousemove) initialized. Vertical zone:', VERTICAL_ZONE_PX, 'px');
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();