import GameServer from "./server";

const MAX_SHOWN_NAMES = 5;

export async function makeOnlineCounterList(
  server: GameServer
): Promise<HTMLElement> {
  try {
    const playerList = await fetchOnlineList(server);
    return generateHTML(playerList);
  } catch (err) {
    console.log(err);
    const OnlineCounterContainer = document.createElement("span");
    OnlineCounterContainer.classList.add("onlineCounter");
    OnlineCounterContainer.innerHTML = `<i class="fas fa-times fa-xs"></i>Error:<br>${err}`;
    return OnlineCounterContainer;
  }
}

function generateHTML(onlinePlayers: string[]): HTMLElement {
  const OnlineCounterContainer = document.createElement("span");
  OnlineCounterContainer.classList.add("onlineCounter");
  OnlineCounterContainer.innerHTML = `<i class="fas fa-users fa-xs"></i>${onlinePlayers.length} Players online<br>`;

  const PlayerList = document.createElement("span");
  PlayerList.classList.add("playerList");

  let displayed_players =
    MAX_SHOWN_NAMES < onlinePlayers.length
      ? onlinePlayers.slice(0, MAX_SHOWN_NAMES)
      : onlinePlayers;

  displayed_players.forEach((playername) => {
    const PlayerItem = document.createElement("span");
    PlayerItem.classList.add("playerItem");
    PlayerItem.innerHTML = `<i class="fas fa-circle fa-xs" data-fa-transform="shrink-8 left-2"></i>${playername}`;
    PlayerList.appendChild(PlayerItem);
  });

  if (MAX_SHOWN_NAMES < onlinePlayers.length) {
    const hiddenPlayers = onlinePlayers.filter(
      (playername) => displayed_players.indexOf(playername) == -1
    );
    const MorePlayers = document.createElement("span");
    MorePlayers.classList.add("morePlayers");
    MorePlayers.innerText = ` and ${
      onlinePlayers.length - MAX_SHOWN_NAMES
    } more..`;
    MorePlayers.title = hiddenPlayers.join("\n");

    PlayerList.appendChild(MorePlayers);
  }

  OnlineCounterContainer.appendChild(PlayerList);
  return OnlineCounterContainer;
}

export enum OnlineListParser {
  Invalid,
  TMW,
  TMW2API,
  EXAMPLE_DATA,
  JSON_ARRAY,
}

async function fetchOnlineList(server: GameServer): Promise<string[]> {
  if (!server.OnlineList)
    throw new Error("No Online list was\n specified for this Server");

  if (server.OnlineList.parser && server.OnlineList.url) {
    switch (server.OnlineList.parser) {
      case OnlineListParser.EXAMPLE_DATA:
        return ["LawnCable", "Saulc GM", "Crazyfefe", "Jesus Saves", "DUSTMAN"];
      case OnlineListParser.TMW:
        return tmwParser(await request(server.OnlineList.url));
      case OnlineListParser.JSON_ARRAY:
        return jsonArrayParser(await request(server.OnlineList.url));
      default:
        throw new Error("Online List Parser is unknown");
    }
  } else {
    throw new Error("Online List wasn't configured right");
  }
}

function tmwParser(rawData: string): string[] {
  let stringArray: string[] = [];
  rawData.replace(/<td>(.+?)<\/td>/g, (x: string, content: string) => {
    stringArray.push(content.replace(/<\/{0,1}.+?>/g, ""));
    return "";
  });
  return stringArray;
}

function jsonArrayParser(rawData: string): string[] {
  return JSON.parse(rawData);
}

function request(url: string): Promise<string> {
  return new Promise((res, rej) => {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.addEventListener("error", (ev) => {
      console.log("Probably a network error:", ev);
      rej(new Error("Probably a network error"));
    });
    xhr.onload = function () {
      if (xhr.status === 200) {
        res(xhr.responseText);
      } else {
        console.log(`xhr.status: ${xhr.status} != 200`);
        rej(new Error("Probably a network error"));
      }
    };
    xhr.send();
  });
}