devtools icon indicating copy to clipboard operation
devtools copied to clipboard

chore(v3): Update devtools to carbon v11 & rebuild on vite

Open andy-blum opened this issue 1 year ago • 3 comments

Closes #160 #158

This PR update the devtools codebase to build using vite & vite-plugin-web-extension. Vite is a modern build tool on top of rollup which runs faster than the previous webpack config.

Additionally, this PR updates the carbon dependencies to v11, opening the door to supporting the next generation of the Carbon Design System and IBM.com products and services.

Testing Instructions

The rebuild is being completed in /packages/webext and will eventually replace /packages/web-extension. The older package is left in place so components & scripts can be brought over one at a time.

To test the current state of the devtools, yarn install from the project root and then run yarn dev from /packages/webext. The web extension should build and launch in an automated chrome window.

andy-blum avatar Sep 20 '24 17:09 andy-blum

The extension currently doesn't actually do anything, but all three isolated worlds of the extension are running and communicating properly.

  • When the popup is opened, a message is sent
  • The background service worker detects that message and injects scripts/styles into the active tab
  • The scripts are able to run in the active tab and send a message back to the popup

andy-blum avatar Sep 20 '24 17:09 andy-blum

Hi @andy-blum - I removed myself as a reviewer. I'm not familiar with this code base and am not the best person to review these PRs. If I can help in any other way, e.g. account access, let me know!

mattrosno avatar Oct 08 '24 14:10 mattrosno

Hey I pulled myself off as reviewer for now, feel free to add me again once this is out of draft status.

tay1orjones avatar Oct 11 '24 18:10 tay1orjones