Added the onResize and onContentResize events to GuestViewEvents.

extensions/renderer/resources/guest_view/guest_view_container.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.
 
 // This module implements the shared functionality for different guestview
 // containers, such as web_view, app_view, etc.
 
 var DocumentNatives = requireNative('document_natives');
 var GuestView = require('guestView').GuestView;
 var GuestViewInternalNatives = requireNative('guest_view_internal');
 var IdGenerator = requireNative('id_generator');
 
 function GuestViewContainer(element, viewType) {
   privates(element).internal = this;
   this.element = element;
   this.elementAttached = false;
-  this.guest = new GuestView(viewType);
   this.viewInstanceId = IdGenerator.GetNextId();
   this.viewType = viewType;
 
+  this.setupGuestProperty();
+  this.guest = new GuestView(viewType);
+
   privates(this).browserPluginElement = this.createBrowserPluginElement();
   this.setupFocusPropagation();
 
   var shadowRoot = this.element.createShadowRoot();
   shadowRoot.appendChild(privates(this).browserPluginElement);
 }
 
 // Forward public API methods from |proto| to their internal implementations.
 GuestViewContainer.forwardApiMethods = function(proto, apiMethods) {
   var createProtoHandler = function(m) {
@@ skipping 15 matching lines @@
   window.addEventListener('readystatechange', function listener(event) {
     if (document.readyState == 'loading') {
       return;
     }
 
     registerBrowserPluginElement(
         guestViewContainerType.VIEW_TYPE.toLowerCase());
     registerGuestViewElement(guestViewContainerType);
     window.removeEventListener(event.type, listener, useCapture);
   }, useCapture);
+    };
+
+// Create the 'guest' property to track new GuestViews and always listen for
+// their resizes.
+GuestViewContainer.prototype.setupGuestProperty = function() {
+  Object.defineProperty(this, 'guest', {
+    get: function() {
+      return privates(this).guest;
+    }.bind(this),
+    set: function(value) {
+      privates(this).guest = value;
+      if (!value) {
+        return;
+      }
+      privates(this).guest.onresize = function(e) {
+        // Dispatch the 'contentresize' event.
+        var contentResizeEvent = new Event('contentresize', { bubbles: true });
+        contentResizeEvent.oldWidth = e.oldWidth;
+        contentResizeEvent.oldHeight = e.oldHeight;
+        contentResizeEvent.newWidth = e.newWidth;
+        contentResizeEvent.newHeight = e.newHeight;
+        this.dispatchEvent(contentResizeEvent);
+      }.bind(this);
+    }.bind(this),
+    enumerable: true
+  });
 };
 
 GuestViewContainer.prototype.createBrowserPluginElement = function() {
   // We create BrowserPlugin as a custom element in order to observe changes
   // to attributes synchronously.
   var browserPluginElement =
       new GuestViewContainer[this.viewType + 'BrowserPlugin']();
   privates(browserPluginElement).internal = this;
   return browserPluginElement;
 };
@@ skipping 41 matching lines @@
       return;
     }
     this.guest.attach(this.internalInstanceId,
                       this.viewInstanceId,
                       this.buildParams());
   }
 };
 
 GuestViewContainer.prototype.onElementResize = function(oldWidth, oldHeight,
                                                         newWidth, newHeight) {
+  // Dispatch the 'resize' event.
+  var resizeEvent = new Event('resize', { bubbles: true });
+  resizeEvent.oldWidth = oldWidth;
+  resizeEvent.oldHeight = oldHeight;
+  resizeEvent.newWidth = newWidth;
+  resizeEvent.newHeight = newHeight;
+  this.dispatchEvent(resizeEvent);
+
   if (!this.guest.getId())
     return;
-  this.guest.setSize(
-      {normal: {width: newWidth, height: newHeight}});
+  this.guest.setSize({normal: {width: newWidth, height: newHeight}});
 };
 
 GuestViewContainer.prototype.buildParams = function() {
   var params = this.buildContainerParams();
   params['instanceId'] = this.viewInstanceId;
   var elementRect = this.element.getBoundingClientRect();
   params['elementWidth'] = parseInt(elementRect.width);
   params['elementHeight'] = parseInt(elementRect.height);
   return params;
 };
@@ skipping 96 matching lines @@
   // Delete the callbacks so developers cannot call them and produce unexpected
   // behavior.
   delete proto.createdCallback;
   delete proto.attachedCallback;
   delete proto.detachedCallback;
   delete proto.attributeChangedCallback;
 }
 
 // Exports.
 exports.GuestViewContainer = GuestViewContainer;