wallet-core/extension/popup/balance-overview.tsx

"use strict";

let React = {
  createElement: function(tag, props, ...children) {
    let e = document.createElement(tag);
    for (let k in props) {
      e.setAttribute(k, props[k]);
    }
    for (let child of children) {
      if ("string" === typeof child || "number" == typeof child) {
        child = document.createTextNode(child);
      }
      e.appendChild(child);
    }
    return e;
  }
};


document.addEventListener('DOMContentLoaded', (e) => {
  console.log("content loaded");
  chrome.runtime.sendMessage({type: "balances"}, function(wallet) {
    let context = document.getElementById("balance-template").innerHTML;
    let template = Handlebars.compile(context);
    document.getElementById("content").innerHTML = template(wallet);
    console.log("got wallet", JSON.stringify(wallet));
    let el = document.getElementById("link-kudos");
    if (el) {
      el.onclick = (e) => {
        let target: any = e.target;
        chrome.tabs.create({
          "url": target.href
        }); 
      };
    }
  });

  document.getElementById("debug").addEventListener("click", (e) => {
    chrome.tabs.create({
      "url": chrome.extension.getURL("pages/debug.html")
    }); 
  });
  document.getElementById("reset").addEventListener("click", (e) => {
    chrome.runtime.sendMessage({type: "reset"});
    window.close();
  });
});