Find feature for tracing, at long last.

chrome/browser/resources/tracing/timeline.js

 // Copyright (c) 2012 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.
 
 'use strict';
 
 /**
  * @fileoverview Interactive visualizaiton of TimelineModel objects
  * based loosely on gantt charts. Each thread in the TimelineModel is given a
  * set of TimelineTracks, one per subrow in the thread. The Timeline class
@@ skipping 176 matching lines @@
       this.panX = (viewX / this.scaleX_) - worldX;
     },
 
     xPanWorldRangeIntoView: function(worldMin, worldMax, viewWidth) {
       if (this.xWorldToView(worldMin) < 0)
         this.xPanWorldPosToViewPos(worldMin, 'left', viewWidth);
       else if (this.xWorldToView(worldMax) > viewWidth)
         this.xPanWorldPosToViewPos(worldMax, 'right', viewWidth);
     },
 
+    xSetWorldRange: function(worldMin, worldMax, viewWidth) {
+      var worldRange = worldMax - worldMin;
+      var scaleX = viewWidth / worldRange;
+      var panX = -worldMin;
+      this.setPanAndScale(panX, scaleX);
+    },
+
     get gridEnabled() {
       return this.gridEnabled_;
     },
 
     set gridEnabled(enabled) {
       if (this.gridEnabled_ == enabled)
         return;
       this.gridEnabled_ = enabled && true;
       this.dispatchChangeEvent();
     },
@@ skipping 201 matching lines @@
           track.tooltip = thread.userFriendlyDetails;
           track.headingWidth = maxHeadingWidth;
           track.viewport = this.viewport_;
           track.thread = thread;
           this.tracks_.appendChild(track);
         }.bind(this));
       }.bind(this));
 
       // Set up a reasonable viewport.
       this.viewport_.setWhenPossible(function() {
-        var rangeTimestamp = this.model_.maxTimestamp -
-            this.model_.minTimestamp;
         var w = this.firstCanvas.width;
-        var scaleX = w / rangeTimestamp;
-        var panX = -this.model_.minTimestamp;
-        this.viewport_.setPanAndScale(panX, scaleX);
+        this.viewport_.xSetWorldRange(this.model_.minTimestamp,
+                                      this.model_.maxTimestamp,
+                                      w);
       }.bind(this));
     },
 
     /**
+     * @return {Array} An array of objects that match the provided
+     * TimelineFilter.
+     */
+    findAllObjectsMatchingFilter: function(filter) {
+      var hits = [];
+      for (var i = 0; i < this.tracks_.children.length; ++i) {
+        var trackHits =
+          this.tracks_.children[i].findAllObjectsMatchingFilter(filter);
+        Array.prototype.push.apply(hits, trackHits);
+      }
+      return hits;
+    },
+
+    /**
      * @return {Element} The element whose focused state determines
      * whether to respond to keyboard inputs.
      * Defaults to the parent element.
      */
     get focusElement() {
       if (this.focusElement_)
         return this.focusElement_;
       return this.parentElement;
     },
 
     /**
      * Sets the element whose focus state will determine whether
      * to respond to keybaord input.
      */
     set focusElement(value) {
       this.focusElement_ = value;
     },
 
     get listenToKeys_() {
+      if (!this.viewport_.isAttachedToDocument_)
+        return false;
       if (!this.focusElement_)
         return true;
       if (this.focusElement.tabIndex >= 0)
         return document.activeElement == this.focusElement;
       return true;
     },
 
     onKeypress_: function(e) {
       var vp = this.viewport_;
       if (!this.firstCanvas)
@@ skipping 122 matching lines @@
             minTime = slice.start;
           if (slice.start + slice.duration > maxTime)
             maxTime = slice.start + slice.duration;
         }
       }
       if (selection.length == 0) {
         // Nothing adjoining was found; leave the current selection.
         return false;
       }
       this.selection = selection;
+
       // Potentially move the viewport to keep the new selection in view.
       this.viewport_.xPanWorldRangeIntoView(minTime, maxTime,
           this.firstCanvas.width);
       return true;
     },
 
     get keyHelp() {
       var help = 'Keyboard shortcuts:\n' +
           ' w/s     : Zoom in/out    (with shift: go faster)\n' +
           ' a/d     : Pan left/right\n' +
@@ skipping 24 matching lines @@
         this.selection_[i].slice.selected = false;
 
       this.selection_ = selection;
 
       cr.dispatchSimpleEvent(this, 'selectionChange');
       for (i = 0; i < this.selection_.length; i++)
         this.selection_[i].slice.selected = true;
       this.viewport_.dispatchChangeEvent(); // Triggers a redraw.
     },
 
+    getSelectionRange: function() {
+      var wmin = Infinity;
+      var wmax = -wmin;
+      for (var i = 0; i < this.selection_.length; i++) {
+        var hit = this.selection_[i];
+        if (hit.slice) {
+          wmin = Math.min(wmin, hit.slice.start);
+          wmax = Math.max(wmax, hit.slice.end);
+        }
+      }
+      return {
+        min: wmin,
+        max: wmax
+      };
+    },
+
+    setSelectionAndMakeVisible: function(selection, zoomAllowed) {
+      this.selection = selection;
+      var range = this.getSelectionRange();
+      var size = this.viewport_.xWorldVectorToView(range.max - range.min);
+      if (zoomAllowed && size < 50) {
+        var worldCenter = range.min + (range.max - range.min) * 0.5;
+        var worldRange = (range.max - range.min) * 5;
+        this.viewport_.xSetWorldRange(worldCenter - worldRange * 0.5,
+                                      worldCenter + worldRange * 0.5,
+                                      this.firstCanvas.width);
+        return;
+      }
+
+      this.viewport_.xPanWorldRangeIntoView(range.min, range.max,
+                                            this.firstCanvas.width);
+    },
+
     get firstCanvas() {
       return this.tracks_.firstChild ?
           this.tracks_.firstChild.firstCanvas : undefined;
     },
 
     hideDragBox_: function() {
       this.dragBox_.style.left = '-1000px';
       this.dragBox_.style.top = '-1000px';
       this.dragBox_.style.width = 0;
       this.dragBox_.style.height = 0;
@@ skipping 142 matching lines @@
    * The TimelineModel being viewed by the timeline
    * @type {TimelineModel}
    */
   cr.defineProperty(Timeline, 'model', cr.PropertyKind.JS);
 
   return {
     Timeline: Timeline,
     TimelineViewport: TimelineViewport
   };
 });