Chess.com Game Preview Styling

Applies custom styling to Chess.com board components.

2022-11-11 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

سوئال سوراش، ئوبزور يېزىش ياكى قوليازمىنى پاش قىلىش.

Wrap lines

// ==UserScript==
// @name         Chess.com Game Preview Styling
// @namespace    http://tampermonkey.net/
// @version      1.4
// @description  Applies custom styling to Chess.com board components.
// @author       SaberSpeed77
// @match        https://www.chess.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=chess.com
// @grant        none
// @license      MIT
// ==/UserScript==
 
const imgs = new Map([
  /* White Pieces */
  ["wp", ""],
  ["wn", ""],
  ["wb", ""],
  ["wr", ""],
  ["wq", ""],
  ["wk", ""],

  /* Black Pieces */
  ["bp", ""],
  ["bn", ""],
  ["bb", ""],
  ["br", ""],
  ["bq", ""],
  ["bk", ""],
]);

/* Background */
const background = "";

/*========= ↑ STYLE / CODE ↓ =========*/

var observer = new MutationObserver((mutations) => {
  let components = document.querySelectorAll(".game-preview-component");
  if (components) {
      for (let i = 0; i < components.length; i++) {
          if (background != "")
              components[i].style.backgroundImage = "url(" + background + ")";

          let pieces = components[i].children;
          for (let j = (window.location.href.includes("home") || components[i]._prevClass.includes("current") ? 0 : 2); j < pieces.length; j++) {
              let curPiece = pieces[j];
              let key = curPiece.src[curPiece.src.indexOf(".png") - 2] + curPiece.src[curPiece.src.indexOf(".png") - 1];
              if (imgs.get(key) == undefined) break;
              if (imgs.get(key) != "") curPiece.src = imgs.get(key);
          }
      }
  }
  if (window.location.href.includes("home")) observer.disconnect();
});

if (window.location.href.includes("home")) {
  observer.observe(document.querySelector(".promo-component"), {
      childList: true,
      subtree: true
  });
} else if (!window.location.href.includes("play")) {
  observer.observe(document, {
      childList: true,
      subtree: true
  });
}