Ignore specific components

Sometimes I have many sort of “throw away” components that don’t really need to show in DevTools. If you’re not opposed to adding more optional attributes, we could add an x-ignore and have DevTools ignore those components all together.

[HugoDF]

I was thinking to add it as an option so users could create a custom selector that we run though document.querySelectorAll() then ignore whatever the user enters.

The blocker being it’s kind of clunky to have only one setting. But probably not a big deal.

Thoughts? I can probably work on it tomorrow or maybe Friday.

If you prefer to hard code it too, that’s fine.

custom selector with a default to x-devtools-ignore or data-devtools-ignore sounds good 👍, document.querySelectorAll('[x-data]:not([x-devtools-ignore])') (will be interpolated probably) or we can look at the rootEls when we loop through in backend.js

No rush on this, trying to make sure there’s a path forward for it.

[KevinBatdorf]

Depends how we plan on getting detecting components. Wouldn’t it just be automatic?

We’d need to use another directive to hide it specifically from devtools