Automatically call browser.runtime.getURL when importing assets

[aklinker1]

Feature Request

Change the example from the docs:

// entrypoints/content.ts
import iconUrl from '/icon/128.png';

export default defineContentScript({
  matches: ['*://*.google.com/*'],
  main() {
-   console.log(iconUrl); // "/icon/128.png"
-   console.log(browser.runtime.getURL(iconUrl)); // "chrome-extension://<id>/icon/128.png"
+   console.log(iconUrl); // "chrome-extension://<id>/icon/128.png"
  },
});

Is your feature request related to a bug?

N/A

What are the alternatives?

Having developers manually call browser.runtime.getURL.

Additional context

Noticed while trying to decide where to put the new web_accessible_resources warning in #1216

[aklinker1]

Doesn't seem like there's an easy way to do this... No hook for this, and the generateBundle hook doesn't include public directory files... so there's no way to detect all filenames that should be wrapped in browser.runtime.getURL(...).

Ideally, it'd be as simple as looping through the bundle (before it's written to disk), and wrapping each file path in browser.runtime.getURL(...).

However... doing a replacement like that across megabytes of text will be slow... So I don't think I want to add this.