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) {

[caseq, 2017/05/24 01:36:26]

if (color) return color;

[alph, 2017/05/24 02:00:49]

Done.

+      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))
+          color = defaultColor;
+      }
+      if (!color)
+        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 602 matching lines @@
   }
 
   /**
    * @param {!Timeline.TimelineDetailsContentHelper} contentHelper
    * @param {!ProductRegistry.BadgePool} badgePool
    * @param {?string} url
    */
   static _maybeAppendProductToDetails(contentHelper, badgePool, url) {
     var parsedURL = url ? url.asParsedURL() : null;
     if (parsedURL)
-      contentHelper.appendElementRow('', badgePool.badgeForURL(parsedURL, true));
+      contentHelper.appendElementRow('', badgePool.badgeForURL(parsedURL));
   }
 
   /**
    * @param {!TimelineModel.TimelineModel} model
    * @param {number} startTime
    * @param {number} endTime
    * @return {!DocumentFragment}
    */
   static buildRangeStats(model, startTime, endTime) {
     var aggregatedStats = Timeline.TimelineUIUtils.statsForTimeRange(model, startTime, endTime);
@@ skipping 1315 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');