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();
}