queue/source/background-scripts/browser-action.ts

49 lines
1.3 KiB
TypeScript
Raw Permalink Normal View History

2022-03-05 13:10:45 +00:00
import browser from 'webextension-polyfill';
import {Settings} from '../settings/settings.js';
let timeoutId: number | undefined;
export async function browserActionClicked(): Promise<void> {
const settings = await Settings.fromSyncStorage();
// When the extension icon is initially clicked, create a timeout for 500ms
// that will open the next queue item when it expires.
// If the icon is clicked again in those 500ms, open the options page instead.
if (timeoutId === undefined) {
timeoutId = window.setTimeout(async () => {
timeoutId = undefined;
const nextItem = settings.nextQueueItem();
if (nextItem === undefined) {
await browser.runtime.openOptionsPage();
return;
}
const tabs = await browser.tabs.query({
active: true,
currentWindow: true,
});
const message: Queue.Message<Queue.Item> = {
action: 'queue open url',
data: nextItem,
};
try {
await browser.tabs.sendMessage(tabs[0].id!, message);
} catch {
await browser.tabs.create({active: true, url: nextItem.url});
}
await settings.removeQueueItem(nextItem.id);
}, 500);
return;
}
window.clearTimeout(timeoutId);
timeoutId = undefined;
await browser.runtime.openOptionsPage();
}