Support warning decorations in Timeline flame chart based on trace events

Source/devtools/front_end/timeline/TracingModel.js

 /*
  * Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 /**
  * @constructor
  * @extends {WebInspector.Object}
  */
@@ skipping 156 matching lines @@
      * @param {!Array.<!WebInspector.TracingModel.EventPayload>} events
      */
     _eventsCollected: function(events)
     {
         for (var i = 0; i < events.length; ++i)
             this._addEvent(events[i]);
     },
 
     _tracingComplete: function()
     {
+        this._bindings = new WebInspector.TracingModel.EventBindings(this);
         this._active = false;
         if (!this._pendingStopCallback)
             return;
         this._pendingStopCallback();
         this._pendingStopCallback = null;
     },
 
+    /**
+     * @return {?WebInspector.TracingModel.EventBindings}
+     */
+    bindings: function()
+    {
+        return this._bindings;
+    },
+
     reset: function()
     {
         this._processById = {};
         this._minimumRecordTime = null;
         this._maximumRecordTime = null;
         this._sessionId = null;
         this._inspectedTargetProcessId = null;
         this._inspectedTargetMainThread = null;
         this._inspectedTargetMainThreadEvents = [];
         this._inspectedTargetLayerTreeHostId = 0;
         this._frameLifecycleEvents = [];
+        this._bindings = null;
     },
 
     /**
       * @param {!WebInspector.TracingModel.EventPayload} payload
       */
     _addEvent: function(payload)
     {
         var process = this._processById[payload.pid];
         if (!process) {
             process = new WebInspector.TracingModel.Process(payload.pid);
@@ skipping 79 matching lines @@
      */
     sortedProcesses: function()
     {
         return WebInspector.TracingModel.NamedObject._sort(Object.values(this._processById));
     },
 
     __proto__: WebInspector.Object.prototype
 }
 
 /**
+ * @param {!WebInspector.TracingModel} model
+ * @constructor
+ */
+WebInspector.TracingModel.EventBindings = function(model)
+{
+    this._eventToWarning = new Map();
+    this._model = model;
+    this._calculateWarnings();
+}
+
+WebInspector.TracingModel.EventBindings.prototype = {
+    /**
+     * @param {!WebInspector.TracingModel.Event} event
+     * @return {string|undefined}
+     */
+    eventWarning: function(event)
+    {
+        return this._eventToWarning.get(event);
+    },
+
+    _calculateWarnings: function()
+    {
+        var events = this._model.inspectedTargetMainThreadEvents();
+        var currentScriptEvent = null;
+        for (var i = 0, length = events.length; i < length; i++) {
+            var event = events[i];
+            if (currentScriptEvent && event.startTime > currentScriptEvent.endTime)
+                currentScriptEvent = null;
+            if (event.name === WebInspector.TimelineModel.RecordType.Layout) {
+                if (currentScriptEvent)
+                    this._eventToWarning.put(event, WebInspector.UIString("Forced synchronous layout is a possible performance bottleneck."));
+            }
+            if (!currentScriptEvent && (event.name === WebInspector.TimelineModel.RecordType.EvaluateScript || event.name === WebInspector.TimelineModel.RecordType.FunctionCall))
+                currentScriptEvent = event;
+        }
+    }
+}
+
+/**
  * @constructor
  * @param {!WebInspector.TracingModel.EventPayload} payload
  * @param {number} level
  */
 WebInspector.TracingModel.Event = function(payload, level)
 {
     this.name = payload.name;
     this.category = payload.cat;
     this.startTime = payload.ts;
     this.args = payload.args;
@@ skipping 241 matching lines @@
     dataCollected: function(data)
     {
         this._tracingModel._eventsCollected(data);
     },
 
     tracingComplete: function()
     {
         this._tracingModel._tracingComplete();
     }
 }