background.js

'use strict';

const reData = new RegExp('^data:(.*?);base64,(.*)$');

const idleIcon = {
	path: {
		16: 'icons/idle-16.png',
		48: 'icons/idle-48.png',
		64: 'icons/idle-64.png',
		128: 'icons/idle-128.png',
		256: 'icons/idle-256.png',
	},
}

const activeIcon = {
	path: {
		16: 'icons/active-16.png',
		48: 'icons/active-48.png',
		64: 'icons/active-64.png',
		128: 'icons/active-128.png',
		256: 'icons/active-256.png',
	},
}

async function handleClick(tab, e) {
	const cfg = await browser.storage.sync.get();
	if (!cfg.token || !cfg.workspace || !cfg.assignee) {
		await browser.runtime.openOptionsPage();
		return;
	}

	if (e.modifiers.includes('Shift')) {
		await sendPaste();
		return;
	}

	if (!tab.url) {
		throw 'missing tab.url';
	}

	const imgURL = await browser.tabs.captureTab(tab.id);

	let noteParts = [
		`<body>`,
		`<a href="${encodeURI(tab.url)}">${escapeHTML(tab.url)}</a>`,
	];

	const selected = await getSelectedText(tab.id);
	if (selected) {
		noteParts.push(`\n\n${escapeHTML(selected)}`);
	}

	noteParts.push('</body>');

	await queue('create', {
		name: tab.title,
		html_notes: noteParts.join(''),
		attach: imgURL,
		filename: 'screenshot.png',
	});

	if (!e.modifiers.includes('Command')) {
		browser.tabs.remove([tab.id]);
	}
}

async function sendPaste() {
	const clip = await navigator.clipboard.readText();

	await queue('create', {
		name: 'Paste',
		html_notes: `<body>${escapeHTML(clip)}</body>`,
	});
}

let inHandleChange = false;

async function handleChange(e) {
	// async functions allow concurrency. Add sketchy mutex.
	if (inHandleChange) {
		return;
	}

	try {
		inHandleChange = true;
		await handleChangeInt(e);
	} finally {
		inHandleChange = false;
	}
}

async function handleChangeInt(e) {
	const queue = await browser.storage.local.get();
	const keys = Object.getOwnPropertyNames(queue);

	if (keys.length == 0) {
		browser.browserAction.setIcon(idleIcon);
		return;
	}

	// If some tasks cause issues, make progress on the others over time
	const rand = Math.floor(Math.random() * keys.length);
	const key = keys[rand];
	const task = queue[key];

	const cfg = await browser.storage.sync.get();

	if (!cfg.token) {
		throw 'missing token';
	}

	const type = key.split('_', 1)[0];
	await typeHandlers.get(type)(cfg, task);

	await browser.storage.local.remove([key]);
}

async function create(cfg, task) {
	if (!cfg.workspace || !cfg.assignee) {
		throw 'missing workspace/assignee';
	}

	const req = {
		data: {
			workspace: cfg.workspace,
			assignee: cfg.assignee,
			name: task.name,
			html_notes: task.html_notes,
		},
	};

	const createResp = await fetch(
		'https://app.asana.com/api/1.0/tasks',
		{
			method: 'POST',
			headers: {
				'Authorization': `Bearer ${cfg.token}`,
				'Content-Type': 'application/json',
				'Accept': 'application/json',
			},
			credentials: 'omit',
			body: JSON.stringify(req),
		},
	);

	if (!createResp.ok) {
		throw createResp.statusText;
	}

	const create = await createResp.json();

	if (task.attach) {
		await queue('attach', {
			gid: create.data.gid,
			attach: task.attach,
			filename: task.filename,
		});
	}
}

async function attach(cfg, task) {
	const data = new FormData();
	const blob = dataURLToBlob(task.attach);
	data.append('file', blob, task.filename);

	const attachResp = await fetch(
		`https://app.asana.com/api/1.0/tasks/${encodeURIComponent(task.gid)}/attachments`,
		{
			method: 'POST',
			headers: {
				'Authorization': `Bearer ${cfg.token}`,
			},
			credentials: 'omit',
			body: data,
		},
	);

	if (!attachResp.ok) {
		throw attachResp.statusText;
	}
}

