joplin/Clipper/joplin-webclipper/background.js

let browser_ = null;
if (typeof browser !== 'undefined') {
	browser_ = browser;
	browserSupportsPromises_ = true;
} else if (typeof chrome !== 'undefined') {
	browser_ = chrome;
	browserSupportsPromises_ = false;
}

function env() {
	return 'prod';
	return !('update_url' in browser_.runtime.getManifest()) ? 'dev' : 'prod';
}

async function browserCaptureVisibleTabs(windowId, options) {
	if (browserSupportsPromises_) return browser_.tabs.captureVisibleTab(windowId, { format: 'jpeg' });

	return new Promise((resolve, reject) => {
		browser_.tabs.captureVisibleTab(windowId, { format: 'jpeg' }, (image) => {
			resolve(image);
		});
	});
}

browser_.runtime.onInstalled.addListener(function() {
	if (env() === 'dev') {
		browser_.browserAction.setIcon({
			path: 'icons/32-dev.png',
		});
	}
});

browser_.runtime.onMessage.addListener((command) => {
	if (command.name === 'screenshotArea') {
		browserCaptureVisibleTabs(null, { format: 'jpeg' }).then((imageDataUrl) => {
			content = Object.assign({}, command.content);
			content.imageDataUrl = imageDataUrl;

			fetch(command.apiBaseUrl + "/notes", {
				method: "POST",
				headers: {
					'Accept': 'application/json',
					'Content-Type': 'application/json'
				},
				body: JSON.stringify(content)
			});
		});
	}
});