popup.js

'use strict';

const unfinish = async () => browser.storage.local.set({state: 'unfinished'});
let proper_finish = () => {};
(async () => {
	if (await pref_of('careful')) {
		window.addEventListener('unload', unfinish);
		proper_finish = () => window.removeEventListener('unload', unfinish);
	}
})();

document.getElementById("cancel").addEventListener('click', async () => {
	proper_finish();
	await browser.storage.local.set({state: 'ready'});
	window.close();
});

const display = (id, msg) => {
	let e = document.getElementById(id);
	if (msg !== undefined) {
		e.children[0].innerText = msg;
	}
	e.classList.remove("dnd");
};

const all_fields = f =>
	storage_all('sync').then(prefs =>
		Promise.all(Object.entries(field_reads).map(async ([k, v]) => {
			let e = document.getElementById(k);
			if (!v.hasOwnProperty('bypref')
			 || (!prefs.quickmode && prefs[v.bypref])) {
				let r = await f(k);
				if (r !== undefined)
					e[v.target] = r;
			}
			if (v.hasOwnProperty('bypref')
			 && !prefs.quickmode && prefs[v.bypref])
				e.parentElement.classList.remove("dnd");
			if (e.tagName == 'TEXTAREA')
				e.dispatchEvent(new Event('input'));
			if (v.hasOwnProperty('input') && v.input) {
				e.addEventListener('input', function(_ev){
					browser.storage.local.set({[k]: this[v.target]});
				});
			}
		}))
	);

const stored_field = async k => field_get(field_reads[k], await local_of(k));

(async () => {
	let f;

	switch (await local_of('state')) {
	case 'failure':
		f = stored_field;
		for (let [k, v] of Object.entries(await local_of('error'))) {
			display(k, v);
		}
		break;
	case 'unfinished':
		display("warning", browser.i18n.getMessage("unfinishedWarning"));
		f = stored_field;
		break;
	default: // case 'ready'
		f = tab_read(await current_tab());
	}
	await all_fields(f);

	let e = document.getElementById("go");

	e.addEventListener('click', async () => {
		proper_finish();
		await browser.storage.local.set({state: 'working'});
		window.close();
	});

	e.disabled = false;

	document.getElementById("settings").addEventListener('click', () =>
		browser.runtime.openOptionsPage().then(_ => window.close())
	);

})();