UT-Registration-Plus/src/views/lib/openNewTabFromContentScript.ts

import { createMessenger } from '@chrome-extension-toolkit';

type MyMessages = {
    openNewTab: (data: { url: string }) => void;
};

const messenger = createMessenger<MyMessages>('background');

/**
 *  Content scripts and background scripts are isolated environments.
 *  Content scripts are where our code interacting with the webpage lives,
 *  whereas the background script is where we can open a tab from.
 *  This function allows us to open a new tab from the content script by communicating
 *  with the background script.
 */
export async function openTabFromContentScript(url: string) {
    messenger
        .openNewTab({ url }) // Fix: Pass the url as a property of an object
        .then(() => {
            console.log('New tab opened with URL:', url);
        })
        .catch(error => {
            console.error('Error opening new tab:', error);
        });
}