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

Open
wants to merge 40 commits into
base: main
Choose a base branch
from
Open

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 on hover of each node.
  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
  7. Change selector style for selecting frames

todo

  1. Use a loading indicator when loading several frames

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
@wenli-cai wenli-cai force-pushed the wenli/improve-visualizer branch 2 times, most recently from 59d285a to ff128a8 Compare August 5, 2025 19:06
@wenli-cai wenli-cai force-pushed the wenli/improve-visualizer branch from ff128a8 to 7b7b41a Compare August 5, 2025 19:14
@wenli-cai wenli-cai force-pushed the wenli/improve-visualizer branch from 8745914 to a489f00 Compare August 5, 2025 19:20
@wenli-cai wenli-cai marked this pull request as ready for review August 12, 2025 20:24
@wenli-cai wenli-cai requested review from zach-klippenstein and a team as code owners August 12, 2025 20:24
@wenli-cai wenli-cai force-pushed the wenli/improve-visualizer branch from 83502fe to 08f412c Compare August 12, 2025 20:49
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