Dom.ts is not needed: please remove 🙏(modular approach)

[robert-hoffmann]

Dom.ts, is basically just a second content.ts, however it's not needed as using content.ts in a modular approach achieves the same outcome, and requires less Chrome permissions.

Dom.ts requires the web_accessible_resources attribute to function properly
This also triggers the host_permission in the chrome store, which requires a longer validation period

Added by bex extension

  "web_accessible_resources": [
    {
      "resources": [ "*" ],
      "matches"  : [ "*://*/*" ]
    }
  ]

You can achieve the same thing in content.ts, by using a modular approach

(content.ts skeleton layout)

// Hooks added here have a bridge allowing communication between the BEX Content Script and the Quasar Application.
// More info: https://quasar.dev/quasar-cli/developing-browser-extensions/content-hooks
import { bexContent } from 'quasar/wrappers';
import { BexBridge } from '@quasar/app-vite/types/bex';

/**
 * Import Modules
 * -> They will have access to window, document, navigator & the bridge
 */
//import contextMenu from './components/contextMenuComponent';
import iframe from './components/iframeComponent';

/**
 * Initialize the content script
 */
function main(bridge: BexBridge) {
  /**
   * Initialize Modules (loaded above)
   */
  //contextMenu(bridge);
  iframe(bridge);
}

/**
 * This is the main entry point for the BEX Content Script.
 */
export default bexContent(async (bridge: BexBridge) => {
  main(bridge);

  // braadcast ready()
  bridge.send('content::ready');
});

Example of the iframeComponent

Here is the end of my iframeComponent, this gets initialized in content.ts

// Export module
export default function iframe(bridge: BexBridge) {
  main(bridge);

  bridge.on('content.onResize', async ({ data }) => {
    //console.log('content.onResize', data);
    setContainerHeight(data.height);
  });

  bridge.on('content.copyToClipboard', ({ data }) => {
    //console.log('content.copyToClipboard', data);
    navigator.clipboard.writeText(data || '');
  });
}