CommunityScripts/plugins/hotCards/utils/helpers.js

/** General */

function getRandomInt(max) {
  return Math.floor(Math.random() * max);
}

function getFixedBackgroundOpacity(opacity) {
  return parseFloat((1 - opacity / 100).toFixed(1));
}

/** Elements */

function waitForClass(className, callback) {
  const checkInterval = 100; // ms
  const maxRetries = 30; // Timeout after 3 seconds
  let retryCount = 0;
  let intervalId;

  function checkElements() {
    const elements = document.getElementsByClassName(className);
    if (elements.length > 0) {
      clearAll();
      callback();
    } else if (retryCount >= maxRetries) {
      clearAll();
      console.info(
        `Element with class "${className}" not found within timeout period`
      );
    }
    retryCount++;
  }

  function clearAll() {
    clearInterval(intervalId);
    removeEventListeners();
  }

  function clear() {
    console.info(
      `Element with class "${className}" search cancelled due to page change`
    );
    clearAll();
  }

  function addEventListeners() {
    document.addEventListener("visibilitychange", clear);
    window.addEventListener("beforeunload", clear);
    window.addEventListener("popstate", clear);
  }

  function removeEventListeners() {
    document.removeEventListener("visibilitychange", clear);
    window.removeEventListener("beforeunload", clear);
    window.removeEventListener("popstate", clear);
  }

  // Start the interval and add event listeners
  intervalId = setInterval(checkElements, checkInterval);
  addEventListeners();
}

function waitForImageLoad(imageEl, callback) {
  if (imageEl.complete) return callback(imageEl);
  setTimeout(waitForImageLoad, 100, imageEl, callback);
}

/** History */

function overrideHistoryMethods(callback) {
  ["pushState", "replaceState"].forEach((method) => {
    const original = history[method];
    history[method] = function () {
      const result = original.apply(this, arguments);
      callback();
      return result;
    };
  });
}