<webview>: Partially migrate loadcommit event from content to chrome

chrome/renderer/resources/extensions/ad_view.js

 // Copyright 2013 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.
 
 // Shim that simulates a <adview> tag via Mutation Observers.
 //
 // The actual tag is implemented via the browser plugin. The internals of this
 // are hidden via Shadow DOM.
 
 // TODO(rpaquay): This file is currently very similar to "web_view.js". Do we
 //                want to refactor to extract common pieces?
 
+var eventBindings = require('event_bindings');
 var process = requireNative('process');
 var watchForTag = require('tagWatcher').watchForTag;
 
 /**
  * Define "allowCustomAdNetworks" function such that the
  * "kEnableAdviewSrcAttribute" flag is respected.
  */
 function allowCustomAdNetworks() {
   return process.HasSwitch('enable-adview-src-attribute');
 }
@@ skipping 43 matching lines @@
 
 /**
  * List of events to blindly forward from the browser plugin to the <adview>.
  */
 var AD_VIEW_EVENTS = {
   'loadabort' : ['url', 'isTopLevel', 'reason'],
   'loadcommit' : ['url', 'isTopLevel'],
   'sizechanged': ['oldHeight', 'oldWidth', 'newHeight', 'newWidth'],
 };
 
+var createEvent = function(name) {
+  var eventOpts = {supportsListeners: true, supportsFilters: true};
+  return new eventBindings.Event(name, undefined, eventOpts);
+};
+
+var AdviewLoadCommitEvent = createEvent('adview.onLoadCommit');
+
 /**
  * List of supported ad-networks.
  *
  * name: identifier of the ad-network, corresponding to a valid value
  *       of the "ad-network" attribute of an <adview> element.
  * url: url to navigate to when initially displaying the <adview>.
  * origin: origin of urls the <adview> is allowed navigate to.
  */
 var AD_VIEW_AD_NETWORKS_WHITELIST = [
   {
@@ skipping 31 matching lines @@
   this.setupAdviewNodeEvents_();
   this.setupBrowserPluginNodeObservers_();
 }
 
 /**
  * @private
  */
 AdView.prototype.createBrowserPluginNode_ = function() {
   var browserPluginNode = document.createElement('object');
   browserPluginNode.type = 'application/browser-plugin';
-  // TODO(fsamuel): Change this to 'adview' once AdViewGuest is ready.
-  browserPluginNode.setAttribute('api', 'webview');
+  browserPluginNode.setAttribute('api', 'adview');
   // The <object> node fills in the <adview> container.
   browserPluginNode.style.width = '100%';
   browserPluginNode.style.height = '100%';
   $Array.forEach(AD_VIEW_ATTRIBUTES, function(attributeName) {
     // Only copy attributes that have been assigned values, rather than copying
     // a series of undefined attributes to BrowserPlugin.
     if (this.adviewNode_.hasAttribute(attributeName)) {
       browserPluginNode.setAttribute(
         attributeName, this.adviewNode_.getAttribute(attributeName));
     }
@@ skipping 286 matching lines @@
         this.adviewNode_.setAttribute('src', '');
       }
     }
   }
 }
 
 /**
  * @private
  */
 AdView.prototype.setupAdviewNodeEvents_ = function() {
+  var adviewNode = this.adviewNode_;
+  // TODO(fsamuel): Generalize this further as we add more events.
+  var onAttached = function(e) {
+    var detail = e.detail ? JSON.parse(e.detail) : {};
+    AdviewLoadCommitEvent.addListener(function(event) {
+      var adviewEvent = new Event('loadcommit', {bubbles: true});
+      var attribs = AD_VIEW_EVENTS['loadcommit'];
+      $Array.forEach(attribs, function(attribName) {
+        adviewEvent[attribName] = event[attribName];
+      });
+      adviewNode.dispatchEvent(adviewEvent);
+    }, {instanceId: detail.windowId});
+  };
+  this.browserPluginNode_.addEventListener('-internal-attached', onAttached);
+
   for (var eventName in AD_VIEW_EVENTS) {
     this.setupEvent_(eventName, AD_VIEW_EVENTS[eventName]);
   }
 }
 
 /**
  * @private
  */
 AdView.prototype.setupEvent_ = function(eventname, attribs) {
   var adviewNode = this.adviewNode_;
@@ skipping 21 matching lines @@
   // Dispatch event.
   this.adviewNode_.dispatchEvent(evt);
 }
 
 //
 // Hook up <adview> tag creation in DOM.
 //
 window.addEventListener('DOMContentLoaded', function() {
   watchForTag('ADVIEW', function(addedNode) { new AdView(addedNode); });
 });