DevTools: add per-frame grouping into aggregated timeline details

third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineModel.js

 /*
  * Copyright (C) 2012 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 100 matching lines @@
         return true;
       case recordTypes.MarkDOMContent:
       case recordTypes.MarkLoad:
         return event.args['data']['isMainFrame'];
       default:
         return false;
     }
   }
 
   /**
+   * @param {!WebInspector.TracingModel.Event} event
+   * @return {string}
+   */
+  static eventFrameId(event) {
+    var data = event.args['data'] || event.args['beginData'];
+    var frame = data && data['frame'];
+    if (!frame)
+        return '';
+    var processId = event.thread.process().id();
+    return `${processId}.${frame}`;
+  }
+
+  /**
    * @deprecated Test use only!
    * @param {?function(!WebInspector.TimelineModel.Record)|?function(!WebInspector.TimelineModel.Record,number)} preOrderCallback
    * @param {function(!WebInspector.TimelineModel.Record)|function(!WebInspector.TimelineModel.Record,number)=} postOrderCallback
    * @return {boolean}
    */
   forAllRecords(preOrderCallback, postOrderCallback) {
     /**
      * @param {!Array.<!WebInspector.TimelineModel.Record>} records
      * @param {number} depth
      * @return {boolean}
@@ skipping 126 matching lines @@
    * @return {!WebInspector.TimelineModel.MetadataEvents}
    */
   _processMetadataEvents(tracingModel, produceTraceStartedInPage) {
     var metadataEvents = tracingModel.devToolsMetadataEvents();
 
     var pageDevToolsMetadataEvents = [];
     var workersDevToolsMetadataEvents = [];
     for (var event of metadataEvents) {
       if (event.name === WebInspector.TimelineModel.DevToolsMetadataEvent.TracingStartedInPage) {
         pageDevToolsMetadataEvents.push(event);
+        var frames = (event.args['data'] && event.args['data']['frames']) || [];
+        for (var frame of frames) {
+          var processId = event.thread.process().id();
+          var frameId = `${processId}.${frame.frame}`;
+          var frameData = {
+            url: frame['url'] || '',
+            name: frame['name'] || '',
+            processId: processId,
+            frameId: frame['frame']
+          };
+          this._pageFrames.set(frameId, frameData);
+        }
       } else if (event.name === WebInspector.TimelineModel.DevToolsMetadataEvent.TracingSessionIdForWorker) {
         workersDevToolsMetadataEvents.push(event);
       } else if (event.name === WebInspector.TimelineModel.DevToolsMetadataEvent.TracingStartedInBrowser) {
         console.assert(!this._mainFrameNodeId, 'Multiple sessions in trace');
         this._mainFrameNodeId = event.args['frameTreeNodeId'];
       }
     }
     if (!pageDevToolsMetadataEvents.length) {
       // The trace is probably coming not from DevTools. Make a mock Metadata event.
       var pageMetaEvent = produceTraceStartedInPage ? this._makeMockPageMetadataEvent(tracingModel) : null;
@@ skipping 495 matching lines @@
         break;
 
       case recordTypes.MarkDOMContent:
       case recordTypes.MarkLoad:
         var page = eventData['page'];
         if (page && page !== this._currentPage)
           return false;
         break;
 
       case recordTypes.CommitLoad:
+        var frameId = WebInspector.TimelineModel.eventFrameId(event);
+        var pageFrame = this._pageFrames.get(frameId);
+        if (pageFrame) {
+          pageFrame.url = eventData.url || '';
+          pageFrame.name = eventData.name || '';
+        } else {
+          var processId = event.thread.process().id();
+          this._pageFrames.set(frameId, {url: eventData.url || '', processId: processId, frameId: eventData.frame, name: eventData.name || ''});
+        }
         var page = eventData['page'];
         if (page && page !== this._currentPage)
           return false;
         if (!eventData['isMainFrame'])
           break;
         this._hadCommitLoad = true;
         this._firstCompositeLayers = null;
         break;
 
       case recordTypes.CompositeLayers:
@@ skipping 118 matching lines @@
     /** @type {!Array<!WebInspector.TimelineModel.Record>} */
     this._eventDividerRecords = [];
     /** @type {?string} */
     this._sessionId = null;
     /** @type {?number} */
     this._mainFrameNodeId = null;
     /** @type {!Array<!WebInspector.CPUProfileDataModel>} */
     this._cpuProfiles = [];
     /** @type {!WeakMap<!WebInspector.TracingModel.Thread, string>} */
     this._workerIdByThread = new WeakMap();
+    /** @type {!Map<string, !WebInspector.TimelineModel.PageFrame>} */
+    this._pageFrames = new Map();
+
     this._minimumRecordTime = 0;
     this._maximumRecordTime = 0;
   }
 
   /**
    * @return {number}
    */
   minimumRecordTime() {
     return this._minimumRecordTime;
   }
@@ skipping 62 matching lines @@
   }
 
   /**
    * @return {!Array.<!WebInspector.TimelineModel.Record>}
    */
   eventDividerRecords() {
     return this._eventDividerRecords;
   }
 
   /**
+   * @param {string} frameId
+   * @return {?WebInspector.TimelineModel.PageFrame}
+   */
+  pageFrameById(frameId) {
+    return frameId ? this._pageFrames.get(frameId) || null : null;
+  }
+
+  /**
    * @return {!Array<!WebInspector.TimelineModel.NetworkRequest>}
    */
   networkRequests() {
     /** @type {!Map<string,!WebInspector.TimelineModel.NetworkRequest>} */
     var requests = new Map();
     /** @type {!Array<!WebInspector.TimelineModel.NetworkRequest>} */
     var requestsList = [];
     /** @type {!Array<!WebInspector.TimelineModel.NetworkRequest>} */
     var zeroStartRequestsList = [];
     var types = WebInspector.TimelineModel.RecordType;
@@ skipping 312 matching lines @@
     this._children.push(child);
     child.parent = this;
   }
 };
 
 
 /** @typedef {!{page: !Array<!WebInspector.TracingModel.Event>, workers: !Array<!WebInspector.TracingModel.Event>}} */
 WebInspector.TimelineModel.MetadataEvents;
 
 
+/** @typedef {!{url: string, processId: number, frameId: string, name: string}} */
+WebInspector.TimelineModel.PageFrame;
+
 /**
  * @unrestricted
  */
 WebInspector.TimelineModel.NetworkRequest = class {
   /**
    * @param {!WebInspector.TracingModel.Event} event
    */
   constructor(event) {
     this.startTime = event.name === WebInspector.TimelineModel.RecordType.ResourceSendRequest ? event.startTime : 0;
     this.endTime = Infinity;
@@ skipping 455 matching lines @@
     if (!id)
       return;
     /** @type {!Map<string, !WebInspector.TracingModel.Event>|undefined} */
     var initiatorMap = this._initiatorByType.get(initiatorType);
     if (isInitiator)
       initiatorMap.set(id, event);
     else
       event.initiator = initiatorMap.get(id) || null;
   }
 };