Skip to content
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

Faster rendering of the debugger tree #13707

Merged
merged 12 commits into from
Jan 21, 2023

Conversation

krassowski
Copy link
Member

@krassowski krassowski commented Jan 3, 2023

References

Fixes #13694, as a side-effect fixes a bug with multiple loop buttons showing when hovering over nested branches.

Firefox 108 IQM [Q1 - Q3] mean min
before 4261.1 [3760.6 – 4932.3] ms 4326.3 ms 2197 ms
after 906.7 [838.4 – 1005.5] ms 1240.8 ms 780 ms
Chrome 108 IQM [Q1 - Q3] mean min
before 4306.2 [4181.5 – 4500] ms 4609.7 ms 4046.3 ms
after 1482 [1406.8 – 1555.8] ms 1685.8 ms 1306.2 ms

UI profiler with default settings for new debugger scenario (jupyterlab/ui-profiler#25):

Screenshot from 2023-01-04 21-20-17

Before

Screenshot from 2023-01-04 21-33-44

After

Screenshot from 2023-01-04 21-34-14

Code changes

  • only ever render one loop button per entire tree
  • do not render the collapser icon when the item cannot be expanded
  • rename VariablesComponent to VariablesBranch (it was too confusing to navigate VariableComponent and VariablesComponent when one is nested in the other, would likely lead to CSS errors with time if left as-is)

User-facing changes

Before After
before after

Backwards-incompatible changes

Only in CSS styles

@krassowski krassowski added the bug label Jan 3, 2023
@jupyterlab-probot
Copy link

Thanks for making a pull request to jupyterlab!
To try out this branch on binder, follow this link: Binder

@github-actions github-actions bot added Design System CSS pkg:debugger tag:CSS For general CSS related issues and pecadilloes labels Jan 3, 2023
@krassowski krassowski added this to the 4.0.0 milestone Jan 4, 2023
@krassowski
Copy link
Member Author

please update snapshots

@krassowski krassowski marked this pull request as ready for review January 4, 2023 21:54
@github-actions
Copy link
Contributor

github-actions bot commented Jan 4, 2023

Documentation snapshots updated.

@github-actions
Copy link
Contributor

github-actions bot commented Jan 4, 2023

Galata snapshots updated.

@krassowski
Copy link
Member Author

please update galata snapshots

@krassowski
Copy link
Member Author

please update documentation snapshots

@github-actions
Copy link
Contributor

github-actions bot commented Jan 5, 2023

Documentation snapshots updated.

@github-actions
Copy link
Contributor

github-actions bot commented Jan 5, 2023

Galata snapshots updated.

@fcollonval
Copy link
Member

Kicking the CI

@fcollonval fcollonval closed this Jan 5, 2023
@fcollonval fcollonval reopened this Jan 5, 2023
@krassowski
Copy link
Member Author

please update snapshots

@github-actions
Copy link
Contributor

Documentation snapshots updated.

Copy link
Member

@fcollonval fcollonval left a comment

Choose a reason for hiding this comment

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

Thanks @krassowski

I added two minor suggestions to have a docstring on all props. But those are not mandatory.

Co-authored-by: Frédéric Collonval <fcollonval@users.noreply.github.com>
@krassowski krassowski merged commit 0144db1 into jupyterlab:master Jan 21, 2023
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jan 22, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Design System CSS pkg:debugger tag:CSS For general CSS related issues and pecadilloes tag:Testing
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Debugger freezes UI on namespace updates when there are many variables
3 participants