content.js

console.log("RED/GREEN SPRITE OVERLAY LOADED");

function replaceSprite(img) {
  if (!img.src.includes("play.pokemonshowdown.com/sprites/")) return;
  if (!img.src.includes("/sprites/gen1/") && !img.src.includes("/sprites/gen1-back/")) return;

  const original = new URL(img.src);
  const localPath = "sprites" + original.pathname.split("/sprites")[1];
  const localUrl = chrome.runtime.getURL(localPath);

  if (img.src !== localUrl) {
    img.src = localUrl;
  }

  const isBack = img.src.includes("/gen1-back/");

  img.style.transform = isBack ? "scale(1.9)" : "scale(1)";
  img.style.transformOrigin = "center center";
  img.style.imageRendering = "pixelated";
}

function replaceAllSprites() {
  document.querySelectorAll("img.pixelated").forEach(replaceSprite);
}

replaceAllSprites();

new MutationObserver(replaceAllSprites).observe(document.body, {
  childList: true,
  subtree: true
});