async function queue(type, details) {
	browser.browserAction.setIcon(activeIcon);

	const store = {};
	store[`${type}_${crypto.randomUUID()}`] = details;
	await browser.storage.local.set(store);
}

async function getSelectedText(tabId) {
	const selecteds = await browser.tabs.executeScript(
		tabId,
		{
			code: 'getSelection().toString()',
		},
	);

	return selecteds.filter(x => x).join('\n');
}

function dataURLToBlob(url) {
	const [_, type, base64] = url.match(reData);
	const bytes = atob(base64);

	const arr = new Uint8Array(bytes.length);
	for (let i = 0; i < bytes.length; i++) {
		arr[i] = bytes.charCodeAt(i);
	}

	return new Blob(
		[arr],
		{
			type: type,
		},
	);
}

function escapeHTML(unsafe) {
	const div = document.createElement('div');
	div.innerText = unsafe;
	return div.innerHTML.replaceAll('<br>', '\n');
}

const typeHandlers = new Map([
	['create', create],
	['attach', attach],
]);

browser.browserAction.onClicked.addListener(handleClick);
browser.storage.local.onChanged.addListener(handleChange);
setInterval(handleChange, 10000);
Storage queueing 2022-10-18 23:06:59 -07:00			`'use strict';`

Fast tab close, upload screenshot attachment 2022-10-17 23:35:53 -07:00			`const reData = new RegExp('^data:(.?);base64,(.)$');`

Custom icon, change when active 2022-10-19 22:53:55 -07:00			`const idleIcon = {`
			`path: {`
			`16: 'icons/idle-16.png',`
			`48: 'icons/idle-48.png',`
			`64: 'icons/idle-64.png',`
			`128: 'icons/idle-128.png',`
			`256: 'icons/idle-256.png',`
			`},`
			`}`

			`const activeIcon = {`
			`path: {`
			`16: 'icons/active-16.png',`
			`48: 'icons/active-48.png',`
			`64: 'icons/active-64.png',`
			`128: 'icons/active-128.png',`
			`256: 'icons/active-256.png',`
			`},`
			`}`

Remove extra tab lookup, support command-click to not close tab 2022-10-17 23:43:37 -07:00			`async function handleClick(tab, e) {`
Auto-open options page when not configured 2022-10-20 20:53:08 -07:00			`const cfg = await browser.storage.sync.get();`
			`if (!cfg.token \|\| !cfg.workspace \|\| !cfg.assignee) {`
			`await browser.runtime.openOptionsPage();`
			`return;`
			`}`

Shift-click pastes clipboard to a task 2022-10-18 23:45:10 -07:00			`if (e.modifiers.includes('Shift')) {`
			`await sendPaste();`
			`return;`
			`}`

Refuse to push special pages 2022-10-20 20:55:57 -07:00			`if (!tab.url) {`
			`throw 'missing tab.url';`
			`}`

Write queue to local storage 2022-10-18 00:02:09 -07:00			`const imgURL = await browser.tabs.captureTab(tab.id);`

Add selected text to notes 2022-10-18 23:29:16 -07:00			`let noteParts = [`
			`<body>`,
			`<a href="${encodeURI(tab.url)}">${escapeHTML(tab.url)}</a>`,
			`];`

Factor out helpers 2022-10-19 00:13:56 -07:00			`const selected = await getSelectedText(tab.id);`
Add selected text to notes 2022-10-18 23:29:16 -07:00			`if (selected) {`
			noteParts.push(`\n\n${escapeHTML(selected)}`);
			`}`

			`noteParts.push('</body>');`

Custom icon, change when active 2022-10-19 22:53:55 -07:00			`await queue('create', {`
Storage queueing 2022-10-18 23:06:59 -07:00			`name: tab.title,`
Add selected text to notes 2022-10-18 23:29:16 -07:00			`html_notes: noteParts.join(''),`
Storage queueing 2022-10-18 23:06:59 -07:00			`attach: imgURL,`
			`filename: 'screenshot.png',`
