Function getImagesAtPos

scripts/magnify_image.js:576–640

(x, y)

}

async function getImagesAtPos(x, y) {
  let eles = Array.from(document.querySelectorAll("*"));

  let pos = validateMouse(x, y);
  let sourceEles = [];
  eles = eles.reverse().filter((ele) => {
    let rect = ele.getBoundingClientRect();
    let isAtMouse =
      rect.left <= pos.x &&
      rect.right >= pos.x &&
      rect.top <= pos.y &&
      rect.bottom >= pos.y;
    if (isAtMouse && /picture|img/i.test(ele.tagName)) {
      let sources = Array.from(ele.querySelectorAll("source"));
      if (sources?.length) sourceEles = sourceEles.concat(sources);
    }
    return isAtMouse;
  });
  eles = eles.concat(sourceEles);
  eles = eles.concat(
    eles
      .slice(0, 4)
      .map((ele) => getAllChildElements(ele))
      .flat()
  );

  if (!eles.length) return null;

  console.log("eles", eles);

  let results = [];
  for (let ele of eles) {
    let srcs = getImgSrcsFromElement(ele);
    if (srcs && srcs?.length) {
      if (!Array.isArray(srcs)) srcs = [srcs];
      srcs.forEach((src) => {
        if (!results.find((r) => r.src == src)) results.push({ src, ele });
      });
    }
  }
  console.log("results", results);

  if (results.length > 1) {
    let rank = [/source/i, /img/i, /picture/i, /image/i, /a/i];
    results = results.sort((a, b) => {
      let rankA = rank.findIndex((r) => r.test(a.src));
      let rankB = rank.findIndex((r) => r.test(b.src));
      rankA = rankA == -1 ? 100 : rankA;
      rankB = rankB == -1 ? 100 : rankB;
      return rankB - rankA;
    });
    console.log("after sort", results);
  }

  // filter out video
  results = results.filter(({ ele, src }) => {
    return !/iframe/i.test(ele.tagName);
  });