Is it possible to use the integrated UI utilities in the MAIN world?

[davestewart]

I understand that the defineContentScript() main() method does not receive any context when running in the MAIN world.

This being the case, how would I leverage the UI utilities such as createShadowRootUi() ?

In my existing extension (I'm migrating) I run in main as I'm accessing a global JS API that is available in the page:

export default defineContentScript({
  matches: ['*://*.workflowy.com/*'],
  world: 'MAIN',
  main() {
    console.log('example loaded', window.WF);
    document.addEventListener('click', () => {

      // access the global API
      WF.showAlertDialog('<div id="dialog" />', 'Alert')

      setTimeout(() => {
        // ideally I would inject the UI into this dialog here...
        document.querySelector('#dialog').innerHTML = 'THIS WORKS!'
      })
    })
  },
});

Or perhaps there is another way to do it in WXT?

[aklinker1]

We could make the context optional... Feel free to open a PR! Just need to add an overload that doesn't use it.

Or, you could fake it:

createShadowRootUi(new AbortController() as ContentScriptContext, ...)

That should be enough. Didn't test it out myself, just off the top of my head.