DevTools: Render third-party badges in timeline tree view

third_party/WebKit/Source/devtools/front_end/timeline/TimelineUIUtils.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel 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.
@@ skipping 315 matching lines @@
   static eventColor(event) {
     if (event.name === TimelineModel.TimelineModel.RecordType.JSFrame) {
       var frame = event.args['data'];
       if (Timeline.TimelineUIUtils.isUserFrame(frame))
         return Timeline.TimelineUIUtils.colorForId(frame.url);
     }
     return Timeline.TimelineUIUtils.eventStyle(event).category.color;
   }
 
   /**
+   * @param {!ProductRegistry.Registry} productRegistry
+   * @param {!TimelineModel.TimelineModel} model
+   * @param {!Map<string, string>} urlToColorCache
+   * @param {!SDK.TracingModel.Event} event
+   * @return {string}
+   */
+  static eventColorByProduct(productRegistry, model, urlToColorCache, event) {
+    var url = Timeline.TimelineUIUtils.eventURL(event) || '';
+    var color = urlToColorCache.get(url);
+    if (!color) {
+      var defaultColor = '#f2ecdc';
+      var parsedURL = url.asParsedURL();
+      if (!parsedURL)
+        return defaultColor;
+      var name = productRegistry && productRegistry.nameForUrl(parsedURL);
+      if (!name) {
+        name = parsedURL.host;
+        var rootFrames = model.rootFrames();
+        if (rootFrames.some(pageFrame => new Common.ParsedURL(pageFrame.url).host === name))
+          return defaultColor;

[caseq, 2017/05/22 23:43:35]

Why don't we cache it?

[alph, 2017/05/24 00:53:44]

Done.

+      }
+      color = name ? ProductRegistry.BadgePool.colorForEntryName(name) : defaultColor;
+      urlToColorCache.set(url, color);
+    }
+    return color;
+  }
+
+  /**
    * @param {!SDK.TracingModel.Event} event
    * @return {string}
    */
   static eventTitle(event) {
     const recordType = TimelineModel.TimelineModel.RecordType;
     const eventData = event.args['data'];
     if (event.name === recordType.JSFrame)
       return Timeline.TimelineUIUtils.frameDisplayName(eventData);
     const title = Timeline.TimelineUIUtils.eventStyle(event).title;
     if (event.hasCategory(TimelineModel.TimelineModel.Category.Console))
@@ skipping 1938 matching lines @@
    * @param {string=} warningType
    */
   appendWarningRow(event, warningType) {
     var warning = Timeline.TimelineUIUtils.eventWarning(event, warningType);
     if (warning)
       this.appendElementRow(Common.UIString('Warning'), warning, true);
   }
 };
 
 Timeline.TimelineUIUtils._categoryBreakdownCacheSymbol = Symbol('categoryBreakdownCache');