script.js

const turndownService = new TurndownService({
	codeBlockStyle: "fenced"
})
turndownService.remove("button")

async function getUrl() {
  const storage = await browser.storage.local.get()
  return storage.webhookUrl
}

async function forward(div) {
	const markdown = turndownService.turndown(div)
	const sections = markdown.split("```")
	const msg = {
		lang: sections[0],
		code: sections[1]
	}
	browser.runtime.sendMessage({ 
		action: 'forward', 
		msg, 
		url: await getUrl() 
	})
}

function createObserver() {
	const targetNode = document.querySelector("main")
	const config = { attributes: false, childList: true, subtree: true }
	const callback = (mutationList, observer) => {
	  for (const mutation of mutationList) {
	    if (mutation.type === "childList") {
	    	if (mutation.target.id === "last-reply-container") {
		    	if (mutation.target.querySelector(".action-buttons") != null) {
		    		if (mutation.addedNodes.length === 1) {
		    			console.log("grok-webhook:observed")
		    			setTimeout(() => mutation.target.querySelectorAll("[data-testid]").forEach(div => forward(div)), 1000)
		    		}
		    	}
	    	}
	    }
	  }
	}
	const observer = new MutationObserver(callback)
	observer.observe(targetNode, config)
	return observer
}

async function printWebhookUrl() {
  const storage = await browser.storage.local.get()
  console.log(storage.webhookUrl)
}

setTimeout(() => {
	let observer = createObserver()	
	printWebhookUrl()
}, 1000)