index.js

const tax = require('./tax')

const form = document.querySelector("form");
const progress = document.querySelector("#progress");
const warning = document.querySelector("#warning");

form.addEventListener("submit", event => {
  event.preventDefault();

  gtag('event', 'submit')

  const hotspots = new Set()
  const validators = new Set()
  let transactionCount = 0
  let hntSum = 0
  let usdSum = 0
  const progressCB = ({ address, hnt, usd, isValidator }) => {
    if (isValidator) {
      validators.add(address)
    } else {
      hotspots.add(address)
    }
    transactionCount += 1
    hntSum += hnt
    usdSum += usd
    const hotspotCount = (hotspots.size > 1) ? `${hotspots.size} hotspots / ` : ""
    const validatorsCount = (validators.size > 1) ? `${validators.size} validators / ` : ""
    progress.innerHTML = hotspotCount + validatorsCount + `${transactionCount} transactions / ${hntSum.toFixed(0)} HNT / $${usdSum.toFixed(2)} income`
  }

  const warningCB = (kind, message) => {
    const li = document.createElement("li");
    li.innerHTML = message
    gtag('event', kind)
    warning.appendChild(li)
  }

  const address = form.elements.address.value;

  if(!/^\w+$/.test(address)) {
    warningCB('bad_address', 'Use address and not name <a target="_blank" href="https://gist.github.com/davetapley/723f2d266f17561c9b2fbc70993fb6ba">More info here.</a>')
    return
  }

  const year = form.elements.year.value;
  tax(address, year, progressCB, warningCB).then((rows) => {
    if(rows.length === 0) {
        warningCB('no_rows', `No rewards during ${year}`)
        return
    }

    gtag('event', 'success')
    progress.innerHTML += ' ✅'

    const header = `${Object.keys(rows[0]).join(',')}\n`
    const values = rows.reverse().map((row) => `${Object.values(row).join(',')}\n`)
    const csv = [header].concat(values)
    var a = window.document.createElement('a');
    a.style.display = 'none';
    a.href = window.URL.createObjectURL(new Blob(csv, { type: 'text/csv' }));
    a.download = `${address}.csv`;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }).finally(() => {
    progress.classList.add('done')
  })
  progress.classList.add('active')
})