/**
 * This is the script for the popup window
 */

//import {default as nacl} from './nacl.js';

/**
 * runs whenever the popup opens
 */
async function
main() {
    // detect button action
    document.getElementById('mk-detectable').onclick = mk_detectable;

    // delete keypairs
    // browser.storage.local.clear();
    // look for keypairs
    browser.storage.local.get('keypairs').then(handle_keypairs, handle_error);
}


/**
 * Tells the content script to spam the event bus with detection messages
 */
async function
mk_detectable() {
    let ati = await active_tab_id();
    browser.tabs.sendMessage(ati,               // active tab
                             'mk-detectable');  // message
    document.getElementById('mk-detectable').disabled = true;
    // FIXME: update button with detect info
}


/**
 * gets the id of the current tab
 */
async function
active_tab_id() {
    let active_tabs = await browser.tabs.query({active: true, currentWindow: true});
    return active_tabs[0].id;
}


/**
 * This function is called in the init phase (after the user clicks the popup)
 *
 * If we have keypairs, put them in the keypairs element in the popup window
 *
 * Example call objects:
 *
 * Case of no keypairs:
 *
 * ```js
 * obj = {}
 * ```
 *
 * Case of a named keypair
 *
 * ```js
 * obj = {
 *     keypairs: [
 *         {
 *             name: string,
 *             publicKey: uint8array
 *             secretKey: uint8array
 *         },
 *         {
 *             name: string,
 *             publicKey: uint8array
 *             secretKey: uint8array
 *         }
 *     ]
 * }
 * ```
 */
function
handle_keypairs(obj) {
    logln('handle_keypairs');
    // branch on if there are no keypairs
    // no 'keypairs' key
    if (!!!obj.keypairs) {
        no_keypairs();
    }
    // 'keypairs' key but points to empty array
    else if (0 === obj.keypairs.length) {
        no_keypairs();
    }
    else {
        ls_keypairs(obj.keypairs);
    }
}


/**
 * function called if there are no keypairs
 */
function
no_keypairs() {
    logln('no keypairs!');
    document.getElementById('no-keypairs').hidden = false;
}

//function
//generate_keypair() {
//    logln('generating a keypair');
//    let keypair = nacl.sign.keyPair();
//    keypair.name = "Untitled Keypair 1";
//    browser.storage.local.set({'keypairs': [keypair]});
//    ls_keypairs([keypair]);
//}

/**
 * This function is called in the case where there is at least one keypair, and
 * it renders the list of keypairs
 */
function
ls_keypairs(keypairs) {
    logln('keypairs!');
    console.log('keypairs: ', keypairs)
    // make keypair list visible
    document.getElementById('keypairs').hidden = false;
    // render each keypair
    for (let kp of keypairs) {
        console.log(kp);
        render_keypair(kp);
    }
    //let keypairs_json = JSON.stringify(keypairs, undefined, 4);
    //document.getElementById('keypairs').innerHTML = keypairs_json;
}

/**
 * This renders a single keypair item in the list of keypairs
 */
function
render_keypair(parent_ul, {name, publicKey, current}) {
    // create the element
    let li = document.createElement('li');
    li.innerHTML += name;
    parent_ul.appendChild(li);
}

/**
 * This function is called in the init phase (after the user clicks the popup)
 * in the case when querying the keypairs fails
 *
 * Have not encountered this in practice
 */
function
handle_error(error) {
    console.error('keypair fetch failed:', error);
}


function
logln(message) {
    console.log(message);
    document.getElementById('log').innerHTML += message;
    document.getElementById('log').innerHTML += '\n';
}

/**
 * send the given message to the tab
 */


main();