I'm building my first devtool web extension. Starting with firefox support first since it supports less features and should be easier to port to chrome than the other way around.
It's a state inspector and event logger for #datastar (https://data-star.dev)
Delaney already did the groundwork of making a web component that displays the store versions and the events log, but I'm trying to get it to appear in the actual devtools rather than as an element of the page.
That first step is done, but it doesnt do much since it needs access to the inspected pages state. So I need to set up message passing between the devtool, browser and page.
That basic infrastructure for that was easy to set up by following the docs, the trickier part I suspect is getting the page to send the right data at the right time and modifying the inspector's code to receive state changes from the browser script.