popup.js

import { accounts } from './accounts.js';
const rootDiv = document.getElementById('root');

(function addAccountDetailsToDom() {
	let content = '';
	accounts.forEach((account) => {
		content += `<button class="account-btn" data-authuser="${account.authuser}">${account.displayName}</button>`;
	});
	rootDiv.innerHTML = content;
	accountSwitchFunctionality();
})();

async function getCurrentTabId() {
	let queryOptions = { active: true, lastFocusedWindow: true };
	let [tab] = await chrome.tabs.query(queryOptions);
	return tab?.id;
}

function accountSwitchFunctionality() {
	const accountButtons = document.querySelectorAll('.account-btn');

	accountButtons.forEach((accountButton) => {
		accountButton.addEventListener('click', accountButtonClickHandler);
	});

	async function accountButtonClickHandler(e) {
		chrome.scripting.executeScript({
			target: { tabId: await getCurrentTabId() },
			func: switchAccount,
			args: [e.target.dataset.authuser]
		});
	}
}

function switchAccount(authUser) {
	let url = new URL(window.location.href);
	url.search = `?authuser=${authUser}`;
	window.location.href = url.href;
}