Upgrade to Manifest V3 on Chrome

[Asymons]

Description

Support for Manifest V2 is coming close to an end (seems to be June 2025) so in order to maintain this project, we need to upgrade to Manifest V3.

This also removes the warning from the Chrome Extensions Web Store.

The changes are quite simple and deviate slightly from the implementation in react-devtools. I originally thought to follow what was done there but quickly came to understand I was introducing a bunch of unnecessary code and abstraction that may not be needed for this project.

The upgrade to Manifest V3 from V2 requires a few changes, primarily related to security, so here's what we did:

1. Remove unsafe inline execution of scripts. In order to run content scripts, we need to declare them explicitly in the manifest.
2. Use action instead of browserAction to set icons & popups. This is just a breaking API interface change but doesn't impact functionality.
3. Update the manifest to support V3.

Tests

I basically ran everything on Chrome as it seems Firefox isn't supported (had some trouble getting it running personally). I ran our light unit tests yarn test and the video below demonstrates me poking around a website that supports Relay.

Screen.Recording.2025-01-03.at.9.35.42.PM.mov

[tyao1]

Amazing! Thanks for upgrading it. The changes are so clean.

[Asymons]

@tyao1 seems like the pipeline is broken (related to a bad node version), have we encountered this before or is this new?

[facebook-github-bot]

@tyao1 has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

[tyao1]

@tyao1 seems like the pipeline is broken (related to a bad node version), have we encountered this before or is this new?

It is pre-existing. It was probably broken by 7edce8e

[Asymons]

@tyao1 just following up with this - is someone assigned to fix the pipeline already? don't want to delay this PR too much to get this back on the chrome store (I think some users were facing issues downloading it actually due to the warning)

NVM my bad, I didnt see that you've already updated the node version :D

[facebook-github-bot]

@Asymons has updated the pull request. You must reimport the pull request before landing.

[facebook-github-bot]

@tyao1 has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

[tyao1]

@Asymons I tried it locally and built the unpacked version with yarn build:extension:chrome:dev, but it throws the error and didn't work

Did you get the same error?