DevTools: Support color by Product on timeline flamechart.

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

 /*
  * Copyright (C) 2014 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 517 matching lines @@
       var parsedColor = Common.Color.parse(lookupColor(key));
       color = parsedColor.setAlpha(0.7).asString(Common.Color.Format.RGBA) || '';
       cache.set(key, color);
       return color;
     }
 
     var type = this._entryType(entryIndex);
     if (type === Timeline.TimelineFlameChartEntryType.Event) {
       var event = /** @type {!SDK.TracingModel.Event} */ (this._entryData[entryIndex]);
       if (!SDK.TracingModel.isAsyncPhase(event.phase))
-        return Timeline.TimelineUIUtils.eventColor(event);
+        return this._colorForEvent(event);
       if (event.hasCategory(TimelineModel.TimelineModel.Category.Console) ||
           event.hasCategory(TimelineModel.TimelineModel.Category.UserTiming))
         return this._consoleColorGenerator.colorForID(event.name);
       if (event.hasCategory(TimelineModel.TimelineModel.Category.LatencyInfo)) {
         var phase =
             TimelineModel.TimelineIRModel.phaseForEvent(event) || TimelineModel.TimelineIRModel.Phases.Uncategorized;
         return patchColorAndCache(
             this._asyncColorByInteractionPhase, phase, Timeline.TimelineUIUtils.interactionPhaseColor);
       }
       var category = Timeline.TimelineUIUtils.eventStyle(event).category;
@@ skipping 409 matching lines @@
 
   /**
    * @param {number} entryIndex
    * @return {?SDK.TracingModel.Event}
    */
   eventByIndex(entryIndex) {
     return this._entryType(entryIndex) === Timeline.TimelineFlameChartEntryType.Event ?
         /** @type {!SDK.TracingModel.Event} */ (this._entryData[entryIndex]) :
         null;
   }
+
+  /**
+   * @param {function(!SDK.TracingModel.Event):string} colorForEvent
+   */
+  setEventColorMapping(colorForEvent) {
+    this._colorForEvent = colorForEvent;
+  }
 };
 
 Timeline.TimelineFlameChartDataProvider.InstantEventVisibleDurationMs = 0.001;
 Timeline.TimelineFlameChartDataProvider._indexSymbol = Symbol('index');
 
 /** @enum {symbol} */
 Timeline.TimelineFlameChartDataProvider.Events = {
   DataChanged: Symbol('DataChanged')
 };