[DevTools] Host paint profiles in PaintProfilerModel

third_party/WebKit/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.
 
 Timeline.TimelinePaintProfilerView = class extends UI.SplitWidget {
   /**
    * @param {!TimelineModel.TimelineFrameModel} frameModel
    */
   constructor(frameModel) {
     super(false, false);
@@ skipping 14 matching lines @@
     this.setSidebarWidget(this._paintProfilerView);
 
     this._logTreeView = new LayerViewer.PaintProfilerCommandLogView();
     this._logAndImageSplitWidget.setSidebarWidget(this._logTreeView);
 
     this._needsUpdateWhenVisible = false;
     /** @type {?SDK.PaintProfilerSnapshot} */
     this._pendingSnapshot = null;
     /** @type {?SDK.TracingModel.Event} */
     this._event = null;
-    /** @type {?SDK.Target} */
-    this._target = null;
+    /** @type {?SDK.PaintProfilerModel} */
+    this._paintProfilerModel = null;
     /** @type {?SDK.PaintProfilerSnapshot} */
     this._lastLoadedSnapshot = null;
   }
 
   /**
    * @override
    */
   wasShown() {
     if (this._needsUpdateWhenVisible) {
       this._needsUpdateWhenVisible = false;
       this._update();
     }
   }
 
   /**
    * @param {!SDK.PaintProfilerSnapshot} snapshot
    */
   setSnapshot(snapshot) {
     this._releaseSnapshot();
     this._pendingSnapshot = snapshot;
     this._event = null;
     this._updateWhenVisible();
   }
 
   /**
-   * @param {!SDK.Target} target
+   * @param {!SDK.PaintProfilerModel} paintProfilerModel
    * @param {!SDK.TracingModel.Event} event
    * @return {boolean}
    */
-  setEvent(target, event) {
+  setEvent(paintProfilerModel, event) {
     this._releaseSnapshot();
-    this._target = target;
+    this._paintProfilerModel = paintProfilerModel;
     this._pendingSnapshot = null;
     this._event = event;
 
     this._updateWhenVisible();
     if (this._event.name === TimelineModel.TimelineModel.RecordType.Paint)
       return !!TimelineModel.TimelineData.forEvent(event).picture;
     if (this._event.name === TimelineModel.TimelineModel.RecordType.RasterTask)
       return this._frameModel.hasRasterTile(this._event);
     return false;
   }
 
   _updateWhenVisible() {
     if (this.isShowing())
       this._update();
     else
       this._needsUpdateWhenVisible = true;
   }
 
   _update() {
-    this._logTreeView.setCommandLog(null, []);
+    this._logTreeView.setCommandLog([]);
     this._paintProfilerView.setSnapshotAndLog(null, [], null);
 
     var snapshotPromise;
     if (this._pendingSnapshot) {
       snapshotPromise = Promise.resolve({rect: null, snapshot: this._pendingSnapshot});
     } else if (this._event.name === TimelineModel.TimelineModel.RecordType.Paint) {
       var picture = TimelineModel.TimelineData.forEvent(this._event).picture;
-      snapshotPromise =
-          picture.objectPromise()
-              .then(data => SDK.PaintProfilerSnapshot.load(/** @type {!SDK.Target} */ (this._target), data['skp64']))
-              .then(snapshot => snapshot && {rect: null, snapshot: snapshot});
+      snapshotPromise = picture.objectPromise()
+                            .then(data => this._paintProfilerModel.loadSnapshot(data['skp64']))
+                            .then(snapshot => snapshot && {rect: null, snapshot: snapshot});
     } else if (this._event.name === TimelineModel.TimelineModel.RecordType.RasterTask) {
       snapshotPromise = this._frameModel.rasterTilePromise(this._event);
     } else {
       console.assert(false, 'Unexpected event type or no snapshot');
       return;
     }
     snapshotPromise.then(snapshotWithRect => {
       this._releaseSnapshot();
       if (!snapshotWithRect) {
         this._imageView.showImage();
         return;
       }
       var snapshot = snapshotWithRect.snapshot;
       this._lastLoadedSnapshot = snapshot;
       this._imageView.setMask(snapshotWithRect.rect);
       snapshot.commandLog().then(log => onCommandLogDone.call(this, snapshot, snapshotWithRect.rect, log));
     });
 
     /**
      * @param {!SDK.PaintProfilerSnapshot} snapshot
      * @param {?Protocol.DOM.Rect} clipRect
      * @param {!Array.<!SDK.PaintProfilerLogItem>=} log
      * @this {Timeline.TimelinePaintProfilerView}
      */
     function onCommandLogDone(snapshot, clipRect, log) {
-      this._logTreeView.setCommandLog(snapshot.target(), log || []);
+      this._logTreeView.setCommandLog(log || []);
       this._paintProfilerView.setSnapshotAndLog(snapshot, log || [], clipRect);
     }
   }
 
   _releaseSnapshot() {
     if (!this._lastLoadedSnapshot)
       return;
     this._lastLoadedSnapshot.release();
     this._lastLoadedSnapshot = null;
   }
@@ skipping 77 matching lines @@
   }
 
   /**
    * @param {?Protocol.DOM.Rect} maskRectangle
    */
   setMask(maskRectangle) {
     this._maskRectangle = maskRectangle;
     this._maskElement.classList.toggle('hidden', !maskRectangle);
   }
 };