Custom icon, change when active 2022-10-19 22:53:55 -07:00			`});`
Write queue to local storage 2022-10-18 00:02:09 -07:00
			`if (!e.modifiers.includes('Command')) {`
			`browser.tabs.remove([tab.id]);`
			`}`
Storage queueing 2022-10-18 23:06:59 -07:00			`}`

Better function order 2022-10-19 00:07:19 -07:00			`async function sendPaste() {`
			`const clip = await navigator.clipboard.readText();`

Custom icon, change when active 2022-10-19 22:53:55 -07:00			`await queue('create', {`
Better function order 2022-10-19 00:07:19 -07:00			`name: 'Paste',`
			html_notes: `<body>${escapeHTML(clip)}</body>`,
Custom icon, change when active 2022-10-19 22:53:55 -07:00			`});`
Better function order 2022-10-19 00:07:19 -07:00			`}`

Storage queueing 2022-10-18 23:06:59 -07:00			`let inHandleChange = false;`

			`async function handleChange(e) {`
Switch to html_notes 2022-10-18 23:14:37 -07:00			`// async functions allow concurrency. Add sketchy mutex.`
Storage queueing 2022-10-18 23:06:59 -07:00			`if (inHandleChange) {`
			`return;`
			`}`

			`try {`
			`inHandleChange = true;`
			`await handleChangeInt(e);`
			`} finally {`
			`inHandleChange = false;`
			`}`
			`}`

			`async function handleChangeInt(e) {`
			`const queue = await browser.storage.local.get();`
			`const keys = Object.getOwnPropertyNames(queue);`

			`if (keys.length == 0) {`
Custom icon, change when active 2022-10-19 22:53:55 -07:00			`browser.browserAction.setIcon(idleIcon);`
Storage queueing 2022-10-18 23:06:59 -07:00			`return;`
			`}`

			`// If some tasks cause issues, make progress on the others over time`
			`const rand = Math.floor(Math.random() * keys.length);`
			`const key = keys[rand];`
			`const task = queue[key];`
Fast tab close, upload screenshot attachment 2022-10-17 23:35:53 -07:00
Switch to async function 2022-10-17 09:58:11 -07:00			`const cfg = await browser.storage.sync.get();`
Storage queueing 2022-10-18 23:06:59 -07:00
Don't make network calls without a token 2022-10-20 20:40:28 -07:00			`if (!cfg.token) {`
			`throw 'missing token';`
			`}`

Storage queueing 2022-10-18 23:06:59 -07:00			`const type = key.split('_', 1)[0];`
			`await typeHandlers.get(type)(cfg, task);`

			`await browser.storage.local.remove([key]);`
			`}`

			`async function create(cfg, task) {`
Auto-open options page when not configured 2022-10-20 20:53:08 -07:00			`if (!cfg.workspace \|\| !cfg.assignee) {`
			`throw 'missing workspace/assignee';`
			`}`

Squash 2022-10-13 11:09:24 -07:00			`const req = {`
			`data: {`
Object member style consistency 2022-10-19 00:03:11 -07:00			`workspace: cfg.workspace,`
			`assignee: cfg.assignee,`
Storage queueing 2022-10-18 23:06:59 -07:00			`name: task.name,`
Switch to html_notes 2022-10-18 23:14:37 -07:00			`html_notes: task.html_notes,`
Squash 2022-10-13 11:09:24 -07:00			`},`
			`};`

Write queue to local storage 2022-10-18 00:02:09 -07:00			`const createResp = await fetch(`
Squash 2022-10-13 11:09:24 -07:00			`'https://app.asana.com/api/1.0/tasks',`
			`{`
			`method: 'POST',`
			`headers: {`
Object member style consistency 2022-10-19 00:03:11 -07:00			'Authorization': `Bearer ${cfg.token}`,
Squash 2022-10-13 11:09:24 -07:00			`'Content-Type': 'application/json',`
			`'Accept': 'application/json',`
			`},`
Storage queueing 2022-10-18 23:06:59 -07:00			`credentials: 'omit',`
Squash 2022-10-13 11:09:24 -07:00			`body: JSON.stringify(req),`
			`},`
Switch to async function 2022-10-17 09:58:11 -07:00			`);`
Storage queueing 2022-10-18 23:06:59 -07:00
			`if (!createResp.ok) {`
			`throw createResp.statusText;`
			`}`

