checkbans.js

const maxRetries = 3;
let apikey = '';
let greentext = true;

checkBans = () => {
  const friendEls = document.querySelectorAll('.friends_content .persona');
  let list = [];
  friendEls.forEach(persona => {
    list.push(persona.dataset.steamid);
  });
  const uniquePlayers = [...new Set(list)];
  let batches = uniquePlayers.reduce((arr, player, i) => {
    const batchIndex = Math.floor(i / 100);
    if (!arr[batchIndex]) {
      arr[batchIndex] = [player];
    } else {
      arr[batchIndex].push(player);
    }
    return arr;
  }, []);

  const doPlayer = player => {
    playerEls = document.querySelectorAll(
      `.friends_content .persona[data-steamid="${player.SteamId}"`
    );
    playerEls.forEach(playerEl => {
      let verdict = '';
      let verdictEl = document.createElement('div');
      let icon = '';
      verdictEl.className = 'banchecker-verdict';
      if (player.NumberOfVACBans > 0 || player.NumberOfGameBans > 0) {
        verdictEl.classList.add('banned');
        icon = 'banned.svg';
        verdict =
          `${
            player.NumberOfVACBans > 0 ? `${player.NumberOfVACBans} VAC` : ''
          }` +
          `${
            player.NumberOfVACBans > 0 && player.NumberOfGameBans > 0
              ? ' & '
              : ''
          }` +
          `${
            player.NumberOfGameBans > 0 ? `${player.NumberOfGameBans} Game` : ''
          }` +
          ` ban${
            player.NumberOfVACBans + player.NumberOfGameBans > 1 ? 's' : ''
          } on record\n` +
          `Last ban occured ${player.DaysSinceLastBan} day${
            player.DaysSinceLastBan > 1 ? 's' : ''
          } ago`;
      }
      if (!verdict) {
        verdictEl.classList.add('clean');
        if (greentext) {
          icon = 'clean.svg';
          verdict = 'No bans for this player';
        }
      }
      if (verdict) {
        const verdictElIcon = document.createElement('div');
        const verdictElIconImg = document.createElement('img');
        verdictElIconImg.src = chrome.runtime.getURL(`icons/${icon}`);
        verdictElIcon.appendChild(verdictElIconImg);
        const verdictElText = document.createElement('span');
        verdictElText.textContent = verdict;
        verdictEl.appendChild(verdictElIcon);
        verdictEl.appendChild(verdictElText);
        playerEl.querySelector('.friend_block_content').appendChild(verdictEl);
      }
    });
  };

  const fetchBatch = (i, retryCount) => {
    chrome.runtime.sendMessage(
      chrome.runtime.id,
      {
        action: 'fetchBans',
        apikey: apikey,
        batch: batches[i]
      },
      (data, error) => {
        if (error !== undefined) {
          console.log(
            `Error while scanning players for bans:\n${error}` +
              `${
                retryCount !== undefined && retryCount > 0
                  ? `\n\nRetrying to scan... ${
                      maxRetries - retryCount
                    }/${maxRetries}`
                  : `\n\nCouldn't scan for bans after ${maxRetries} retries :(`
              }`
          );
          if (retryCount > 0) {
            setTimeout(() => fetchBatch(i, retryCount - 1), 3000);
          }
          return;
        }
        data.json.players.forEach(player => doPlayer(player));
        if (batches.length > i + 1) {
          setTimeout(() => fetchBatch(i + 1), 1000);
        } else {
          console.log("Looks like we're done.");
        }
      }
    );
  };
  fetchBatch(0, maxRetries);
};

const defaultkeys = [
  '5DA40A4A4699DEE30C1C9A7BCE84C914',
  '5970533AA2A0651E9105E706D0F8EDDC',
  '2B3382EBA9E8C1B58054BD5C5EE1C36A'
];

chrome.storage.sync.get(['customapikey', 'greentext'], data => {
  if (typeof data['greentext'] == 'undefined') {
    chrome.storage.sync.set({
      greentext: true
    });
  } else {
    greentext = data['greentext'];
  }
  if (typeof data['customapikey'] == 'undefined') {
    apikey = defaultkeys[Math.floor(Math.random() * 3)];
  } else {
    apikey = data['customapikey'];
  }
  checkBans();
});

let container = document.querySelector('.friends_content');
const callback = mutationsList => {
  for (let mutation of mutationsList) {
    if (!mutation.target.classList.contains('loading')) checkBans();
  }
};
const observer = new MutationObserver(callback);
observer.observe(container, { attributes: true });