206 lines
4.1 KiB
JavaScript
206 lines
4.1 KiB
JavaScript
/**
|
|
* 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;
|
|
document.getElementById('generate').onclick = generate_keypair;
|
|
|
|
// delete keypairs
|
|
// browser.storage.local.clear();
|
|
relist_keypairs();
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* 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;
|
|
}
|
|
|
|
|
|
/**
|
|
* clear the list of keypairs and relist
|
|
*
|
|
* clearing is so this can be a re-entry call
|
|
*/
|
|
function
|
|
relist_keypairs()
|
|
{
|
|
// delete all list items
|
|
pfizer(document.getElementById('keypairs'));
|
|
// look for keypairs then relist
|
|
browser.storage.local.get('keypairs').then(handle_keypairs, (err) => { console.error(err); } );
|
|
}
|
|
|
|
/**
|
|
* kill all child nodes in the dom
|
|
*/
|
|
function
|
|
pfizer(elt)
|
|
{
|
|
while (elt.firstChild) {
|
|
elt.removeChild(elt.firstChild);
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* 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;
|
|
}
|
|
|
|
|
|
/**
|
|
* This function is called when the user clicks the button to generate a keypair
|
|
*/
|
|
function
|
|
generate_keypair()
|
|
{
|
|
logln('generating a keypair');
|
|
let keypair = nacl.sign.keyPair();
|
|
keypair.name = "Untitled Keypair 1";
|
|
// fixme: ADD keypair (factor out into separate function)
|
|
browser.storage.local.set({'keypairs': [keypair]});
|
|
relist_keypairs();
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* 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
|
|
let keypairs_ul = document.getElementById('keypairs');
|
|
keypairs_ul.hidden = false;
|
|
// render each keypair
|
|
for (let kp of keypairs) {
|
|
console.log(kp);
|
|
render_keypair(keypairs_ul, 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})
|
|
{
|
|
// create the element
|
|
let li = document.createElement('li');
|
|
li.innerHTML += name;
|
|
parent_ul.appendChild(li);
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Console.log the message and put it in the log thing
|
|
*/
|
|
function
|
|
logln(message)
|
|
{
|
|
console.log(message);
|
|
document.getElementById('log').innerHTML += message;
|
|
document.getElementById('log').innerHTML += '\n';
|
|
}
|
|
|
|
/**
|
|
* send the given message to the tab
|
|
*/
|
|
|
|
|
|
main();
|