[DevTools] Host paint profiles in PaintProfilerModel

third_party/WebKit/Source/devtools/front_end/timeline_model/TracingLayerTree.js

 // Copyright 2016 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.
 /** @typedef {!{
         bounds: {height: number, width: number},
         children: Array.<!TimelineModel.TracingLayerPayload>,
         layer_id: number,
         position: Array.<number>,
         scroll_offset: Array.<number>,
         layer_quad: Array.<number>,
@@ skipping 369 matching lines @@
 
   /**
    * @param {!Array<number>} targetRect
    * @return {!Promise<?SDK.SnapshotWithRect>}
    */
   _pictureForRect(targetRect) {
     return Promise.all(this._paints.map(paint => paint.picturePromise())).then(pictures => {
       var fragments =
           pictures.filter(picture => picture && rectsOverlap(picture.rect, targetRect))
               .map(picture => ({x: picture.rect[0], y: picture.rect[1], picture: picture.serializedPicture}));
-      if (!fragments.length || !this._target)

[caseq1, 2017/04/27 21:19:22]

That's about the only place we needed target here, so perhaps you want to
convert this one to keep PaintProfilerModel as well?

[dgozman, 2017/04/28 00:07:33]

Done.

+      var paintProfilerModel = this._target && this._target.model(SDK.PaintProfilerModel);
+      if (!fragments.length || !paintProfilerModel)
         return null;
       var x0 = fragments.reduce((min, item) => Math.min(min, item.x), Infinity);
       var y0 = fragments.reduce((min, item) => Math.min(min, item.y), Infinity);
       // Rect is in layer content coordinates, make it relative to picture by offsetting to the top left corner.
       var rect = {x: targetRect[0] - x0, y: targetRect[1] - y0, width: targetRect[2], height: targetRect[3]};
-      return SDK.PaintProfilerSnapshot.loadFromFragments(this._target, fragments)
-          .then(snapshot => snapshot ? {rect: rect, snapshot: snapshot} : null);
+      return paintProfilerModel.loadSnapshotFromFragments(fragments).then(
+          snapshot => snapshot ? {rect: rect, snapshot: snapshot} : null);
     });
 
     /**
      * @param {number} a1
      * @param {number} a2
      * @param {number} b1
      * @param {number} b2
      * @return {boolean}
      */
     function segmentsOverlap(a1, a2, b1, b2) {
@@ skipping 60 matching lines @@
   }
 
   /**
    * @override
    * @return {boolean}
    */
   drawsContent() {
     return this._drawsContent;
   }
 };