Cool! So it becomes a separate panel but within the website's view?

yep, not really great from UX standpoint but I also don't want to be doing all extension/bridge/message passing dance that React DevTools is doing

Yeah, I can see that, especially given that their extension isn't compatible with older versions of React, so you have to jump through a few hooks to have it running if you still use 17. It's great to have an ability to rely on a very particular version of a particular tool in one's workflow. But a separate panel also isn't too bad from the UX standpoint. Very similar to re-frame-10x, and it's nice to work with. Although I'm a tad biased given that I use a tiling WM that makes things like this almost automatic.

You could maybe get away with rendering it in an iframe which would let you "eject" it

It would still make things harder (message passing), and also iframe is just another element on a page, it can't really "move" the page as Chrome DevTools can for example

No, but modern browsers let you move an iframe to a new window

ah, interesting!

eg firefox (I just found a random codepen)

Definitely check out how re-frame-10x does it - they got it figured out. It uses shadow DOM, can be detached into a separate window, doesn't have to pass data around.

@U2FRKM4TW re-frame-10x external window thingy worked well 👌 Didn't know a parent window can manipulate DOM in a child window, also shadow dom is nice to make sure project styles are not affecting the devtools

now have to figure out picking when in external window

Awesome! Looking forward to what you end up discovering and making.

I remember 10x window breaking on some reload cases, but that was long time ago. I've just used code to adjust margin in main-app element so that panel doesn't overlay the app content: https://github.com/metosin/reagent-dev-tools

Did anyone get this to work on a reagent project? I got some errors so far.. https://github.com/roman01la/cljs-react-devtools/issues/1

I'll take a look at the repro, thanks for reporting

@U02J388JDEG should be good now