{"patch":"diff --git a\/src\/backend\/agent.js b\/src\/backend\/agent.js\nindex ca711c4194..3bde89b953 100644\n--- a\/src\/backend\/agent.js\n+++ b\/src\/backend\/agent.js\n@@ -65,6 +65,7 @@ export default class Agent extends EventEmitter {\n bridge.addListener('captureScreenshot', this.captureScreenshot);\n bridge.addListener('exportProfilingSummary', this.exportProfilingSummary);\n bridge.addListener('getCommitDetails', this.getCommitDetails);\n+ bridge.addListener('getFiberCommits', this.getFiberCommits);\n bridge.addListener('getInteractions', this.getInteractions);\n bridge.addListener('getProfilingStatus', this.getProfilingStatus);\n bridge.addListener('getProfilingSummary', this.getProfilingSummary);\n@@ -158,6 +159,26 @@ export default class Agent extends EventEmitter {\n }\n };\n \n+ getFiberCommits = ({\n+ fiberID,\n+ rendererID,\n+ rootID,\n+ }: {\n+ fiberID: number,\n+ rendererID: number,\n+ rootID: number,\n+ }) => {\n+ const renderer = this._rendererInterfaces[rendererID];\n+ if (renderer == null) {\n+ console.warn(`Invalid renderer id \"${rendererID}\"`);\n+ } else {\n+ this._bridge.send(\n+ 'fiberCommits',\n+ renderer.getFiberCommits(rootID, fiberID)\n+ );\n+ }\n+ };\n+\n getInteractions = ({\n rendererID,\n rootID,\ndiff --git a\/src\/backend\/renderer.js b\/src\/backend\/renderer.js\nindex ebc5b0684a..3a4cb9f1c9 100644\n--- a\/src\/backend\/renderer.js\n+++ b\/src\/backend\/renderer.js\n@@ -32,6 +32,7 @@ import type {\n CommitDetails,\n DevToolsHook,\n Fiber,\n+ FiberCommits,\n FiberData,\n Interaction,\n Interactions,\n@@ -1652,6 +1653,39 @@ export function attach(\n };\n }\n \n+ function getFiberCommits(rootID: number, fiberID: number): FiberCommits {\n+ const commitProfilingMetadata = ((rootToCommitProfilingMetadataMap: any): CommitProfilingMetadataMap).get(\n+ rootID\n+ );\n+ if (commitProfilingMetadata != null) {\n+ const commitDurations = [];\n+ commitProfilingMetadata.forEach(({ actualDurations }, commitIndex) => {\n+ for (let i = 0; i < actualDurations.length; i += 2) {\n+ if (actualDurations[i] === fiberID) {\n+ commitDurations.push(commitIndex, actualDurations[i + 1]);\n+ break;\n+ }\n+ }\n+ });\n+\n+ return {\n+ commitDurations,\n+ fiberID,\n+ rootID,\n+ };\n+ }\n+\n+ console.warn(\n+ `getFiberCommits(): No profiling info recorded for root \"${rootID}\"`\n+ );\n+\n+ return {\n+ commitDurations: [],\n+ fiberID,\n+ rootID,\n+ };\n+ }\n+\n function getInteractions(rootID: number): Interactions {\n const commitProfilingMetadata = ((rootToCommitProfilingMetadataMap: any): CommitProfilingMetadataMap).get(\n rootID\n@@ -1817,6 +1851,7 @@ export function attach(\n flushInitialOperations,\n getCommitDetails,\n getFiberIDFromNative,\n+ getFiberCommits,\n getInteractions,\n findNativeByFiberID,\n getProfilingDataForDownload,\ndiff --git a\/src\/backend\/types.js b\/src\/backend\/types.js\nindex 0ee472a015..620119d790 100644\n--- a\/src\/backend\/types.js\n+++ b\/src\/backend\/types.js\n@@ -66,6 +66,12 @@ export type CommitDetails = {|\n rootID: number,\n |};\n \n+export type FiberCommits = {|\n+ commitDurations: Array,\n+ fiberID: number,\n+ rootID: number,\n+|};\n+\n export type InteractionWithCommits = {|\n ...Interaction,\n commits: Array,\n@@ -93,6 +99,7 @@ export type RendererInterface = {\n component: NativeType,\n findNearestUnfilteredAncestor?: boolean\n ) => number | null,\n+ getFiberCommits: (rootID: number, fiberID: number) => FiberCommits,\n getInteractions: (rootID: number) => Interactions,\n getProfilingDataForDownload: (rootID: number) => Object,\n getProfilingSummary: (rootID: number) => ProfilingSummary,\ndiff --git a\/src\/devtools\/ProfilingCache.js b\/src\/devtools\/ProfilingCache.js\nindex 1699f95f8c..e0b4cfabc9 100644\n--- a\/src\/devtools\/ProfilingCache.js\n+++ b\/src\/devtools\/ProfilingCache.js\n@@ -23,11 +23,13 @@ import type { Resource } from '.\/cache';\n import type { Bridge } from '..\/types';\n import type {\n CommitDetails as CommitDetailsBackend,\n+ FiberCommits as FiberCommitsBackend,\n Interactions as InteractionsBackend,\n ProfilingSummary as ProfilingSummaryBackend,\n } from 'src\/backend\/types';\n import type {\n CommitDetails as CommitDetailsFrontend,\n+ FiberCommits as FiberCommitsFrontend,\n Interactions as InteractionsFrontend,\n InteractionWithCommits,\n CommitTree as CommitTreeFrontend,\n@@ -39,13 +41,19 @@ import type { ChartData as RankedChartData } from 'src\/devtools\/views\/Profiler\/R\n \n type CommitDetailsParams = {|\n commitIndex: number,\n+ rendererID: number,\n rootID: number,\n+|};\n+\n+type FiberCommitsParams = {|\n+ fiberID: number,\n rendererID: number,\n+ rootID: number,\n |};\n \n type InteractionsParams = {|\n- rootID: number,\n rendererID: number,\n+ rootID: number,\n |};\n \n type GetCommitTreeParams = {|\n@@ -54,8 +62,8 @@ type GetCommitTreeParams = {|\n |};\n \n type ProfilingSummaryParams = {|\n- rootID: number,\n rendererID: number,\n+ rootID: number,\n |};\n \n export default class ProfilingCache {\n@@ -67,6 +75,11 @@ export default class ProfilingCache {\n (commitDetails: CommitDetailsFrontend) => void\n > = new Map();\n \n+ _pendingFiberCommitsMap: Map<\n+ string,\n+ (fiberCommits: FiberCommitsFrontend) => void\n+ > = new Map();\n+\n _pendingInteractionsMap: Map<\n number,\n (interactions: InteractionsFrontend) => void\n@@ -121,6 +134,38 @@ export default class ProfilingCache {\n `${rootID}-${commitIndex}`\n );\n \n+ FiberCommits: Resource<\n+ FiberCommitsParams,\n+ FiberCommitsFrontend\n+ > = createResource(\n+ ({ fiberID, rendererID, rootID }: FiberCommitsParams) => {\n+ return new Promise(resolve => {\n+ const importedProfilingData = this._store.importedProfilingData;\n+ if (importedProfilingData !== null) {\n+ \/\/ TODO (profiling) commit details\n+ \/\/ Copy from renderer getFiberCommits()\n+ } else if (this._store.profilingOperations.has(rootID)) {\n+ this._pendingFiberCommitsMap.set(`${rootID}-${fiberID}`, resolve);\n+ this._bridge.send('getFiberCommits', {\n+ fiberID,\n+ rendererID,\n+ rootID,\n+ });\n+ return;\n+ }\n+\n+ \/\/ If no profiling data was recorded for this root, skip the round trip.\n+ resolve({\n+ commitDurations: [],\n+ fiberID,\n+ rootID,\n+ });\n+ });\n+ },\n+ ({ fiberID, rendererID, rootID }: FiberCommitsParams) =>\n+ `${rootID}-${fiberID}`\n+ );\n+\n Interactions: Resource<\n InteractionsParams,\n InteractionsFrontend\n@@ -192,6 +237,7 @@ export default class ProfilingCache {\n this._store = store;\n \n bridge.addListener('commitDetails', this.onCommitDetails);\n+ bridge.addListener('fiberCommits', this.onFiberCommits);\n bridge.addListener('interactions', this.onInteractions);\n bridge.addListener('profilingSummary', this.onProfileSummary);\n }\n@@ -285,6 +331,24 @@ export default class ProfilingCache {\n }\n };\n \n+ onFiberCommits = ({\n+ commitDurations,\n+ fiberID,\n+ rootID,\n+ }: FiberCommitsBackend) => {\n+ const key = `${rootID}-${fiberID}`;\n+ const resolve = this._pendingFiberCommitsMap.get(key);\n+ if (resolve != null) {\n+ this._pendingFiberCommitsMap.delete(key);\n+\n+ resolve({\n+ commitDurations,\n+ fiberID,\n+ rootID,\n+ });\n+ }\n+ };\n+\n onInteractions = ({ interactions, rootID }: InteractionsBackend) => {\n const resolve = this._pendingInteractionsMap.get(rootID);\n if (resolve != null) {\n@@ -304,6 +368,7 @@ export default class ProfilingCache {\n const resolve = this._pendingProfileSummaryMap.get(rootID);\n if (resolve != null) {\n this._pendingProfileSummaryMap.delete(rootID);\n+\n const initialTreeBaseDurationsMap = new Map();\n for (let i = 0; i < initialTreeBaseDurations.length; i += 2) {\n initialTreeBaseDurationsMap.set(\ndiff --git a\/src\/devtools\/views\/Profiler\/CommitFlamegraph.js b\/src\/devtools\/views\/Profiler\/CommitFlamegraph.js\nindex a44bce868b..a4ad534a82 100644\n--- a\/src\/devtools\/views\/Profiler\/CommitFlamegraph.js\n+++ b\/src\/devtools\/views\/Profiler\/CommitFlamegraph.js\n@@ -20,7 +20,7 @@ export type ItemData = {|\n scaleX: (value: number, fallbackValue: number) => number,\n selectedChartNode: ChartNode,\n selectedChartNodeIndex: number,\n- selectFiber: (id: number | null) => void,\n+ selectFiber: (id: number | null, name: string | null) => void,\n width: number,\n |};\n \n@@ -33,7 +33,7 @@ export default function CommitFlamegraphAutoSizer(_: {||}) {\n const deselectCurrentFiber = useCallback(\n event => {\n event.stopPropagation();\n- selectFiber(null);\n+ selectFiber(null, null);\n },\n [selectFiber]\n );\ndiff --git a\/src\/devtools\/views\/Profiler\/CommitFlamegraphListItem.js b\/src\/devtools\/views\/Profiler\/CommitFlamegraphListItem.js\nindex fb655e25f5..8d55d781b0 100644\n--- a\/src\/devtools\/views\/Profiler\/CommitFlamegraphListItem.js\n+++ b\/src\/devtools\/views\/Profiler\/CommitFlamegraphListItem.js\n@@ -26,9 +26,9 @@ function CommitFlamegraphListItem({ data, index, style }: Props) {\n const { maxSelfDuration, rows } = chartData;\n \n const handleClick = useCallback(\n- (event: MouseEvent, id: number) => {\n+ (event: MouseEvent, id: number, name: string) => {\n event.stopPropagation();\n- selectFiber(id);\n+ selectFiber(id, name);\n },\n [selectFiber]\n );\n@@ -50,6 +50,7 @@ function CommitFlamegraphListItem({ data, index, style }: Props) {\n didRender,\n id,\n label,\n+ name,\n offset,\n selfDuration,\n treeBaseDuration,\n@@ -84,7 +85,7 @@ function CommitFlamegraphListItem({ data, index, style }: Props) {\n isDimmed={index < selectedChartNodeIndex}\n key={id}\n label={label}\n- onClick={event => handleClick(event, id)}\n+ onClick={event => handleClick(event, id, name)}\n width={nodeWidth}\n x={nodeOffset - selectedNodeOffset}\n y={top}\ndiff --git a\/src\/devtools\/views\/Profiler\/CommitRanked.js b\/src\/devtools\/views\/Profiler\/CommitRanked.js\nindex 238a7cbe3d..63cb41cd71 100644\n--- a\/src\/devtools\/views\/Profiler\/CommitRanked.js\n+++ b\/src\/devtools\/views\/Profiler\/CommitRanked.js\n@@ -20,7 +20,7 @@ export type ItemData = {|\n scaleX: (value: number, fallbackValue: number) => number,\n selectedFiberID: number | null,\n selectedFiberIndex: number,\n- selectFiber: (id: number | null) => void,\n+ selectFiber: (id: number | null, name: string | null) => void,\n width: number,\n |};\n \n@@ -33,7 +33,7 @@ export default function CommitRankedAutoSizer(_: {||}) {\n const deselectCurrentFiber = useCallback(\n event => {\n event.stopPropagation();\n- selectFiber(null);\n+ selectFiber(null, null);\n },\n [selectFiber]\n );\ndiff --git a\/src\/devtools\/views\/Profiler\/CommitRankedListItem.js b\/src\/devtools\/views\/Profiler\/CommitRankedListItem.js\nindex 6c37a6db46..996a207469 100644\n--- a\/src\/devtools\/views\/Profiler\/CommitRankedListItem.js\n+++ b\/src\/devtools\/views\/Profiler\/CommitRankedListItem.js\n@@ -22,7 +22,7 @@ function CommitRankedListItem({ data, index, style }: Props) {\n const handleClick = useCallback(\n event => {\n event.stopPropagation();\n- selectFiber(node.id);\n+ selectFiber(node.id, node.name);\n },\n [node, selectFiber]\n );\ndiff --git a\/src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.js b\/src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.js\nindex 9478c42d7e..bfb912adcc 100644\n--- a\/src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.js\n+++ b\/src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.js\n@@ -9,6 +9,7 @@ export type ChartNode = {|\n didRender: boolean,\n id: number,\n label: string,\n+ name: string,\n offset: number,\n selfDuration: number,\n treeBaseDuration: number,\n@@ -82,6 +83,7 @@ export function getChartData({\n didRender,\n id,\n label,\n+ name,\n offset: parentOffset,\n selfDuration,\n treeBaseDuration: node.treeBaseDuration,\ndiff --git a\/src\/devtools\/views\/Profiler\/Profiler.js b\/src\/devtools\/views\/Profiler\/Profiler.js\nindex 49145e47bc..4b346dd413 100644\n--- a\/src\/devtools\/views\/Profiler\/Profiler.js\n+++ b\/src\/devtools\/views\/Profiler\/Profiler.js\n@@ -19,6 +19,7 @@ import ProfilingImportExportButtons from '.\/ProfilingImportExportButtons';\n import SnapshotSelector from '.\/SnapshotSelector';\n import SidebarCommitInfo from '.\/SidebarCommitInfo';\n import SidebarInteractions from '.\/SidebarInteractions';\n+import SidebarSelectedFiberInfo from '.\/SidebarSelectedFiberInfo';\n import ToggleCommitFilterModalButton from '.\/ToggleCommitFilterModalButton';\n \n import styles from '.\/Profiler.css';\n@@ -118,7 +119,9 @@ function SnapshotSelectorFallback() {\n \/\/ This view's subtree uses suspense to request profiler data from the backend.\n \/\/ NOTE that the structure of this UI should mirror NonSuspendingProfiler.\n function SuspendingProfiler() {\n- const { selectedTabID, selectTab } = useContext(ProfilerContext);\n+ const { selectedFiberID, selectedTabID, selectTab } = useContext(\n+ ProfilerContext\n+ );\n const { isFilterModalShowing, setIsFilterModalShowing } = useContext(\n CommitFilterModalContext\n );\n@@ -147,7 +150,11 @@ function SuspendingProfiler() {\n break;\n case 'flame-chart':\n case 'ranked-chart':\n- sidebar = ;\n+ if (selectedFiberID !== null) {\n+ sidebar = ;\n+ } else {\n+ sidebar = ;\n+ }\n break;\n default:\n break;\ndiff --git a\/src\/devtools\/views\/Profiler\/ProfilerContext.js b\/src\/devtools\/views\/Profiler\/ProfilerContext.js\nindex bd5eb831d6..d06b5dab73 100644\n--- a\/src\/devtools\/views\/Profiler\/ProfilerContext.js\n+++ b\/src\/devtools\/views\/Profiler\/ProfilerContext.js\n@@ -56,7 +56,8 @@ type Context = {|\n \n \/\/ Which fiber is currently selected in the Ranked or Flamegraph charts?\n selectedFiberID: number | null,\n- selectFiber: (id: number | null) => void,\n+ selectedFiberName: string | null,\n+ selectFiber: (id: number | null, name: string | null) => void,\n \n \/\/ Which interaction is currently selected in the Interactions graph?\n selectedInteractionID: number | null,\n@@ -141,13 +142,15 @@ function ProfilerContextController({ children }: Props) {\n );\n const [selectedTabID, selectTab] = useState('flame-chart');\n const [selectedFiberID, selectFiberID] = useState(null);\n+ const [selectedFiberName, selectFiberName] = useState(null);\n const [selectedInteractionID, selectInteraction] = useState(\n null\n );\n \n const selectFiber = useCallback(\n- (id: number | null) => {\n+ (id: number | null, name: string | null) => {\n selectFiberID(id);\n+ selectFiberName(name);\n if (id !== null) {\n const index = store.getIndexOfElementID(id);\n if (index !== null) {\n@@ -155,7 +158,7 @@ function ProfilerContextController({ children }: Props) {\n }\n }\n },\n- [selectElementAtIndex, selectFiberID, store]\n+ [selectElementAtIndex, selectFiberID, selectFiberName, store]\n );\n \n if (isProfiling) {\n@@ -165,6 +168,7 @@ function ProfilerContextController({ children }: Props) {\n }\n if (selectedFiberID !== null) {\n selectFiberID(null);\n+ selectFiberName(null);\n }\n if (selectedInteractionID !== null) {\n selectInteraction(null);\n@@ -195,6 +199,7 @@ function ProfilerContextController({ children }: Props) {\n selectCommitIndex,\n \n selectedFiberID,\n+ selectedFiberName,\n selectFiber,\n \n selectedInteractionID,\n@@ -222,6 +227,7 @@ function ProfilerContextController({ children }: Props) {\n selectCommitIndex,\n \n selectedFiberID,\n+ selectedFiberName,\n selectFiber,\n \n selectedInteractionID,\ndiff --git a\/src\/devtools\/views\/Profiler\/RankedChartBuilder.js b\/src\/devtools\/views\/Profiler\/RankedChartBuilder.js\nindex 58235ad484..981692c90c 100644\n--- a\/src\/devtools\/views\/Profiler\/RankedChartBuilder.js\n+++ b\/src\/devtools\/views\/Profiler\/RankedChartBuilder.js\n@@ -7,6 +7,7 @@ import type { CommitDetails, CommitTree, Node } from '.\/types';\n export type ChartNode = {|\n id: number,\n label: string,\n+ name: string,\n value: number,\n |};\n \n@@ -58,6 +59,7 @@ export function getChartData({\n chartNodes.push({\n id,\n label,\n+ name,\n value: selfDuration,\n });\n });\ndiff --git a\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.css b\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.css\nindex 6e99ac4ff3..cde971ef67 100644\n--- a\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.css\n+++ b\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.css\n@@ -20,20 +20,25 @@\n }\n \n .InteractionList {\n- padding: 0.25rem;\n+ margin: 0 0 0.5rem;\n }\n \n .ListItem {\n margin: 0 0 0.5rem;\n }\n \n-.InteractionListItem {\n+.InteractionListItem,\n+.InteractionListItemNone {\n padding: 0.25rem 0.5rem;\n }\n .InteractionListItem:hover {\n background-color: var(--color-hover-background);\n }\n \n+.InteractionListItemNone {\n+ color: var(--color-dim);\n+}\n+\n .Label {\n overflow: hidden;\n text-overflow: ellipsis;\ndiff --git a\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js b\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js\nindex a786d6e8db..085ce46195 100644\n--- a\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js\n+++ b\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js\n@@ -88,7 +88,7 @@ export default function SidebarCommitInfo(_: Props) {\n Interactions<\/label>:\n

None<\/li>\n+
None<\/li>\n ) : null}\n {interactions.map((interaction, index) => (\n \n {captureScreenshots && (\n
\n+
Screenshot<\/label>:\n {screenshot != null ? (\n
';\n+ color: var(--color-jsx-arrow-brackets);\n+}\n+\n+.Label {\n+ font-weight: bold;\n+ margin-bottom: 0.5rem;\n+}\n+\n+.List {\n+ list-style: none;\n+ margin: 0;\n+ padding: 0;\n+}\n+\n+.CurrentListItem,\n+.ListItem {\n+ padding: 0.25rem 0.5rem;\n+}\n+.ListItem:hover {\n+ background-color: var(--color-hover-background);\n+}\n+\n+.CurrentListItem {\n+ background-color: var(--color-selected-background);\n+ color: var(--color-selected-foreground);\n+}\ndiff --git a\/src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.js b\/src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.js\nnew file mode 100644\nindex 0000000000..cf8d1c84b7\n--- \/dev\/null\n+++ b\/src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.js\n@@ -0,0 +1,79 @@\n+\/\/ @flow\n+\n+import React, { Fragment, useContext } from 'react';\n+import { ProfilerContext } from '.\/ProfilerContext';\n+import { formatDuration, formatTime } from '.\/utils';\n+import { StoreContext } from '..\/context';\n+import Button from '..\/Button';\n+import ButtonIcon from '..\/ButtonIcon';\n+\n+import styles from '.\/SidebarSelectedFiberInfo.css';\n+\n+export type Props = {||};\n+\n+export default function SidebarSelectedFiberInfo(_: Props) {\n+ const { profilingCache } = useContext(StoreContext);\n+ const {\n+ rendererID,\n+ rootID,\n+ selectCommitIndex,\n+ selectedCommitIndex,\n+ selectedFiberID,\n+ selectedFiberName,\n+ selectFiber,\n+ } = useContext(ProfilerContext);\n+\n+ const { commitTimes } = profilingCache.ProfilingSummary.read({\n+ rendererID: ((rendererID: any): number),\n+ rootID: ((rootID: any): number),\n+ });\n+\n+ const { commitDurations } = profilingCache.FiberCommits.read({\n+ fiberID: ((selectedFiberID: any): number),\n+ rendererID: ((rendererID: any): number),\n+ rootID: ((rootID: any): number),\n+ });\n+\n+ const listItems = [];\n+ for (let i = 0; i < commitDurations.length; i += 2) {\n+ const commitIndex = commitDurations[i];\n+ const duration = commitDurations[i + 1];\n+ const time = commitTimes[commitIndex];\n+\n+ listItems.push(\n+
selectCommitIndex(commitIndex)}\n+ >\n+ {formatTime(time)}s for {formatDuration(duration)}ms\n+ <\/li>\n+ );\n+ }\n+\n+ return (\n+
\n+
\n+
\n+ {selectedFiberName || 'Selected component'}\n+ <\/div>\n+\n+ selectFiber(null, null)}\n+ title=\"Back to commit view\"\n+ >\n+ \n+ <\/Button>\n+ <\/div>\n+
\n+ Rendered at<\/label>:\n+
{listItems}<\/ul>\n+ <\/div>\n+ <\/Fragment>\n+ );\n+}\ndiff --git a\/src\/devtools\/views\/Profiler\/types.js b\/src\/devtools\/views\/Profiler\/types.js\nindex fc7d22e770..eb9dd1b494 100644\n--- a\/src\/devtools\/views\/Profiler\/types.js\n+++ b\/src\/devtools\/views\/Profiler\/types.js\n@@ -34,6 +34,12 @@ export type CommitDetails = {|\n interactions: Array,\n |};\n \n+export type FiberCommits = {|\n+ commitDurations: Array,\n+ fiberID: number,\n+ rootID: number,\n+|};\n+\n export type ProfilingSummary = {|\n rootID: number,\n \n","files":[{"status":"M","path":"src\/backend\/agent.js"},{"status":"M","path":"src\/backend\/renderer.js"},{"status":"M","path":"src\/backend\/types.js"},{"status":"M","path":"src\/devtools\/ProfilingCache.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/CommitFlamegraph.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/CommitFlamegraphListItem.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/CommitRanked.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/CommitRankedListItem.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/Profiler.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/ProfilerContext.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/RankedChartBuilder.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/SidebarCommitInfo.css"},{"status":"M","path":"src\/devtools\/views\/Profiler\/SidebarCommitInfo.js"},{"status":"A","path":"src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.css"},{"status":"A","path":"src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.js"},{"status":"M","path":"src\/devtools\/views\/Profiler\/types.js"}],"parents":["5334249bda1917ead38860b2272af2169bb7036d"],"body":"","commit":{"authorEmail":"bvaughn@fb.com","subject":"Profiler shows commit times and durations for selected fiber","revision":"44c0febd234bb7c4c26af0f2643f850395db386f","shortRevision":"44c0febd23","authoredAt":"2019-04-07T08:36:37-07:00","authorName":"Brian Vaughn"}}

dillon1000/react

Files changed