321 lines
11 KiB
JavaScript
321 lines
11 KiB
JavaScript
'use strict';
|
|
|
|
const WebViewImpl = require('./web-view');
|
|
const guestViewInternal = require('./guest-view-internal');
|
|
const webViewConstants = require('./web-view-constants');
|
|
const remote = require('electron').remote;
|
|
|
|
// Helper function to resolve url set in attribute.
|
|
var a = document.createElement('a');
|
|
|
|
var resolveURL = function(url) {
|
|
a.href = url;
|
|
return a.href;
|
|
};
|
|
|
|
// Attribute objects.
|
|
// Default implementation of a WebView attribute.
|
|
class WebViewAttribute {
|
|
constructor(name, webViewImpl) {
|
|
this.name = name;
|
|
this.value = webViewImpl.webviewNode[name] || '';
|
|
this.webViewImpl = webViewImpl;
|
|
this.ignoreMutation = false;
|
|
this.defineProperty();
|
|
}
|
|
|
|
// Retrieves and returns the attribute's value.
|
|
getValue() {
|
|
return this.webViewImpl.webviewNode.getAttribute(this.name) || this.value;
|
|
}
|
|
|
|
// Sets the attribute's value.
|
|
setValue(value) {
|
|
return this.webViewImpl.webviewNode.setAttribute(this.name, value || '');
|
|
}
|
|
|
|
// Changes the attribute's value without triggering its mutation handler.
|
|
setValueIgnoreMutation(value) {
|
|
this.ignoreMutation = true;
|
|
this.setValue(value);
|
|
return this.ignoreMutation = false;
|
|
}
|
|
|
|
// Defines this attribute as a property on the webview node.
|
|
defineProperty() {
|
|
return Object.defineProperty(this.webViewImpl.webviewNode, this.name, {
|
|
get: (function(_this) {
|
|
return function() {
|
|
return _this.getValue();
|
|
};
|
|
})(this),
|
|
set: (function(_this) {
|
|
return function(value) {
|
|
return _this.setValue(value);
|
|
};
|
|
})(this),
|
|
enumerable: true
|
|
});
|
|
}
|
|
|
|
// Called when the attribute's value changes.
|
|
handleMutation() {}
|
|
}
|
|
|
|
// An attribute that is treated as a Boolean.
|
|
class BooleanAttribute extends WebViewAttribute {
|
|
constructor(name, webViewImpl) {
|
|
super(name, webViewImpl);
|
|
}
|
|
|
|
getValue() {
|
|
return this.webViewImpl.webviewNode.hasAttribute(this.name);
|
|
}
|
|
|
|
setValue(value) {
|
|
if (!value) {
|
|
return this.webViewImpl.webviewNode.removeAttribute(this.name);
|
|
} else {
|
|
return this.webViewImpl.webviewNode.setAttribute(this.name, '');
|
|
}
|
|
}
|
|
}
|
|
|
|
// Attribute that specifies whether transparency is allowed in the webview.
|
|
class AllowTransparencyAttribute extends BooleanAttribute {
|
|
constructor(webViewImpl) {
|
|
super(webViewConstants.ATTRIBUTE_ALLOWTRANSPARENCY, webViewImpl);
|
|
}
|
|
|
|
handleMutation() {
|
|
if (!this.webViewImpl.guestInstanceId) {
|
|
return;
|
|
}
|
|
return guestViewInternal.setAllowTransparency(this.webViewImpl.guestInstanceId, this.getValue());
|
|
}
|
|
}
|
|
|
|
// Attribute used to define the demension limits of autosizing.
|
|
class AutosizeDimensionAttribute extends WebViewAttribute {
|
|
constructor(name, webViewImpl) {
|
|
super(name, webViewImpl);
|
|
}
|
|
|
|
getValue() {
|
|
return parseInt(this.webViewImpl.webviewNode.getAttribute(this.name)) || 0;
|
|
}
|
|
|
|
handleMutation() {
|
|
if (!this.webViewImpl.guestInstanceId) {
|
|
return;
|
|
}
|
|
return guestViewInternal.setSize(this.webViewImpl.guestInstanceId, {
|
|
enableAutoSize: this.webViewImpl.attributes[webViewConstants.ATTRIBUTE_AUTOSIZE].getValue(),
|
|
min: {
|
|
width: parseInt(this.webViewImpl.attributes[webViewConstants.ATTRIBUTE_MINWIDTH].getValue() || 0),
|
|
height: parseInt(this.webViewImpl.attributes[webViewConstants.ATTRIBUTE_MINHEIGHT].getValue() || 0)
|
|
},
|
|
max: {
|
|
width: parseInt(this.webViewImpl.attributes[webViewConstants.ATTRIBUTE_MAXWIDTH].getValue() || 0),
|
|
height: parseInt(this.webViewImpl.attributes[webViewConstants.ATTRIBUTE_MAXHEIGHT].getValue() || 0)
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
// Attribute that specifies whether the webview should be autosized.
|
|
class AutosizeAttribute extends BooleanAttribute {
|
|
constructor(webViewImpl) {
|
|
super(webViewConstants.ATTRIBUTE_AUTOSIZE, webViewImpl);
|
|
}
|
|
}
|
|
|
|
AutosizeAttribute.prototype.handleMutation = AutosizeDimensionAttribute.prototype.handleMutation;
|
|
|
|
// Attribute representing the state of the storage partition.
|
|
class PartitionAttribute extends WebViewAttribute {
|
|
constructor(webViewImpl) {
|
|
super(webViewConstants.ATTRIBUTE_PARTITION, webViewImpl);
|
|
this.validPartitionId = true;
|
|
}
|
|
|
|
handleMutation(oldValue, newValue) {
|
|
newValue = newValue || '';
|
|
|
|
// The partition cannot change if the webview has already navigated.
|
|
if (!this.webViewImpl.beforeFirstNavigation) {
|
|
window.console.error(webViewConstants.ERROR_MSG_ALREADY_NAVIGATED);
|
|
this.setValueIgnoreMutation(oldValue);
|
|
return;
|
|
}
|
|
if (newValue === 'persist:') {
|
|
this.validPartitionId = false;
|
|
return window.console.error(webViewConstants.ERROR_MSG_INVALID_PARTITION_ATTRIBUTE);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Attribute that handles the location and navigation of the webview.
|
|
class SrcAttribute extends WebViewAttribute {
|
|
constructor(webViewImpl) {
|
|
super(webViewConstants.ATTRIBUTE_SRC, webViewImpl);
|
|
this.setupMutationObserver();
|
|
}
|
|
|
|
getValue() {
|
|
if (this.webViewImpl.webviewNode.hasAttribute(this.name)) {
|
|
return resolveURL(this.webViewImpl.webviewNode.getAttribute(this.name));
|
|
} else {
|
|
return this.value;
|
|
}
|
|
}
|
|
|
|
setValueIgnoreMutation(value) {
|
|
super.setValueIgnoreMutation(value);
|
|
|
|
// takeRecords() is needed to clear queued up src mutations. Without it, it
|
|
// is possible for this change to get picked up asyncronously by src's
|
|
// mutation observer |observer|, and then get handled even though we do not
|
|
// want to handle this mutation.
|
|
return this.observer.takeRecords();
|
|
}
|
|
|
|
handleMutation(oldValue, newValue) {
|
|
|
|
// Once we have navigated, we don't allow clearing the src attribute.
|
|
// Once <webview> enters a navigated state, it cannot return to a
|
|
// placeholder state.
|
|
if (!newValue && oldValue) {
|
|
|
|
// src attribute changes normally initiate a navigation. We suppress
|
|
// the next src attribute handler call to avoid reloading the page
|
|
// on every guest-initiated navigation.
|
|
this.setValueIgnoreMutation(oldValue);
|
|
return;
|
|
}
|
|
return this.parse();
|
|
}
|
|
|
|
// The purpose of this mutation observer is to catch assignment to the src
|
|
// attribute without any changes to its value. This is useful in the case
|
|
// where the webview guest has crashed and navigating to the same address
|
|
// spawns off a new process.
|
|
setupMutationObserver() {
|
|
var params;
|
|
this.observer = new MutationObserver((function(_this) {
|
|
return function(mutations) {
|
|
var i, len, mutation, newValue, oldValue;
|
|
for (i = 0, len = mutations.length; i < len; i++) {
|
|
mutation = mutations[i];
|
|
oldValue = mutation.oldValue;
|
|
newValue = _this.getValue();
|
|
if (oldValue !== newValue) {
|
|
return;
|
|
}
|
|
_this.handleMutation(oldValue, newValue);
|
|
}
|
|
};
|
|
})(this));
|
|
params = {
|
|
attributes: true,
|
|
attributeOldValue: true,
|
|
attributeFilter: [this.name]
|
|
};
|
|
return this.observer.observe(this.webViewImpl.webviewNode, params);
|
|
}
|
|
|
|
parse() {
|
|
var guestContents, httpreferrer, opts, useragent;
|
|
if (!this.webViewImpl.elementAttached || !this.webViewImpl.attributes[webViewConstants.ATTRIBUTE_PARTITION].validPartitionId || !this.getValue()) {
|
|
return;
|
|
}
|
|
if (this.webViewImpl.guestInstanceId == null) {
|
|
if (this.webViewImpl.beforeFirstNavigation) {
|
|
this.webViewImpl.beforeFirstNavigation = false;
|
|
this.webViewImpl.createGuest();
|
|
}
|
|
return;
|
|
}
|
|
|
|
// Navigate to |this.src|.
|
|
opts = {};
|
|
httpreferrer = this.webViewImpl.attributes[webViewConstants.ATTRIBUTE_HTTPREFERRER].getValue();
|
|
if (httpreferrer) {
|
|
opts.httpReferrer = httpreferrer;
|
|
}
|
|
useragent = this.webViewImpl.attributes[webViewConstants.ATTRIBUTE_USERAGENT].getValue();
|
|
if (useragent) {
|
|
opts.userAgent = useragent;
|
|
}
|
|
guestContents = remote.getGuestWebContents(this.webViewImpl.guestInstanceId);
|
|
return guestContents.loadURL(this.getValue(), opts);
|
|
}
|
|
}
|
|
|
|
// Attribute specifies HTTP referrer.
|
|
class HttpReferrerAttribute extends WebViewAttribute {
|
|
constructor(webViewImpl) {
|
|
super(webViewConstants.ATTRIBUTE_HTTPREFERRER, webViewImpl);
|
|
}
|
|
}
|
|
|
|
// Attribute specifies user agent
|
|
class UserAgentAttribute extends WebViewAttribute {
|
|
constructor(webViewImpl) {
|
|
super(webViewConstants.ATTRIBUTE_USERAGENT, webViewImpl);
|
|
}
|
|
}
|
|
|
|
// Attribute that set preload script.
|
|
class PreloadAttribute extends WebViewAttribute {
|
|
constructor(webViewImpl) {
|
|
super(webViewConstants.ATTRIBUTE_PRELOAD, webViewImpl);
|
|
}
|
|
|
|
getValue() {
|
|
var preload, protocol;
|
|
if (!this.webViewImpl.webviewNode.hasAttribute(this.name)) {
|
|
return this.value;
|
|
}
|
|
preload = resolveURL(this.webViewImpl.webviewNode.getAttribute(this.name));
|
|
protocol = preload.substr(0, 5);
|
|
if (protocol !== 'file:') {
|
|
console.error(webViewConstants.ERROR_MSG_INVALID_PRELOAD_ATTRIBUTE);
|
|
preload = '';
|
|
}
|
|
return preload;
|
|
}
|
|
}
|
|
|
|
// Attribute that specifies the blink features to be enabled.
|
|
class BlinkFeaturesAttribute extends WebViewAttribute {
|
|
constructor(webViewImpl) {
|
|
super(webViewConstants.ATTRIBUTE_BLINKFEATURES, webViewImpl);
|
|
}
|
|
}
|
|
|
|
// Sets up all of the webview attributes.
|
|
WebViewImpl.prototype.setupWebViewAttributes = function() {
|
|
var attribute, autosizeAttributes, i, len, results;
|
|
this.attributes = {};
|
|
this.attributes[webViewConstants.ATTRIBUTE_ALLOWTRANSPARENCY] = new AllowTransparencyAttribute(this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_AUTOSIZE] = new AutosizeAttribute(this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_PARTITION] = new PartitionAttribute(this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_SRC] = new SrcAttribute(this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_HTTPREFERRER] = new HttpReferrerAttribute(this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_USERAGENT] = new UserAgentAttribute(this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_NODEINTEGRATION] = new BooleanAttribute(webViewConstants.ATTRIBUTE_NODEINTEGRATION, this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_PLUGINS] = new BooleanAttribute(webViewConstants.ATTRIBUTE_PLUGINS, this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_DISABLEWEBSECURITY] = new BooleanAttribute(webViewConstants.ATTRIBUTE_DISABLEWEBSECURITY, this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_ALLOWPOPUPS] = new BooleanAttribute(webViewConstants.ATTRIBUTE_ALLOWPOPUPS, this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_PRELOAD] = new PreloadAttribute(this);
|
|
this.attributes[webViewConstants.ATTRIBUTE_BLINKFEATURES] = new BlinkFeaturesAttribute(this);
|
|
autosizeAttributes = [webViewConstants.ATTRIBUTE_MAXHEIGHT, webViewConstants.ATTRIBUTE_MAXWIDTH, webViewConstants.ATTRIBUTE_MINHEIGHT, webViewConstants.ATTRIBUTE_MINWIDTH];
|
|
results = [];
|
|
for (i = 0, len = autosizeAttributes.length; i < len; i++) {
|
|
attribute = autosizeAttributes[i];
|
|
results.push(this.attributes[attribute] = new AutosizeDimensionAttribute(attribute, this));
|
|
}
|
|
return results;
|
|
};
|