DevTools: Decorate requests from SW on Timeline

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

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @unrestricted
  */
 Timeline.TimelineFlameChartNetworkDataProvider = class extends Timeline.TimelineFlameChartDataProviderBase {
   /**
    * @param {!TimelineModel.TimelineModel} model
@@ skipping 180 matching lines @@
       if (color) {
         context.fillStyle = color;
         context.fillRect(sendStart + 0.5, barY + 0.5, 3.5, 3.5);
       }
     }
 
     const textStart = Math.max(sendStart, 0);
     const textWidth = finish - textStart;
     const minTextWidthPx = 20;
     const textPadding = 6;
+    var gearPadding = 0;
     if (textWidth >= minTextWidthPx) {
       const text = this.entryTitle(index);
       if (text && text.length) {
         context.fillStyle = '#333';
-        const trimmedText = UI.trimTextMiddle(context, text, textWidth - 2 * textPadding);
         const textBaseHeight = barHeight - this.textBaseline();
-        context.fillText(trimmedText, textStart + textPadding, barY + textBaseHeight);
+        if (request.fromServiceWorker) {
+          context.fillText('⚙', textStart + textPadding, barY + textBaseHeight);
+          gearPadding = UI.measureTextWidth(context, '⚙ ');
+        }
+        const trimmedText = UI.trimTextMiddle(context, text, textWidth - 2 * textPadding - gearPadding);
+        context.fillText(trimmedText, textStart + textPadding + gearPadding, barY + textBaseHeight);
       }
     }
 
     return true;
   }
 
   /**
    * @override
    * @param {number} index
    * @return {boolean}
@@ skipping 98 matching lines @@
     this._timelineData.entryLevels.push(this._requests.length - 1);
   }
 
   /**
    * @return {number}
    */
   preferredHeight() {
     return this._style.height * (this._group.expanded ? Number.constrain(this._currentLevel + 1, 4, 8) : 2) + 2;
   }
 };