DevTools: make paint profiler target-aware

Source/devtools/front_end/timeline/TimelinePaintProfilerView.js

 // Copyright 2014 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.
 
 /**
  * @constructor
  * @extends {WebInspector.SplitView}
  */
 WebInspector.TimelinePaintProfilerView = function()
 {
@@ skipping 11 matching lines @@
     this._paintProfilerView.addEventListener(WebInspector.PaintProfilerView.Events.WindowChanged, this._onWindowChanged, this);
     this._paintProfilerView.show(this.sidebarElement());
 
     this._logTreeView = new WebInspector.PaintProfilerCommandLogView();
     this._logTreeView.show(this._logAndImageSplitView.sidebarElement());
 }
 
 WebInspector.TimelinePaintProfilerView.prototype = {
     wasShown: function()
     {
-        this._innerSetPicture(this._picture);
+        if (this._updateWhenVisible) {
+            this._updateWhenVisible = false;
+            this._update();
+        }
     },
 
     /**
+     * @param {!WeakReference.<!WebInspector.Target>} weakTarget
      * @param {string} encodedPicture
      */
-    setPicture: function(encodedPicture)
+    setPicture: function(weakTarget, encodedPicture)
     {
-        if (this._lastLoadedSnapshot) {
-            this._lastLoadedSnapshot.dispose();
-            this._lastLoadedSnapshot = null;
-        }
+        this._disposeSnapshot();
         this._picture = encodedPicture;
-        if (!this.isShowing())
-            return;
-        this._innerSetPicture(this._picture);
+        this._weakTarget = weakTarget;
+        if (this.isShowing())
+            this._update();
+        else
+            this._updateWhenVisible = true;
     },
 
-    /**
-     * @param {string} encodedPicture
-     */
-    _innerSetPicture: function(encodedPicture)
+    _update: function()
     {
-        WebInspector.PaintProfilerSnapshot.load(encodedPicture, onSnapshotLoaded.bind(this));
+        var target = this._weakTarget.get();
+        if (!target)
+            return;
+        WebInspector.PaintProfilerSnapshot.load(target, this._picture, onSnapshotLoaded.bind(this));
         /**
          * @param {?WebInspector.PaintProfilerSnapshot} snapshot
          * @this WebInspector.TimelinePaintProfilerView
          */
         function onSnapshotLoaded(snapshot)
         {
+            this._disposeSnapshot();
             this._lastLoadedSnapshot = snapshot;
             snapshot.commandLog(onCommandLogDone.bind(this, snapshot));
         }
 
         /**
          * @param {!WebInspector.PaintProfilerSnapshot=} snapshot
          * @param {!Array.<!WebInspector.PaintProfilerLogItem>=} log
          * @this {WebInspector.TimelinePaintProfilerView}
          */
         function onCommandLogDone(snapshot, log)
         {
             this._logTreeView.setCommandLog(log);
             this._paintProfilerView.setSnapshotAndLog(snapshot || null, log || []);
         }
     },
 
+    _disposeSnapshot: function()
+    {
+        if (!this._lastLoadedSnapshot)
+            return;
+        this._lastLoadedSnapshot.dispose();
+        this._lastLoadedSnapshot = null;
+    },
+
     _onWindowChanged: function()
     {
         var window = this._paintProfilerView.windowBoundaries();
         this._logTreeView.updateWindow(window.left, window.right);
     },
 
     __proto__: WebInspector.SplitView.prototype
 };
 
 /**
@@ skipping 41 matching lines @@
      * @param {string=} imageURL
      */
     showImage: function(imageURL)
     {
         this._imageElement.classList.toggle("hidden", !imageURL);
         this._imageElement.src = imageURL;
     },
 
     __proto__: WebInspector.View.prototype
 };