checker.js

/*jshint esversion: 8 */
//Gets a query
function getUsername() {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    if (pair[0] == "username") {
      var username = pair[1].split("+").join("%20");
      return username;
    }
    return "";
  }
}

//Formats timestamps
function formatTime(timestamp) {
  var date = new Date(timestamp).toLocaleString();
  return date;
}

//Formats the dropping time
function formatDrop(timestamp) {
  var date = new Date(timestamp).toLocaleString().replace(",", " at");
  return date;
}

//Makes the Error Messages
function errorMessage(username) {
  var error_message = "No minecraft account currently has that username!"; //The Error Message
  var error_invalid = "The name you entered has invalid characters!"; //The Error Message Invalid
  var error_short = "The name you entered is too short!"; //The Error Message Short
  var error_long = "The name you entered is too long!"; //The Error Message Long
  if (/^.{3,}$/.test(username) == false) return error_short;
  if (/^.{0,16}$/.test(username) == false) return error_long;
  if (/^[a-zA-Z0-9_]+$/.test(username) == false) return error_invalid;
  return error_message;
}

//Variables
var username = decodeURIComponent(getUsername()); //Username query
var API_URL = "https://playerdb.co/api/player/minecraft/"; //The API URL
var API = API_URL + username; //Full API URL (DONT EDIT)
var input = document.getElementById("username"); //The input
var blocked = "The name you entered is blocked!"; //The Error Message Blocked
var dropping = "The name you entered is dropping on "; //The Dropping Message

input.value = username; //Sets the input value to the username
if (username !== "") { //Checks if the username isn"t blank
  fetch(API).then(response => response.json()).then((main) => {
    if (main.error === true) { //Checks if there is a error
      fetch(`https://api.gapple.pw/blocked/${username}`).then(response => response.json()).then((gapple) => {
        var table = document.getElementById("myTable");
        table.innerHTML = "<tr><td>" + errorMessage(username) + "</td></tr>";
        if (errorMessage(username) == "No minecraft account currently has that username!") {
          if (gapple.status == "blocked") {
            document.getElementById("myTable").innerHTML = `<td>${blocked}</td>`; //Makes the error message
          } else {
            if (gapple.status == "soon") {
              document.getElementById("myTable").innerHTML = `<td>${dropping}${formatDrop(gapple.drop_time)}.</td>`; //Makes the error message
            }
          }
        }
      });
    } else {
      window.username = main.data.player.username;
      window.name_history = main.data.player.meta.name_history.reverse();
      var icon = `https://api.ashcon.app/mojang/v2/avatar/${window.username}`; // The Favicon
      var title = `${window.username} | Name History`; // The Title
      buildTable(window.name_history); //Makes the Name History
      document.title = title; //Adds the Title
      document.getElementById("icon").href = icon; //Adds the Favicon
    }
    //Name History Section
    function buildTable(data) {
      var table = document.getElementById("myTable");
      if (data.length === 1) {
        var row3 = `<tr class="bold">
	  <td>${data.length}. <a href="?username=${data[0].name}">${data[0].name}</a><\/td>`;
        table.innerHTML += row3;
      } else {
        var row = `<tr class="bold">
	  <td>${data.length}. <a href="?username=${data[0].name}">${data[0].name}</a><\/td><td class="right">${formatTime(data[0].changedToAt)}<\/td>
	                     <\/tr>`;
        table.innerHTML += row;
        for (var i = 1; i < data.length - 1; i++) {
          var row1 = `<tr>
	  <td>${(data.length - i)}. <a href="?username=${data[i].name}">${data[i].name}<\/a><\/td><td class="right">${formatTime(data[i].changedToAt)}<\/td>
	                     <\/tr>`;
          table.innerHTML += row1;
        }
        var row2 = `<tr>
	  <td>${(data.length - i)}. <a href="?username=${data[i].name}">${data[i].name}</a><\/td>
	                     <\/tr>`;
        table.innerHTML += row2;
      }
    }
  });
}