Switch to async function 2022-10-17 09:58:11 -07:00			`const create = await createResp.json();`

Object member style consistency 2022-10-19 00:03:11 -07:00			`if (task.attach) {`
Custom icon, change when active 2022-10-19 22:53:55 -07:00			`await queue('attach', {`
Object member style consistency 2022-10-19 00:03:11 -07:00			`gid: create.data.gid,`
Storage queueing 2022-10-18 23:06:59 -07:00			`attach: task.attach,`
			`filename: task.filename,`
Custom icon, change when active 2022-10-19 22:53:55 -07:00			`});`
Storage queueing 2022-10-18 23:06:59 -07:00			`}`
			`}`

			`async function attach(cfg, task) {`
Fast tab close, upload screenshot attachment 2022-10-17 23:35:53 -07:00			`const data = new FormData();`
Factor out helpers 2022-10-19 00:13:56 -07:00			`const blob = dataURLToBlob(task.attach);`
Storage queueing 2022-10-18 23:06:59 -07:00			`data.append('file', blob, task.filename);`
Fast tab close, upload screenshot attachment 2022-10-17 23:35:53 -07:00
			`const attachResp = await fetch(`
Storage queueing 2022-10-18 23:06:59 -07:00			`https://app.asana.com/api/1.0/tasks/${encodeURIComponent(task.gid)}/attachments`,
Fast tab close, upload screenshot attachment 2022-10-17 23:35:53 -07:00			`{`
			`method: 'POST',`
			`headers: {`
Object member style consistency 2022-10-19 00:03:11 -07:00			'Authorization': `Bearer ${cfg.token}`,
Fast tab close, upload screenshot attachment 2022-10-17 23:35:53 -07:00			`},`
Storage queueing 2022-10-18 23:06:59 -07:00			`credentials: 'omit',`
Fast tab close, upload screenshot attachment 2022-10-17 23:35:53 -07:00			`body: data,`
			`},`
			`);`
Storage queueing 2022-10-18 23:06:59 -07:00
			`if (!attachResp.ok) {`
			`throw attachResp.statusText;`
			`}`
Squash 2022-10-13 11:09:24 -07:00			`}`

Custom icon, change when active 2022-10-19 22:53:55 -07:00			`async function queue(type, details) {`
			`browser.browserAction.setIcon(activeIcon);`

			`const store = {};`
			store[`${type}_${crypto.randomUUID()}`] = details;
			`await browser.storage.local.set(store);`
			`}`

Factor out helpers 2022-10-19 00:13:56 -07:00			`async function getSelectedText(tabId) {`
			`const selecteds = await browser.tabs.executeScript(`
			`tabId,`
			`{`
			`code: 'getSelection().toString()',`
			`},`
			`);`

			`return selecteds.filter(x => x).join('\n');`
			`}`

			`function dataURLToBlob(url) {`
			`const [_, type, base64] = url.match(reData);`
			`const bytes = atob(base64);`

			`const arr = new Uint8Array(bytes.length);`
			`for (let i = 0; i < bytes.length; i++) {`
			`arr[i] = bytes.charCodeAt(i);`
			`}`

			`return new Blob(`
			`[arr],`
			`{`
			`type: type,`
			`},`
			`);`
			`}`

Switch to html_notes 2022-10-18 23:14:37 -07:00			`function escapeHTML(unsafe) {`
			`const div = document.createElement('div');`
			`div.innerText = unsafe;`
Object member style consistency 2022-10-19 00:03:11 -07:00			`return div.innerHTML.replaceAll('<br>', '\n');`
Switch to html_notes 2022-10-18 23:14:37 -07:00			`}`

Storage queueing 2022-10-18 23:06:59 -07:00			`const typeHandlers = new Map([`
			`['create', create],`
			`['attach', attach],`
			`]);`

Squash 2022-10-13 11:09:24 -07:00			`browser.browserAction.onClicked.addListener(handleClick);`
Storage queueing 2022-10-18 23:06:59 -07:00			`browser.storage.local.onChanged.addListener(handleChange);`
			`setInterval(handleChange, 10000);`