DevTools: move flow events tracking to TracingModel, support cross-threads case

third_party/WebKit/Source/devtools/front_end/perf_ui/FlameChart.js

 /**
  * Copyright (C) 2013 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 939 matching lines @@
   _drawFlowEvents(context, width, height) {
     context.save();
     var ratio = window.devicePixelRatio;
     var top = this.getScrollOffset();
     var arrowWidth = 6;
     context.scale(ratio, ratio);
     context.translate(0, -top);
 
     context.fillStyle = '#7f5050';
     context.strokeStyle = '#7f5050';
+    context.lineWidth = 0.5;
+
     var td = this._timelineData();
-    var endIndex = td.flowStartTimes.lowerBound(this._timeWindowRight);
-
-    context.lineWidth = 0.5;
-    for (var i = 0; i < endIndex; ++i) {
+    for (var i = 0; i < td.flowStartTimes.length && td.flowStartTimes[i] < this._timeWindowRight; ++i) {
       if (!td.flowEndTimes[i] || td.flowEndTimes[i] < this._timeWindowLeft)
         continue;
       var startX = this._timeToPosition(td.flowStartTimes[i]);
       var endX = this._timeToPosition(td.flowEndTimes[i]);
       var startY = this._levelToHeight(td.flowStartLevels[i]) + this._barHeight / 2;
       var endY = this._levelToHeight(td.flowEndLevels[i]) + this._barHeight / 2;
 
-
       var segment = Math.min((endX - startX) / 4, 40);
       var distanceTime = td.flowEndTimes[i] - td.flowStartTimes[i];
       var distanceY = (endY - startY) / 10;
       var spread = 30;
       var lineY = distanceTime < 1 ? startY : spread + Math.max(0, startY + distanceY * (i % spread));
 
       var p = [];
       p.push({x: startX, y: startY});
       p.push({x: startX + arrowWidth, y: startY});
       p.push({x: startX + segment + 2 * arrowWidth, y: startY});
@@ skipping 618 matching lines @@
   }
 
   /**
    * @override
    * @return {number}
    */
   boundarySpan() {
     return this._maximumBoundaries - this._minimumBoundaries;
   }
 };