search

vuejs / devtools

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools.vuejs.org/
MIT License
1.7k stars 122 forks source link

Feature request: Events timeline panel #609

Closed hakanedison closed 1 month ago

hakanedison commented 2 months ago

We really need the Events panel to track Vue events (the list of emitted events and the properties of selected event).

See also #538.

Currently, that's the only reason we can't switch from version 6 to 7. We really need to, because in version 6, some of our components can't be inspected because of an hard-to-pinpoint flaw, in DevTools or in our code).

Thanks for your great work!

webfansplz commented 2 months ago

Thank you for your feedback. We believe this feature request makes sense. Previously, we did not implement it due to significant performance overhead and memory leaks. However, if users truly need it, we should find a way to enable it on-demand (or have it disabled by default and allow users to enable it manually).

yaffol commented 1 month ago

I would also find the component events timeline very useful. I agree that making it an on-demand, or configurable option makes sense.

mreduar commented 1 month ago

It would be really useful to have it at least as an option to activate it momentarily. I am currently working on a bug that would make it much easier to see the events emitted.

webfansplz commented 1 month ago

Cooking 🧑‍🍳

image
webfansplz commented 1 month ago

See you soon 😊

timeline

mreduar commented 1 month ago

See you soon 😊

Nice!

hakanedison commented 1 month ago

Great! 👍🏻

rubjo commented 4 weeks ago

@webfansplz Looks really great! However, am I the only one expecting the "Enabled"/"Disabled" toggle to say the reverse of what they do currently?

hakanedison commented 4 weeks ago

@webfansplz Looks really great! However, am I the only one expecting the "Enabled"/"Disabled" toggle to say the reverse of what they do currently?

A classic, and partly philosophical question; should the text indicate the current state or should it indicate what happens when you click? In my opinion, it partly depends on what kind of UI component it is, and partly on how the text is formulated (if it makes it clear whether it is state or action that is meant).

In general, I probably prefer that the text on a button refers to the action taken when clicked, but that's not a strong opinion.

rubjo commented 4 weeks ago

Agreed – the current text is neither showing active state nor action, it's showing state if clicked 😄

webfansplz commented 4 weeks ago

Thanks for the feedback, I've submitted a PR to improve the UX about it.

rubjo commented 4 weeks ago

This still leaves room for confusion. I propose #642.