[Devtools] Added frame grouping to network panel

third_party/WebKit/Source/devtools/front_end/network/NetworkLogView.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 56 matching lines @@
       /** @type {number} */
       this._rowHeight = !!this._networkLogLargeRowsSetting.get() ? 41 : 21;
     }
     updateRowHeight.call(this);
 
     this._columns = new Network.NetworkLogViewColumns(
         this, this._timeCalculator, this._durationCalculator, networkLogLargeRowsSetting);
 
     /** @type {!Map.<string, !Network.NetworkRequestNode>} */
     this._nodesByRequestId = new Map();
-    /** @type {!Map.<string, !Network.NetworkGroupNode>} */
+    /** @type {!Map<*, !Network.NetworkGroupNode>} */
     this._nodeGroups = new Map();
     /** @type {!Object.<string, boolean>} */
     this._staleRequestIds = {};
     /** @type {number} */
     this._mainRequestLoadTime = -1;
     /** @type {number} */
     this._mainRequestDOMContentLoadedTime = -1;
     this._matchedRequestCount = 0;
     this._highlightedSubstringChanges = [];
 
@@ skipping 258 matching lines @@
     if (request.endTime !== -1 && request.endTime < windowStart)
       return false;
     return true;
   }
 
   /**
    * @param {?Network.NetworkGroupLookupInterface} grouping
    */
   setGrouping(grouping) {
     this._activeGroupLookup = grouping;
+    this._nodeGroups.clear();
     this._invalidateAllItems();
   }
 
   /**
    * @param {!SDK.NetworkRequest} request
    * @return {?Network.NetworkRequestNode}
    */
   nodeForRequest(request) {
     return this._nodesByRequestId.get(request.requestId());
   }
@@ skipping 501 matching lines @@
   }
 
   /**
    * @param {!Network.NetworkRequestNode} node
    * @return {?Network.NetworkNode}
    */
   _parentNodeForInsert(node) {
     if (!this._activeGroupLookup)
       return this._dataGrid.rootNode();
 
-    var groupName = this._activeGroupLookup.lookup(node.request());
-    if (!groupName)
+    var groupKey = this._activeGroupLookup.groupForRequest(node.request());
+    if (!groupKey)
       return this._dataGrid.rootNode();
 
-    var group = this._nodeGroups.get(groupName);
+    var group = this._nodeGroups.get(groupKey);
     if (group)
       return group;
-    group = new Network.NetworkGroupNode(this, groupName);
+    group = new Network.NetworkGroupNode(this, this._activeGroupLookup.groupNameForKey(groupKey));
     group.setColumnExtensions(this._columns.columnExtensions());
-    this._nodeGroups.set(groupName, group);
+    this._nodeGroups.set(groupKey, group);
     return group;
   }
 
   reset() {
     this._requestWithHighlightedInitiators = null;
     this.dispatchEventToListeners(Network.NetworkLogView.Events.RequestSelected, null);
 
     this._clearSearchMatchedList();
 
     this._setHoveredNode(null);
@@ skipping 904 matching lines @@
 Network.NetworkLogView.Filter;
 
 /**
  * @interface
  */
 Network.NetworkGroupLookupInterface = function() {};
 
 Network.NetworkGroupLookupInterface.prototype = {
   /**
    * @param {!SDK.NetworkRequest} request
-   * @return {?string}
+   * @return {?*}
    */
-  lookup(request) {}
+  groupForRequest(request) {},
+
+  /**
+   * @param {!*} key
+   * @return {string}
+   */
+  groupNameForKey(key) {}

[pfeldman, 2017/04/04 20:11:59]

nit: groupName(key)

[allada, 2017/04/04 21:25:56]

Done.

 };