dillon1000/react

Commit

Timeline search (#22799)

Refactor SearchInput component (used in Components tree) to be generic DevTools component with two uses: ComponentSearchInput and TimelineSearchInput.

Refactored Timeline Suspense to more closely match other, newer Suspense patterns (e.g. inspect component, named hooks) and colocated Susepnse code in timelineCache file.

Add search by component name functionality to the Timeline. For now, searching zooms in to the component measure and you can step through each time it rendered using the next/previous arrows.
Browse files
Brian Vaughn authored 8b8817845a8efd8cf53be395fafbb1d0f62c4368 Parent 4729ff6
Changed paths18 files
First-parent comparison
A packages/react-devtools-shared/src/devtools/views/Components/ComponentSearchInput.js AddedM packages/react-devtools-shared/src/devtools/views/Components/Tree.js ModifiedM packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/ClearProfilingDataButton.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.css ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js ModifiedR packages/react-devtools-shared/src/devtools/views/Components/SearchInput.css →packages/react-devtools-shared/src/devtools/views/SearchInput.css RenamedR packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js →packages/react-devtools-shared/src/devtools/views/SearchInput.js RenamedM packages/react-devtools-timeline/src/CanvasPage.js ModifiedM packages/react-devtools-timeline/src/Timeline.js ModifiedM packages/react-devtools-timeline/src/TimelineContext.js ModifiedA packages/react-devtools-timeline/src/TimelineSearchContext.js AddedA packages/react-devtools-timeline/src/TimelineSearchInput.js AddedM packages/react-devtools-timeline/src/content-views/ComponentMeasuresView.js ModifiedM packages/react-devtools-timeline/src/content-views/constants.js ModifiedA packages/react-devtools-timeline/src/timelineCache.js AddedM packages/react-devtools-timeline/src/types.js Modified
Patch

Files changed

Rendering syntax-highlighted changes…