about:gpu support for thread name metadata.

chrome/browser/resources/gpu_internals/timeline_track.js

 // Copyright (c) 2011 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.
 
 
 /**
  * @fileoverview Renders an array of slices into the provided div,
  * using a child canvas element. Uses a FastRectRenderer to draw only
  * the visible slices.
  */
@@ skipping 114 matching lines @@
       this.textContent = '';
       this.tracks_ = [];
       if (this.thread_) {
         for (var srI = 0; srI < this.thread_.nonNestedSubRows.length; ++srI) {
           addTrack(this, this.thread_.nonNestedSubRows[srI]);
         }
         for (var srI = 0; srI < this.thread_.subRows.length; ++srI) {
           addTrack(this, this.thread_.subRows[srI]);
         }
         if (this.tracks_.length > 0) {
+          var tname = this.thread_.name || this.thread_.tid;
           this.tracks_[0].heading = this.thread_.parent.pid + ': ' +
-              this.thread_.tid + ': ';
+              tname + ':';
+          this.tracks_[0].title = 'pid: ' + this.thread_.parent.pid +
+              ', tid: ' + this.thread_.tid;
         }
       }
     },
 
     /**
      * Picks a slice, if any, at a given location.
      * @param {number} wX X location to search at, in worldspace.
      * @param {number} wY Y location to search at, in offset space.
      *     offset space.
      * @param {function():*} onHitCallback Callback to call with the slice,
@@ skipping 40 matching lines @@
    */
   TimelineSliceTrack = cr.ui.define('div');
 
   TimelineSliceTrack.prototype = {
     __proto__: HTMLDivElement.prototype,
 
     decorate: function() {
       this.className = 'timeline-slice-track';
       this.slices_ = null;
 
-      this.titleDiv_ = document.createElement('div');
-      this.titleDiv_.className = 'timeline-slice-track-title';
-      this.appendChild(this.titleDiv_);
+      this.headingDiv_ = document.createElement('div');
+      this.headingDiv_.className = 'timeline-slice-track-title';
+      this.appendChild(this.headingDiv_);
 
       this.canvasContainer_ = document.createElement('div');
       this.canvasContainer_.className = 'timeline-slice-track-canvas-container';
       this.appendChild(this.canvasContainer_);
       this.canvas_ = document.createElement('canvas');
       this.canvas_.className = 'timeline-slice-track-canvas';
       this.canvasContainer_.appendChild(this.canvas_);
 
       this.ctx_ = this.canvas_.getContext('2d');
     },
 
     set heading(text) {
-      this.titleDiv_.textContent = text;
+      this.headingDiv_.textContent = text;
+    },
+
+    set title(text) {
+      this.headingDiv_.textContent = text;

[nduca, 2011/07/26 09:46:33]

Tooltips ftw!

     },
 
     set slices(slices) {
       this.slices_ = slices;
       this.invalidate();
     },
 
     set viewport(v) {
       this.viewport_ = v;
       this.invalidate();
@@ skipping 79 matching lines @@
       ctx.textBaseline = 'top';
       ctx.font = '10px sans-serif';
       ctx.strokeStyle = 'rgb(0,0,0)';
       ctx.fillStyle = 'rgb(0,0,0)';
       var quickDiscardThresshold = pixWidth * 20; // dont render until 20px wide
       for (var i = 0; i < slices.length; ++i) {
         var slice = slices[i];
         if (slice.duration > quickDiscardThresshold) {
           var title = slice.title;
           if (slice.didNotFinish) {
-            title += " (Did Not Finish)";
+            title += ' (Did Not Finish)';
           }
           var labelWidth = quickMeasureText(ctx, title) + 2;
           var labelWidthWorld = pixWidth * labelWidth;
           if (labelWidthWorld < slice.duration) {
             var cX = vp.xWorldToView(slice.start + 0.5 * slice.duration);
             ctx.fillText(title, cX, 2.5);
           }
         }
       }
     },
@@ skipping 53 matching lines @@
           onPickHit);
     }
 
   };
 
   return {
     TimelineSliceTrack: TimelineSliceTrack,
     TimelineThreadTrack: TimelineThreadTrack
   };
 });