dillon1000/react

Commit

[DevTools] front-end for profiling event stack (#24805)

* [DevTools] front-end for profiling event stack

Adds a side-bar to the profiling tab. Users can now select an update event, and are
shown the callstack from the originating component. When a source path is available
there is now UI to jump to source.

Add FB enabled feature flag: enableProfilerComponentTree for the side-bar.

resolves #24170
Browse files
Changed paths16 files
First-parent comparison
M packages/react-devtools-extensions/src/main.js ModifiedM packages/react-devtools-shared/src/__tests__/utils-test.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-fb.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.core-oss.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.default.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-fb.js ModifiedM packages/react-devtools-shared/src/config/DevToolsFeatureFlags.extension-oss.js ModifiedM packages/react-devtools-shared/src/devtools/utils.js ModifiedA packages/react-devtools-shared/src/devtools/views/Components/ViewSourceContext.js AddedM packages/react-devtools-shared/src/devtools/views/DevTools.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js ModifiedA packages/react-devtools-shared/src/devtools/views/Profiler/SidebarEventInfo.css AddedA packages/react-devtools-shared/src/devtools/views/Profiler/SidebarEventInfo.js AddedM packages/react-devtools-timeline/src/CanvasPage.js ModifiedM packages/react-devtools-timeline/src/content-views/SchedulingEventsView.js ModifiedA packages/react-devtools-timeline/src/utils/flow.js Added
Patch

Files changed

Rendering syntax-highlighted changes…