displayAPYs.js

// Run the next page function whenever the body is clicked
/*document.body.onclick = nextPage;*/

// Checks if it has been ran before and sets prevPageNum to the current page if running for the first time
// Gets the current page
// Checks if current page and previous page are the same
// If on a new page run main
/*
function nextPage() {
  if (typeof prevPageNum == "undefined") {
    prevPageNum = parseInt(
      document.getElementsByClassName("sc-fnwBNb bXPTTJ")[0].textContent[6]
    );
  }
  var pageNum = parseInt(
    document.getElementsByClassName("sc-fnwBNb bXPTTJ")[0].textContent[6]
  );
  if (pageNum != prevPageNum) {
    main();
  }
  prevPageNum = pageNum;
}

main();
// Declare variables
function main() {
  */
var everyElement = document.getElementsByClassName(
  "sc-chPdSV goKJOd css-8626y4"
);
var poolElements = document.getElementsByClassName(
  "sc-ifAKCX sc-kcDeIU iplGbC"
);
var innerPoolElements = document.getElementsByClassName("sc-cEvuZC vxKET");
var personalDailyRate = document.getElementsByClassName("sc-ifAKCX hHNcCz");
var poolsDepositedIn = document.getElementsByClassName(
  "sc-ifAKCX sc-cBdUnI gvnguD"
);
var dQuickPool = document.getElementsByClassName("sc-htpNat sc-gVLVqr iWLJXg");
var innerdQuickPool = document.getElementsByClassName("sc-keVrkP htUnul");
var toolbar = document.getElementsByClassName(
  "sc-kgoBCf sc-kkGfuU sc-fhYwyz iDrKhH"
)[0];
var everyElementIterator;
var tvl = [];
var quickPerDay = [];
var yourRate = [];
var yourDeposits = [];
var apy;
var apr;
var quickPrice = getQuickPrice();

// Add QUICK price to toolbar
var quickNode = document.createElement("a");
quickNode.className = "sc-TFwJa iOEaJA";
quickNode.append("QUICK Price: $" + quickPrice);
quickNode.href = "https://www.coingecko.com/en/coins/quick";
quickNode.target = "_blank";
if (toolbar.lastChild.textContent.substring(0, 14) == "QUICK Price: $") {
  toolbar.removeChild(toolbar.lastChild);
}
toolbar.append(quickNode);

// Loop through elements to get total value locked and QUICK per day
for (var i = 1; i < everyElement.length - 2; i++) {
  everyElementIterator = everyElement[i].textContent;
  everyElementIterator = everyElementIterator.replace(",", "");
  everyElementIterator = everyElementIterator.replace(",", "");
  everyElementIterator = everyElementIterator.replace("$", "");
  everyElementIterator = everyElementIterator.replace(" QUICK / day", "");

  if (everyElement[i - 1].textContent == " QUICK Rate ") {
    var dQuickRate = everyElementIterator.replace(/[^\d.]/g, "");
  }

  if (everyElement[i - 1].textContent == " Total deposits") {
    everyElementIterator = parseFloat(everyElementIterator);
    tvl.push(everyElementIterator);
  } else if (everyElement[i - 1].textContent == " Pool rate ") {
    everyElementIterator =
      parseFloat(everyElementIterator) * parseFloat(dQuickRate);
    quickPerDay.push(everyElementIterator);
  } else if (everyElement[i - 1].textContent == "Your rate") {
    yourRate.push(parseFloat(everyElementIterator.substring(1)));
    // Add dollars per day
    // Remove and update if already run before
    if (everyElement[i].textContent.includes("$")) {
      everyElement[i].textContent = everyElement[i].textContent.substring(
        0,
        everyElement[i].textContent.indexOf(" ($")
      );
    }
    everyElement[i].textContent +=
      " ($" +
      (
        Math.round(
          quickPrice * parseFloat(everyElementIterator.substring(1)) * 100
        ) / 100
      ).toFixed(2) +
      ")";
  } else if (everyElement[i - 1].textContent == " Total QUICK") {
    var totalQuick = parseFloat(everyElementIterator);
  }
}
displayDquickApr(totalQuick);
// Calculate and display dQUICK APR
function displayDquickApr(totalQuick) {
  aprRate =
    (100 * (getQuickVolume() * 0.0004 * 365)) / (getQuickPrice() * totalQuick);
  aprRate = Math.round(aprRate * 100) / 100;
  var node = document.createElement("div");
  node.className = "sc-gqjmRU sc-jTzLTM sc-fjdhpX hwjYkd";

  var textnode = document.createElement("div");
  textnode.className = "sc-kkGfuU WmMZl css-8626y4";
  textnode.append("dQUICK APR: ");

  var ratenode = document.createElement("div");
  ratenode.className = "sc-kkGfuU WmMZl css-8626y4";
  ratenode.append(aprRate + "%");

  node.appendChild(textnode);
  node.appendChild(ratenode);

  if (innerdQuickPool[0].lastChild.firstChild.textContent == "dQUICK APR: ") {
    innerdQuickPool[0].removeChild(innerdQuickPool[0].lastChild);
  }

  innerdQuickPool[0].append(node);
}

