Add support for attaching custom parameters to NetLog events.

chrome/browser/resources/net_internals/sourceentry.js

 // Copyright (c) 2010 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.
 
 /**
  * Each row in the filtered items list is backed by a SourceEntry. This
  * instance contains all of the data pertaining to that row, and notifies
  * its parent view (the RequestsView) whenever its data changes.
  *
  * @constructor
@@ skipping 43 matching lines @@
 SourceEntry.prototype.setFilterStyles = function(isMatchedByFilter) {
   // Hide rows which have been filtered away.
   if (isMatchedByFilter) {
     this.row_.style.display = '';
   } else {
     this.row_.style.display = 'none';
   }
 };
 
 SourceEntry.prototype.update = function(logEntry) {
+  var prevStartEntry = this.getStartEntry_();
   this.entries_.push(logEntry);
+  var curStartEntry = this.getStartEntry_();
 
-  if (this.entries_.length == 1) {
+  // If we just got the first entry for this source.
+  if (!prevStartEntry && curStartEntry) {
     this.createRow_();
 
     // Only apply the filter during the first update.
     // TODO(eroman): once filters use other data, apply it on each update.
     var matchesFilter = this.matchesFilter(this.parentView_.currentFilter_);
     this.setIsMatchedByFilter(matchesFilter);
   }
 };
 
 SourceEntry.prototype.onCheckboxToggled_ = function() {
@@ skipping 65 matching lines @@
   var sourceTypeString = this.getSourceTypeString();
   addTextNode(typeCell, sourceTypeString);
   addTextNode(descriptionCell, this.getDescription());
 
   // Add a CSS classname specific to this source type (so CSS can specify
   // different stylings for different types).
   changeClassName(this.row_, "source_" + sourceTypeString, true);
 };
 
 SourceEntry.prototype.getDescription = function() {
-  var e = this.entries_[0];
-  if (e.type == LogEntryType.TYPE_EVENT &&
-      e.event.phase == LogEventPhase.PHASE_BEGIN &&
-      e.string != undefined) {
-    return e.string;  // The URL / hostname / whatever.
-  }
-  return '';
+  var e = this.getStartEntry_();
+  if (!e || e.extra_parameters == undefined)
+    return '';
+  return e.extra_parameters;  // The URL / hostname / whatever.
+};
+
+/**
+ * Returns the starting entry for this source. Conceptually this is the
+ * first entry that was logged to this source. However, we skip over the
+ * TYPE_REQUEST_ALIVE entries which wrap TYPE_URL_REQUEST_START /
+ * TYPE_SOCKET_STREAM_CONNECT.
+ *
+ * TODO(eroman): Get rid of TYPE_REQUEST_ALIVE so this isn't necessary.
+ */
+SourceEntry.prototype.getStartEntry_ = function() {
+  if (this.entries_.length < 1)
+    return undefined;
+  if (this.entries_[0].type != LogEventType.REQUEST_ALIVE)
+    return this.entries_[0];
+  if (this.entries_.length < 2)
+    return undefined;
+  return this.entries_[1];
 };
 
 SourceEntry.prototype.getLogEntries = function() {
   return this.entries_;
 };
 
 SourceEntry.prototype.getSourceTypeString = function() {
   return getKeyWithValue(LogSourceType, this.entries_[0].source.type);
 };
 
 SourceEntry.prototype.getSelectionCheckbox = function() {
   return this.row_.childNodes[0].firstChild;
 };
 
 SourceEntry.prototype.getSourceId = function() {
   return this.entries_[0].source.id;
 };
 
 SourceEntry.prototype.remove = function() {
   this.setSelected(false);
   this.setIsMatchedByFilter(false);
   this.row_.parentNode.removeChild(this.row_);
 };