dillon1000/react
Commit
Browse files [DevTools] Double click a Suspense Rect to jump to its position in the timeline (#34642)
When you double click it will hide or show by jumping to the selected index or one step before the selected. Let's you go from a suspense boundary into the timeline to find its position. I also highlight the step in the timeline when you hover the rect. This only works if it's in the selected root but all of those should be merged into one single timeline. One thing that's weird about the SuspenseNodes now is that they sometimes gets deleted but not always when they're resupended. Nested ones maybe? This means that if you double click to hide it, you can't double click again to show it. This seems like an unrelated bug that we should fix. We could potentially repurpose the existing "Suspend" button in the toolbar to do this too, or maybe add another icon there.
Changed paths5 files
First-parent comparisonpackages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.js ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.css ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.js ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTimeline.js ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseTreeContext.js ModifiedPatch
Files changed
Rendering syntax-highlighted changes…