extensions/renderer/resources/guest_view/extension_view_attributes.js

   1 // Copyright 2015 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 // This module implements the attributes of the <extensionview> tag.
   6
   7 var GuestViewInternal =
   8     require('binding').Binding.create('guestViewInternal').generate();
   9 var ExtensionViewImpl = require('extensionView').ExtensionViewImpl;
  10 var ExtensionViewConstants =
  11     require('extensionViewConstants').ExtensionViewConstants;
  12 var ExtensionViewInternal =
  13     require('extensionViewInternal').ExtensionViewInternal;
  14
  15 // -----------------------------------------------------------------------------
  16 // Attribute objects.
  17
  18 // Default implementation of a ExtensionView attribute.
  19 function ExtensionViewAttribute(name, extensionViewImpl) {
  20   this.name = name;
  21   this.extensionViewImpl = extensionViewImpl;
  22   this.ignoreMutation = false;
  23
  24   this.defineProperty();
  25 }
  26
  27 // Retrieves and returns the attribute's value.
  28 ExtensionViewAttribute.prototype.getValue = function() {
  29   return this.extensionViewImpl.element.getAttribute(this.name) || '';
  30 };
  31
  32 // Sets the attribute's value.
  33 ExtensionViewAttribute.prototype.setValue = function(value) {
  34   this.extensionViewImpl.element.setAttribute(this.name, value || '');
  35 };
  36
  37 // Changes the attribute's value without triggering its mutation handler.
  38 ExtensionViewAttribute.prototype.setValueIgnoreMutation = function(value) {
  39   this.ignoreMutation = true;
  40   this.setValue(value);
  41   this.ignoreMutation = false;
  42 }
  43
  44 // Defines this attribute as a property on the extensionview node.
  45 ExtensionViewAttribute.prototype.defineProperty = function() {
  46   Object.defineProperty(this.extensionViewImpl.element, this.name, {
  47     get: function() {
  48       return this.getValue();
  49     }.bind(this),
  50     set: function(value) {
  51       this.setValue(value);
  52     }.bind(this),
  53     enumerable: true
  54   });
  55 };
  56
  57 // Called when the attribute's value changes.
  58 ExtensionViewAttribute.prototype.maybeHandleMutation =
  59     function(oldValue, newValue) {
  60   if (this.ignoreMutation)
  61     return;
  62
  63   this.handleMutation(oldValue, newValue);
  64 }
  65
  66 // Called when a change that isn't ignored occurs to the attribute's value.
  67 ExtensionViewAttribute.prototype.handleMutation =
  68     function(oldValue, newValue) {};
  69
  70 ExtensionViewAttribute.prototype.reset = function() {
  71   this.setValueIgnoreMutation();
  72 }
  73
  74 // Attribute that handles extension binded to the extensionview.
  75 function ExtensionAttribute(extensionViewImpl) {
  76   ExtensionViewAttribute.call(this, ExtensionViewConstants.ATTRIBUTE_EXTENSION,
  77                               extensionViewImpl);
  78 }
  79
  80 ExtensionAttribute.prototype.__proto__ = ExtensionViewAttribute.prototype;
  81
  82 ExtensionAttribute.prototype.handleMutation = function(oldValue, newValue) {
  83   this.setValueIgnoreMutation(oldValue);
  84 }
  85
  86 // Attribute that handles the location and navigation of the extensionview.
  87 function SrcAttribute(extensionViewImpl) {
  88   ExtensionViewAttribute.call(this, ExtensionViewConstants.ATTRIBUTE_SRC,
  89                               extensionViewImpl);
  90 }
  91
  92 SrcAttribute.prototype.__proto__ = ExtensionViewAttribute.prototype;
  93
  94 SrcAttribute.prototype.handleMutation = function(oldValue, newValue) {
  95   if (!newValue && oldValue) {
  96     this.setValueIgnoreMutation(oldValue);
  97     return;
  98   }
  99   this.parse();
 100 };
 101
 102 SrcAttribute.prototype.parse = function() {
 103   if (!this.extensionViewImpl.elementAttached || !this.getValue())
 104     return;
 105
 106   if (!this.extensionViewImpl.guest.getId())
 107     return;
 108
 109   ExtensionViewInternal.navigate(this.extensionViewImpl.guest.getId(),
 110                                  this.getValue());
 111 };
 112
 113 // -----------------------------------------------------------------------------
 114
 115 // Sets up all of the extensionview attributes.
 116 ExtensionViewImpl.prototype.setupExtensionViewAttributes = function() {
 117   this.attributes = {};
 118   this.attributes[ExtensionViewConstants.ATTRIBUTE_EXTENSION] =
 119       new ExtensionAttribute(this);
 120   this.attributes[ExtensionViewConstants.ATTRIBUTE_SRC] =
 121       new SrcAttribute(this);
 122 };