<webview>: Implement WebRequest API

chrome/renderer/resources/extensions/web_view.js

 // Copyright (c) 2012 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 <webview> tag via Mutation Observers.
 //
 // The actual tag is implemented via the browser plugin. The internals of this
 // are hidden via Shadow DOM.
 
+var webRequestEvent = require('webRequest').webRequestEvent;
+
 var watchForTag = require("tagWatcher").watchForTag;
 
 var WEB_VIEW_ATTRIBUTES = ['name', 'src', 'partition', 'autosize', 'minheight',
     'minwidth', 'maxheight', 'maxwidth'];
 
 // All exposed api methods for <webview>, these are forwarded to the browser
 // plugin.
 var WEB_VIEW_API_METHODS = [
   'back',
   'canGoBack',
   'canGoForward',
   'forward',
   'getProcessId',
   'go',
   'reload',
   'stop',
   'terminate'
 ];
 
 var WEB_VIEW_EVENTS = {
   'exit' : ['processId', 'reason'],
   'loadabort' : ['url', 'isTopLevel', 'reason'],
   'loadcommit' : ['url', 'isTopLevel'],
   'loadredirect' : ['oldUrl', 'newUrl', 'isTopLevel'],
   'loadstart' : ['url', 'isTopLevel'],
   'loadstop' : [],
   'sizechanged': ['oldHeight', 'oldWidth', 'newHeight', 'newWidth'],
 };
 
+var WEB_REQUEST_EVENTS = [
+  'onBeforeRequest',
+  'onBeforeSendHeaders',
+  'onSendHeaders',
+  'onHeadersReceived',
+  'onAuthRequired',
+  'onBeforeRedirect',
+  'onResponseStarted',
+  'onCompleted',
+  'onErrorOccurred'
+];
+
 window.addEventListener('DOMContentLoaded', function() {
   watchForTag('WEBVIEW', function(addedNode) { new WebView(addedNode); });
 });
 
 /**
  * @constructor
  */
 function WebView(node) {
   this.node_ = node;
   var shadowRoot = node.webkitCreateShadowRoot();
 
   this.objectNode_ = document.createElement('object');
   this.objectNode_.type = 'application/browser-plugin';
   // The <object> node fills in the <webview> container.
   this.objectNode_.style.width = '100%';
   this.objectNode_.style.height = '100%';
   WEB_VIEW_ATTRIBUTES.forEach(function(attributeName) {
     // Only copy attributes that have been assigned values, rather than copying
     // a series of undefined attributes to BrowserPlugin.
     if (this.node_.hasAttribute(attributeName)) {
       this.objectNode_.setAttribute(
           attributeName, this.node_.getAttribute(attributeName));
     }
   }, this);
+  this.onBeforeRequest_ = null;
 
   shadowRoot.appendChild(this.objectNode_);
 
   // this.objectNode_[apiMethod] are not necessarily defined immediately after
   // the shadow object is appended to the shadow root.
   var self = this;
   WEB_VIEW_API_METHODS.forEach(function(apiMethod) {
     node[apiMethod] = function(var_args) {
       return self.objectNode_[apiMethod].apply(self.objectNode_, arguments);
     };
@@ skipping 33 matching lines @@
       },
       set: function(value) {
         objectNode[attributeName] = value;
       },
       enumerable: true
     });
   }, this);
 
   // We cannot use {writable: true} property descriptor because we want dynamic
   // getter value.
+  WEB_REQUEST_EVENTS.forEach(function(eventName) {
+    Object.defineProperty(this.node_, eventName, {
+      get: function() {
+        if (!self[eventName + '_']) {
+          self[eventName + '_'] =
+              new webRequestEvent(
+                  'webRequest.' + eventName, null, {}, null,

[Matt Perry, 2013/02/05 00:47:25]

right here, you could use a different prefix for the event. probably "webview.".
If the app already needs "webview" permission, this should work.

+                  self.objectNode_.getProcessId(),
+                  self.objectNode_.getRouteId());
+        }
+        return self[eventName + '_'];
+      },
+      // No setter.
+      enumerable: true
+    });
+  }, this);
+
   Object.defineProperty(this.node_, 'contentWindow', {
     get: function() {
       // TODO(fsamuel): This is a workaround to enable
       // contentWindow.postMessage until http://crbug.com/152006 is fixed.
       if (objectNode.contentWindow)
         return objectNode.contentWindow.self;
       console.error('contentWindow is not available at this time. ' +
           'It will become available when the page has finished loading.');
     },
     // No setter.
@@ skipping 42 matching lines @@
   var node = this.node_;
   this.objectNode_.addEventListener('-internal-' + eventname, function(e) {
     var evt = new Event(eventname, { bubbles: true });
     var detail = e.detail ? JSON.parse(e.detail) : {};
     attribs.forEach(function(attribName) {
       evt[attribName] = detail[attribName];
     });
     node.dispatchEvent(evt);
   });
 }