Highlight element & show history of updates

[GuskiS]

First of all, thank you for making this tool. Just saw the ngAir video, I haven't tested it myself - waiting for the chrome extension. That being said, I have suggestions that I would like to see in the extension version:

1. Highlighting actual element when you hover/click box in the tree view. In real world app you will have many components and it will just become hard to debug, especially if the change disappears quite fast, so having highlight option would help there alot.

2. Currently (seen in video) you can only see last updated tree. It would be great if there would be history list, similarly like in redux devtools where you can click actions and see some info, in this case you would see the tree.

Question, how do you show if change happens in seperate tree? For example, when you use store to manage state, you could click on button, and change could occur in complete different part of the app.

Thanks, can't wait for the chrome extension to test this out!

[KwintenP]

Hi,

Sorry for the late reply, totally forgot :).

These are some great suggestions! The second one is almost implemented (but will prolly miss the first release though). The first one is also great, hadn't considered that but that's indeed a very good idea.

Regarding your question, every component that gets checked is gonna light up. So if the store is responsible for multiple branches of the component tree to be checked, all of them will be highlighted :).

Thanks again for the great input!

[GuskiS]

Thanks for the reply :)

Regarding your question, every component that gets checked is gonna light up. So if the store is responsible for multiple branches of the component tree to be checked, all of them will be highlighted

What I meant was, does 2 different trees show up in tree view? 🤔