podium-lib / dev-tool

Middleware that exposes a development API on Podium podlets for use in development tools
https://podium-lib.io/
MIT License
0 stars 0 forks source link

Podlet inspector in dev tools #79

Open wkillerud opened 2 months ago

wkillerud commented 2 months ago

A green outline surrounds the footer of an example website

It would be cool to have the developer tool highlight where there are podlets in a layout. It should perhaps be opt-in, maybe a button in the Layout pane introduced in #76

I imagined we could do this by looking for custom elements with the -isolated suffix, but that won't find all podlets. Another option is perhaps to add "comment anchors" a la Lit:

An HTML span between two HTML comments. The first acts as an opening "tag" for a lit-element including an ID. The second closes the "tag".