[Devtools] New structure and colorize rows for network products

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

Index: third_party/WebKit/Source/devtools/front_end/network/module.json
diff --git a/third_party/WebKit/Source/devtools/front_end/network/module.json b/third_party/WebKit/Source/devtools/front_end/network/module.json
index d8b62a3669d13e2d38b30aa141d83be26a4be2dc..6827c7085b1e114c40f8ddfc7cf502a03f9f5fa8 100644
--- a/third_party/WebKit/Source/devtools/front_end/network/module.json
+++ b/third_party/WebKit/Source/devtools/front_end/network/module.json
@@ -92,6 +92,20 @@
             "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": [
@@ -102,7 +116,8 @@
         "data_grid",
         "network_conditions",
         "object_ui",
-        "network_log"
+        "network_log",
+        "product_registry"
     ],
     "scripts": [
         "BlockedURLsPane.js",
@@ -117,6 +132,7 @@
         "NetworkTimeCalculator.js",
         "NetworkLogView.js",
         "NetworkLogViewColumns.js",
+        "NetworkGroupers.js",
         "NetworkManageCustomHeadersView.js",
         "NetworkOverview.js",
         "NetworkWaterfallColumn.js",