// `getPopup` will render the Chrome extension's HTML, then it will load the extension's JS script file.
//
const getPopup = () => {
      let domApplyTo = document.getElementById('web-root') as HTMLElement;

async function fetchAsync(getUrl: string) {
    let response = await fetch(getUrl, { method: 'GET' });
    let data = await response.text();
    return data;
}

const initParser = new DOMParser(),
    nowGetScript = () => {
        let popupScript = document.createElement('script');
        popupScript.src = 'extensions/chrome/popup.js';
        popupScript.async = false;                        // This is on purpose; we need this available immediately.
        domApplyTo.appendChild(popupScript);              // console.log('popup.js is here.');
    },
                                    

const nodes = document.querySelectorAll('.item-node'),
      totalNodes = nodes.length,
      boxes = [], // Array and object contents are not immutable.
      node = {},
      dupe = {};

let nodeCnt = 0,      // Node count: Loop through nodes[]
    resizeWaitID = 0; // setTimeout ID for window.resize()

function moveNodes() {
    clearTimeout(resizeWaitID);
    resizeWaitID = setTimeout(() => {
        for (nodeCnt = 0; nodeCnt < totalNodes; nodeCnt++) {
            boxes[nodeCnt].dupe.style.left = boxes[nodeCnt].node.offsetLeft + 'px';
            boxes[nodeCnt].dupe.style.top = boxes[nodeCnt].node.offsetTop + 'px';
        }
    }, 101);
}

window.addEventListener('resize', moveNodes);
                                    

class GistBox extends React.Component {

    state = {
        gistList: []
    };

    getGist = (usernameInput) => {
        const url = `https://api.github.com/users/${usernameInput}/gists`;

        async function fetchAsync(getUrl) {
            let response = await fetch(getUrl, { method: 'GET' });
            let data = await response.json();
            return data;
        };

        fetchAsync(url).then( data => {
            var thisGist = {};