background.js

// add context menu on select
function setupContextMenu(){
	chrome.contextMenus.create({
		id: "addnote",
		title: "Add to Harbor",
		contexts: ["selection"]
	})
}
chrome.runtime.onInstalled.addListener(() => { setupContextMenu() })

// handle context menu click
chrome.contextMenus.onClicked.addListener((info, tab) => {
	console.log(info, tab);
	if (info.menuItemId === "addnote") {
		console.log(`Adding the note "${info.selectionText}"`);
		
		// open sidepanel to ensure connection is met for event listener
		chrome.sidePanel.open({ tabId: tab.id })
		
		// ensure content scripts have time to activate
		setTimeout(() => {
			chrome.runtime.sendMessage({
				content: info.selectionText,
				url: info.pageUrl
			});
		  }, 500);
	}
})

// open panel onclick
chrome.sidePanel
	.setPanelBehavior({ openPanelOnActionClick: true })
	.catch((error) => console.error(error))