[wip] getting keypair stuff to work

jrx/popup.js

@@ -1,15 +1,167 @@
-async function active_tab_id() {
-    let active_tabs = await browser.tabs.query({active: true, currentWindow: true});
-    return active_tabs[0].id;
+/**
+ * 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);
 }
 
-async function mk_detectable() {
+
+/**
+ * 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
 }
 
-// detect button action
-document.getElementById('mk-detectable').onclick = mk_detectable;
+
+/**
+ * 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();