Skip to content

WIP improve visualizer usability #1382

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 34 commits into
base: main
Choose a base branch
from
Draft

Conversation

wenli-cai
Copy link
Collaborator

@wenli-cai wenli-cai commented Jul 24, 2025

Currently

  1. Color code each Node in this frame based on its events, i.e. it was a new node, its states were changed, nothing changed but a child was changed. Also provides a color legend for reference.
  2. Improve node detail panel UI
  3. Change tree UI to hide unaffected children
  4. Allow file dump after live tracing
  5. Show text diff for nodes' states
  6. Allow device selection for live mode

wenli-cai added 10 commits July 21, 2025 16:45
Using reflection gives us the declared fields of a class only in alphabetical order, and some information is unnecessarily inside, so we instead just manually give back a list and the data associated with them through companion methods.
The only important fields of a node is its state, props, and rendering. Its and the parent node's ID's are less significant, and have been moved out of their own detailed cards to avoid cluttering up the info panel
All simple nodes (with no children) are shown at the top and nested nodes (with children) are shown at the bottom. This makes it the nesting more clear.
@wenli-cai wenli-cai changed the title Wenli/improve visualizer WIP improve visualizer usability Jul 24, 2025
Base automatically changed from wenli/visualizer-uds to main July 25, 2025 02:43
@wenli-cai wenli-cai force-pushed the wenli/improve-visualizer branch from e73317b to 5ec8a18 Compare July 26, 2025 18:07
builder.pushStyle(style)
builder.append(text)
builder.pop()
}
Copy link
Collaborator Author

@wenli-cai wenli-cai Jul 26, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Having a helper function like this makes it very easy to understand what these three lines are doing, but having to list out the arguments (line 38 vs 43) ends up taking 5 lines instead of 3. Is this a worth it trade off?

wenli-cai and others added 7 commits July 26, 2025 14:29
Signed-off-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Signed-off-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@wenli-cai wenli-cai force-pushed the wenli/improve-visualizer branch from bb01fc9 to cdfbc82 Compare July 28, 2025 15:28
Signed-off-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
workflow-pr-fixer bot and others added 8 commits July 28, 2025 15:39
Signed-off-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Signed-off-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Improve UI and clean up code
The goal is to have the viewport snap to the node when it's being searched for, but current use of Offset seems to give some positional errors.
@wenli-cai wenli-cai force-pushed the wenli/improve-visualizer branch from 835349b to a9a44e9 Compare July 30, 2025 17:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants