[Devtools] New structure and colorize rows for network products

third_party/WebKit/Source/devtools/front_end/network/module.json

 {
     "extensions": [
         {
             "type": "view",
             "location": "panel",
             "id": "network",
             "title": "Network",
             "order": 40,
             "className": "Network.NetworkPanel"
         },
@@ skipping 74 matching lines @@
         },
         {
             "type": "view",
             "location": "drawer-view",
             "id": "network.config",
             "title": "Network conditions",
             "persistence": "closeable",
             "order": 40,
             "className": "Network.NetworkConfigView",
             "tags": "disk cache, network throttling, useragent, user agent"
+        },
+        {
+          "type": "@Network.GroupLookupInterface",

[pfeldman, 2017/04/27 22:20:49]

Don't use dependency injection when you depends on yourself.

[allada, 2017/04/28 01:20:07]

These are extensions, it is only used to handle the drop down grouper. Do you
want me to hard code them instead?

[pfeldman, 2017/04/28 21:08:35]

I want you to instantiate them via new instead of looking them up using runtime.

+          "className": "Network.ProductGrouper",
+          "experiment": "networkGroupingRequests",
+          "title": "Product",
+          "id": "product"
+        },
+        {
+          "type": "@Network.GroupLookupInterface",
+          "className": "Network.FrameGrouper",
+          "experiment": "networkGroupingRequests",
+          "title": "Frame",
+          "id": "frame"
         }
     ],
     "dependencies": [
         "source_frame",
         "components",
         "perf_ui",
         "cookie_table",
         "data_grid",
         "network_conditions",
         "object_ui",
-        "network_log"
+        "network_log",
+        "product_registry"
     ],
     "scripts": [
         "BlockedURLsPane.js",
         "EventSourceMessagesView.js",
         "FilterSuggestionBuilder.js",
         "HARWriter.js",
         "JSONView.js",
         "RequestView.js",
         "NetworkConfigView.js",
         "NetworkDataGridNode.js",
         "NetworkItemView.js",
         "NetworkTimeCalculator.js",
         "NetworkLogView.js",
         "NetworkLogViewColumns.js",
+        "NetworkGroupers.js",
         "NetworkManageCustomHeadersView.js",
         "NetworkOverview.js",
         "NetworkWaterfallColumn.js",
         "RequestCookiesView.js",
         "RequestHeadersView.js",
         "RequestHTMLView.js",
         "RequestPreviewView.js",
         "RequestResponseView.js",
         "RequestTimingView.js",
         "ResourceWebSocketFrameView.js",
@@ skipping 10 matching lines @@
         "networkTimingTable.css",
         "networkWaterfallColumn.css",
         "requestCookiesView.css",
         "requestHeadersTree.css",
         "requestHeadersView.css",
         "webSocketFrameView.css",
         "xmlTree.css",
         "xmlView.css"
     ]
 }