DevTools: Add showing viewport for Layers3DView.

Source/devtools/front_end/sdk/LayerTreeModel.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 233 matching lines @@
                 for (var i = 0; i < requestedNodeIds.length; ++i) {
                     var nodeId = nodeIds[i];
                     if (nodeId)
                         this._backendNodeIdToNodeId[requestedNodeIds[i]] = nodeId;
                 }
             }
             callback();
         }
     },
 
+    /**
+     * @param {!Object} viewportSize
+     */
+    setViewportSize: function(viewportSize)
+    {
+        this._viewportSize = viewportSize;
+    },
+
+    /**
+     * @return {!Object | undefined}
+     */
+    viewportSize: function()
+    {
+        return this._viewportSize;
+    },
+
     __proto__: WebInspector.TargetAwareObject.prototype
 };
 
 /**
   * @constructor
   * @extends {WebInspector.LayerTreeBase}
   * @param {!WebInspector.Target} target
   */
 WebInspector.TracingLayerTree = function(target)
 {
@@ skipping 847 matching lines @@
     },
 
     __proto__: WebInspector.DeferredLayerTree.prototype
 };
 
 /**
  * @constructor
  * @extends {WebInspector.DeferredLayerTree}
  * @param {!WebInspector.Target} target
  * @param {!WebInspector.TracingLayerPayload} root
+ * @param {!Object} viewportSize
  */
-WebInspector.DeferredTracingLayerTree = function(target, root)
+WebInspector.DeferredTracingLayerTree = function(target, root, viewportSize)
 {
     WebInspector.DeferredLayerTree.call(this, target);
     this._root = root;
+    this._viewportSize = viewportSize;
 }
 
 WebInspector.DeferredTracingLayerTree.prototype = {
     /**
      * @param {function(!WebInspector.LayerTreeBase)} callback
      */
     resolve: function(callback)
     {
         var result = new WebInspector.TracingLayerTree(this._target);
         result.setLayers(this._root, callback.bind(null, result));
+        result.setViewportSize(this._viewportSize);

[caseq, 2014/06/16 16:11:06]

I'd rather have it set before layers, so that we avoid any races in case we
synchronously invoke the callback in setLayers() (the callback may cause update
with an old viewport in this case).

[malch, 2014/06/16 16:16:14]

Done.

     },
 
     __proto__: WebInspector.DeferredLayerTree.prototype
 };
 
 /**
  * @constructor
  * @implements {LayerTreeAgent.Dispatcher}
  * @param {!WebInspector.LayerTreeModel} layerTreeModel
  */
@@ skipping 13 matching lines @@
 
     /**
      * @param {!LayerTreeAgent.LayerId} layerId
      * @param {!DOMAgent.Rect} clipRect
      */
     layerPainted: function(layerId, clipRect)
     {
         this._layerTreeModel._layerPainted(layerId, clipRect);
     }
 }