Handle session logs and add event subset selection

pkg/analysis_server/tool/instrumentation/page/log_page.dart

 // Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 import 'dart:collection';
 import 'dart:math' as math;
 
 import '../log/log.dart';
 import '../server.dart';
 import 'page_writer.dart';
 
 /**
  * A page writer that will produce the page containing access to the full
  * content of the log.
  */
 class LogPage extends PageWriter {
   /**
    * The instrumentation log to be written.
    */
   InstrumentationLog log;
 
   /**
+   * The id of the entry groups to be displayed.
+   */
+  EntryGroup selectedGroup;
+
+  /**
+   * The entries in the selected group.
+   */
+  List<LogEntry> entries;
+
+  /**
    * The index of the first entry to be written.
    */
   int pageStart = 0;
 
   /**
    * The number of entries to be written, or `null` if all of the entries should
    * be written.
    */
   int pageLength = null;
 
   /**
    * The number of digits in the event stamps that are the same for every entry.
    */
   int prefixLength;
 
   /**
-   * The number of each kind of log entry. Currently used only for debugging and
-   * should be removed.
-   */
-  Map<String, int> counts = new HashMap<String, int>();
-
-  /**
    * Initialize a newly created writer to write the content of the given
    * [instrumentationLog].
    */
-  LogPage(this.log) {
-    List<LogEntry> entries = log.logEntries;
-    prefixLength = computePrefixLength(entries);
-    for (LogEntry entry in entries) {
-      int count = counts.putIfAbsent(entry.kind, () => 0);
-      counts[entry.kind] = count + 1;
-    }
-  }
+  LogPage(this.log);
 
   @override
   void writeBody(StringSink sink) {
+    entries = log.entriesInGroup(selectedGroup);
+    prefixLength = computePrefixLength(entries);
+
     writeMenu(sink);
     writeTwoColumns(
         sink, 'leftColumn', _writeLeftColumn, 'rightColumn', _writeRightColumn);
   }
 
   @override
   void writeScripts(StringSink sink) {
     super.writeScripts(sink);
     sink.writeln(r'''
 var highlightedRows = [];
@@ skipping 13 matching lines @@
   if (element != null) {
     element.style.fontWeight = weight;
   }
 }
 function setDetails(detailsContent) {
   var element = document.getElementById("details");
   if (element != null) {
     element.innerHTML = detailsContent;
   }
 }
+function selectEntryGroup(pageStart) {
+  var element = document.getElementById("entryGroup");
+  var url = "/log?group=" + element.value;
+  window.location.assign(url);
+}
 ''');
   }
 
   /**
    * Write the content of the style sheet (without the 'script' tag) for the
    * page to the given [sink].
    */
   void writeStyleSheet(StringSink sink) {
     super.writeStyleSheet(sink);
     writeTwoColumnStyles(sink, 'leftColumn', 'rightColumn');
@@ skipping 66 matching lines @@
                 '$description <span class="gray">(pub - $duration ms)</span>';
           }
         }
       }
     } else if (entry is TaskEntry) {
       description = entry.description;
     } else if (entry is ErrorEntry) {
       description = '<span class="error">$description</span>';
     } else if (entry is ExceptionEntry) {
       description = '<span class="error">$description</span>';
+    } else if (entry is MalformedLogEntry) {
+      description = '<span class="error">$description</span>';
     }
     id = id == null ? '' : 'id="$id" ';
     clickHandler = '$clickHandler; setDetails(\'${escape(entry.details())}\')';
     String timeStamp = entry.timeStamp.toString();
     if (prefixLength > 0) {
       timeStamp = timeStamp.substring(prefixLength);
     }
 
     sink.writeln('<tr ${id}onclick="$clickHandler">');
     sink.writeln('<td>$icon</td>');
     sink.writeln('<td>');
     sink.writeln(timeStamp);
     sink.writeln('</td>');
     sink.writeln('<td style="white-space:nowrap;">');
     sink.writeln(description);
     sink.writeln('</td>');
     sink.writeln('</tr>');
   }
 
   /**
    * Write the entries in the instrumentation log to the given [sink].
    */
   void _writeLeftColumn(StringSink sink) {
-    List<LogEntry> entries = log.nonTaskEntries;
     int length = entries.length;
     int pageEnd =
         pageLength == null ? length : math.min(pageStart + pageLength, length);
     //
     // Write the header of the column.
     //
     sink.writeln('<div class="columnHeader">');
     sink.writeln('<div style="float: left">');
+    sink.writeln('<select id="entryGroup" onchange="selectEntryGroup()">');
+    for (EntryGroup group in EntryGroup.groups) {
+      sink.write('<option value="');
+      sink.write(group.id);
+      sink.write('"');
+      if (group == selectedGroup) {
+        sink.write(' selected');
+      }
+      sink.write('>');
+      sink.write(group.name);
+      sink.writeln('</option>');
+    }
+    sink.writeln('</select>');
     sink.writeln('Events $pageStart - ${pageEnd - 1} of ${length - 1}');
     sink.writeln('</div>');
 
     sink.writeln('<div style="float: right">');
     if (pageStart == 0) {
       sink.writeln('<button type="button" disabled><b>&lt;</b></button>');
     } else {
       sink.write('<button type="button">');
       sink.write(
-          '<a href="${WebServer.logPath}?start=${pageStart - pageLength}">');
+          '<a href="${WebServer.logPath}?group=${selectedGroup.id}&start=${pageStart - pageLength}">');
       sink.write('<b>&lt;</b>');
       sink.writeln('</a></button>');
     }
     // TODO(brianwilkerson) Add a text field for selecting the start index.
     if (pageEnd == length) {
       sink.writeln('<button type="button" disabled><b>&gt;</b></button>');
     } else {
       sink.write('<button type="button">');
       sink.write(
-          '<a href="${WebServer.logPath}?start=${pageStart + pageLength}">');
+          '<a href="${WebServer.logPath}?group=${selectedGroup.id}&start=${pageStart + pageLength}">');
       sink.write('<b>&gt;</b>');
       sink.writeln('</a></button>');
     }
     sink.writeln('</div>');
     sink.writeln('</div>');
     //
     // Write the main body of the column.
     //
     sink.writeln('<table class="fullWidth">');
     sink.writeln('<tr>');
@@ skipping 15 matching lines @@
   void _writeRightColumn(StringSink sink) {
     //
     // Write the header of the column.
     //
     sink.writeln('<div class="columnHeader">');
     sink.writeln('<p><b>Entry Details</b></p>');
     sink.writeln('</div>');
     sink.writeln('<div id="details"></div>');
   }
 }