chore(v3): Update devtools to carbon v11 & rebuild on vite
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.
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
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!
Hey I pulled myself off as reviewer for now, feel free to add me again once this is out of draft status.