DevTools: Show the full chain of initiators on the flame chart.

third_party/WebKit/Source/devtools/front_end/timeline/TimelineFlameChartDataProvider.js

 /*
  * Copyright (C) 2014 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 857 matching lines @@
   buildFlowForInitiator(entryIndex) {
     if (this._lastInitiatorEntry === entryIndex)
       return false;
     this._lastInitiatorEntry = entryIndex;
     var event = this.eventByIndex(entryIndex);
     var td = this._timelineData;
     td.flowStartTimes = [];
     td.flowStartLevels = [];
     td.flowEndTimes = [];
     td.flowEndLevels = [];
-    // Find the closest ancestor with an initiator.
-    var initiator;
-    for (; event; event = this._eventParent(event)) {
-      if (!this._isVisible(event))
-        continue;
-      initiator = TimelineModel.TimelineData.forEvent(event).initiator();
-      if (initiator)
-        break;
+    while (event) {
+      // Find the closest ancestor with an initiator.
+      var initiator;
+      for (; event; event = this._eventParent(event)) {
+        if (!this._isVisible(event))

[caseq, 2017/04/04 18:07:28]

do you still need this check?

+          continue;
+        initiator = TimelineModel.TimelineData.forEvent(event).initiator();
+        if (initiator)
+          break;
+      }
+      if (!initiator || !this._isVisible(initiator))
+        return true;

[caseq, 2017/04/04 18:07:28]

nit: let's rather break from here.

+      var eventIndex = event[Timeline.TimelineFlameChartDataProvider._indexSymbol];
+      var initiatorIndex = initiator[Timeline.TimelineFlameChartDataProvider._indexSymbol];
+      td.flowStartTimes.push(initiator.endTime || initiator.startTime);
+      td.flowStartLevels.push(td.entryLevels[initiatorIndex]);
+      td.flowEndTimes.push(event.startTime);
+      td.flowEndLevels.push(td.entryLevels[eventIndex]);
+      event = initiator;
     }
-    if (!initiator || !this._isVisible(initiator))
-      return true;
-    var eventIndex = event[Timeline.TimelineFlameChartDataProvider._indexSymbol];
-    var initiatorIndex = initiator[Timeline.TimelineFlameChartDataProvider._indexSymbol];
-    td.flowStartTimes.push(initiator.endTime || initiator.startTime);
-    td.flowStartLevels.push(td.entryLevels[initiatorIndex]);
-    td.flowEndTimes.push(event.startTime);
-    td.flowEndLevels.push(td.entryLevels[eventIndex]);
     return true;
   }
 
   /**
    * @param {!SDK.TracingModel.Event} event
    * @return {?SDK.TracingModel.Event}
    */
   _eventParent(event) {
     return this._entryParent[event[Timeline.TimelineFlameChartDataProvider._indexSymbol]] || null;
   }
 
   /**
    * @param {number} entryIndex
    * @return {?SDK.TracingModel.Event}
    */
   eventByIndex(entryIndex) {
     return this._entryType(entryIndex) === Timeline.TimelineFlameChartEntryType.Event ?
         /** @type {!SDK.TracingModel.Event} */ (this._entryData[entryIndex]) :
         null;
   }
 };
 
 Timeline.TimelineFlameChartDataProvider.InstantEventVisibleDurationMs = 0.001;
 Timeline.TimelineFlameChartDataProvider._indexSymbol = Symbol('index');