// Calculate and display the sum of your rate and
function displayYourRateAndDeposits() {
  // Calculate your total LP deposited from your rate
  for (var i = 0; i < yourRate.length; i++) {
    yourDeposits.push((yourRate[i] * tvl[i]) / quickPerDay[i]);
    appendDeposits(i);
  }
  var sumDeposits = yourDeposits.reduce((partial_sum, a) => partial_sum + a, 0);
  sumDeposits = (Math.round(sumDeposits * 100) / 100).toString();

  var sumRate = yourRate.reduce((partial_sum, a) => partial_sum + a, 0);
  sumRate = (Math.round(sumRate * 100000) / 100000).toString();

  var usdSum = (Math.round(sumRate * quickPrice * 100) / 100).toString();
  var node = document.createElement("div");
  node.className = "sc-gqjmRU sc-jTzLTM sc-fjdhpX sc-cnTzU eIRsCj";
  node.style = "align-items: baseline;";

  var textnode = document.createElement("div");
  textnode.className = "sc-kkGfuU hyvXgi css-68pfx3";
  textnode.append("Total Deposits: $".concat(sumDeposits));
  textnode.style = "margin-top: 0.5rem;";

  var ratenode = document.createElement("div");
  ratenode.className = "sc-kkGfuU kuSmHG css-63v6lo";
  ratenode.append("Earning: ".concat(sumRate, " QUICK / day ($", usdSum, ")"));

  node.appendChild(textnode);
  node.appendChild(ratenode);

  if (
    personalDailyRate[0].firstChild.firstChild.textContent.substring(0, 17) ==
    "Total Deposits: $"
  ) {
    personalDailyRate[0].removeChild(personalDailyRate[0].firstChild);
  }

  // Check options and only add total deposits if wanted in options
  chrome.storage.sync.get(
    {
      totalDepositsOn: true,
      individualDepositsOn: true,
    },
    function (items) {
      if (items.totalDepositsOn) {
        personalDailyRate[0].prepend(node);
      }
    }
  );
}

// Display the APY on the screen
for (var i = 0; i < tvl.length; i++) {
  // Calculate the APY
  apr = (365 * 100 * quickPerDay[i] * quickPrice) / tvl[i];
  apr = (Math.round(apr * 100) / 100).toString().concat("%");

  apy = (Math.pow(1 + (quickPerDay[i] * quickPrice) / tvl[i], 365) - 1) * 100;
  apy = (Math.round(apy * 100) / 100).toString().concat("%");

  // Creates a new element with Current APY
  var node = document.createElement("div");
  node.className = "sc-gqjmRU sc-jTzLTM sc-fjdhpX hwjYkd";

  var textnode = document.createElement("div");
  textnode.className = "sc-chPdSV goKJOd css-8626y4";
  textnode.append("Current APR (APY if compounded daily): ");

  var apynode = document.createElement("div");
  apynode.className = "sc-chPdSV goKJOd css-8626y4";
  apynode.append(apr.concat(" (", apy, ")"));

  node.appendChild(textnode);
  node.appendChild(apynode);

  // Checks if element has been appended before
  // If so delete that element
  if (
    innerPoolElements[i].lastChild.firstChild.textContent ==
    "Current APR (APY if compounded daily): "
  ) {
    innerPoolElements[i].removeChild(innerPoolElements[i].lastChild);
  }
  // Append the element with APY
  innerPoolElements[i].append(node);
}

// If pools have been deposited into then display the total deposits and rate (assuming checked in options)
if (yourRate.length > 0) {
  displayYourRateAndDeposits();
}

// Get QUICK price from CoinGecko API
function getQuickPrice() {
  var quick_request = new XMLHttpRequest();
  quick_request.open(
    "GET",
    "https://api.coingecko.com/api/v3/simple/price?ids=quick&vs_currencies=usd",
    false
  );
  quick_request.send(null);
  var quickPrice = JSON.parse(quick_request.responseText)["quick"]["usd"];
  return quickPrice;
}

// Get QuickSwap volume from CoinGecko API
function getQuickVolume() {
  var request = new XMLHttpRequest();
  request.open(
    "GET",
    "https://api.coingecko.com/api/v3/exchanges/quickswap",
    false
  );
  request.send(null);
  var quickVolumeBtc = JSON.parse(request.responseText)["trade_volume_24h_btc"];
  var quickVolume = quickVolumeBtc * getBtcPrice();
  return quickVolume;
}

// Get BTC Price from CoinGecko API
function getBtcPrice() {
  var request = new XMLHttpRequest();
  request.open(
    "GET",
    "https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd",
    false
  );
  request.send(null);
  var btcPrice = JSON.parse(request.responseText)["bitcoin"]["usd"];
  return btcPrice;
}

// Display the individual deposits for each pool (assuming checked in options)
function appendDeposits(i) {
  var node = document.createElement("div");
  node.className = "sc-kcDeIU jIDzLD";

  var depositTextNode = document.createElement("div");
  depositTextNode.className = "sc-kkGfuU WmMZl css-8626y4";
  depositTextNode.append("Your deposits in this pool: ");

  var depositedNode = document.createElement("div");
  depositedNode.className = "sc-kkGfuU WmMZl css-8626y4";
  depositedNode.append(
    "$" + Math.round(((yourRate[i] * tvl[i]) / quickPerDay[i]) * 100) / 100
  );

  node.appendChild(depositTextNode);
  node.appendChild(depositedNode);

  if (
    poolsDepositedIn[i].lastElementChild.textContent.substring(0, 28) ==
    "Your deposits in this pool: "
  ) {
    poolsDepositedIn[i].removeChild(poolsDepositedIn[i].lastElementChild);
  }

  // Check options and only add individual deposits if wanted in options
  chrome.storage.sync.get(
    {
      totalDepositsOn: true,
      individualDepositsOn: true,
    },
    function (items) {
      if (items.individualDepositsOn) {
        poolsDepositedIn[i].append(node);
      }
    }
  );
}
//}