386 lines
15 KiB
JavaScript
386 lines
15 KiB
JavaScript
/*
|
|
*
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing,
|
|
* software distributed under the License is distributed on an
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
* KIND, either express or implied. See the License for the
|
|
* specific language governing permissions and limitations
|
|
* under the License.
|
|
*
|
|
*/
|
|
|
|
/* jslint sloppy:true */
|
|
/* global Windows:true, setImmediate */
|
|
/* eslint standard/no-callback-literal : 0 */
|
|
|
|
var cordova = require('cordova');
|
|
var urlutil = require('cordova/urlutil');
|
|
|
|
var browserWrap,
|
|
popup,
|
|
navigationButtonsDiv,
|
|
navigationButtonsDivInner,
|
|
backButton,
|
|
forwardButton,
|
|
closeButton,
|
|
bodyOverflowStyle,
|
|
navigationEventsCallback,
|
|
hardwareBackCallback;
|
|
|
|
// x-ms-webview is available starting from Windows 8.1 (platformId is 'windows')
|
|
// http://msdn.microsoft.com/en-us/library/windows/apps/dn301831.aspx
|
|
var isWebViewAvailable = cordova.platformId === 'windows';
|
|
|
|
function attachNavigationEvents (element, callback) {
|
|
if (isWebViewAvailable) {
|
|
element.addEventListener('MSWebViewNavigationStarting', function (e) {
|
|
callback({ type: 'loadstart', url: e.uri }, {keepCallback: true});
|
|
});
|
|
|
|
element.addEventListener('MSWebViewNavigationCompleted', function (e) {
|
|
if (e.isSuccess) {
|
|
callback({ type: 'loadstop', url: e.uri }, { keepCallback: true });
|
|
} else {
|
|
callback({ type: 'loaderror', url: e.uri, code: e.webErrorStatus, message: 'Navigation failed with error code ' + e.webErrorStatus }, { keepCallback: true });
|
|
}
|
|
});
|
|
|
|
element.addEventListener('MSWebViewUnviewableContentIdentified', function (e) {
|
|
// WebView found the content to be not HTML.
|
|
// http://msdn.microsoft.com/en-us/library/windows/apps/dn609716.aspx
|
|
callback({ type: 'loaderror', url: e.uri, code: e.webErrorStatus, message: 'Navigation failed with error code ' + e.webErrorStatus }, { keepCallback: true });
|
|
});
|
|
|
|
element.addEventListener('MSWebViewContentLoading', function (e) {
|
|
if (navigationButtonsDiv && popup) {
|
|
if (popup.canGoBack) {
|
|
backButton.removeAttribute('disabled');
|
|
} else {
|
|
backButton.setAttribute('disabled', 'true');
|
|
}
|
|
|
|
if (popup.canGoForward) {
|
|
forwardButton.removeAttribute('disabled');
|
|
} else {
|
|
forwardButton.setAttribute('disabled', 'true');
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
var onError = function () {
|
|
callback({ type: 'loaderror', url: this.contentWindow.location }, {keepCallback: true});
|
|
};
|
|
|
|
element.addEventListener('unload', function () {
|
|
callback({ type: 'loadstart', url: this.contentWindow.location }, {keepCallback: true});
|
|
});
|
|
|
|
element.addEventListener('load', function () {
|
|
callback({ type: 'loadstop', url: this.contentWindow.location }, {keepCallback: true});
|
|
});
|
|
|
|
element.addEventListener('error', onError);
|
|
element.addEventListener('abort', onError);
|
|
}
|
|
}
|
|
|
|
var IAB = {
|
|
close: function (win, lose) {
|
|
setImmediate(function () {
|
|
if (browserWrap) {
|
|
if (navigationEventsCallback) {
|
|
navigationEventsCallback({ type: 'exit' });
|
|
}
|
|
|
|
browserWrap.parentNode.removeChild(browserWrap);
|
|
// Reset body overflow style to initial value
|
|
document.body.style.msOverflowStyle = bodyOverflowStyle;
|
|
browserWrap = null;
|
|
popup = null;
|
|
|
|
document.removeEventListener('backbutton', hardwareBackCallback, false);
|
|
}
|
|
});
|
|
},
|
|
show: function (win, lose) {
|
|
setImmediate(function () {
|
|
if (browserWrap) {
|
|
browserWrap.style.display = 'block';
|
|
}
|
|
});
|
|
},
|
|
hide: function (win, lose) {
|
|
if (browserWrap) {
|
|
browserWrap.style.display = 'none';
|
|
}
|
|
},
|
|
open: function (win, lose, args) {
|
|
// make function async so that we can add navigation events handlers before view is loaded and navigation occured
|
|
setImmediate(function () {
|
|
var strUrl = args[0];
|
|
var target = args[1];
|
|
var features = args[2];
|
|
var url;
|
|
|
|
navigationEventsCallback = win;
|
|
|
|
if (target === '_system') {
|
|
url = new Windows.Foundation.Uri(strUrl);
|
|
Windows.System.Launcher.launchUriAsync(url);
|
|
} else if (target === '_self' || !target) {
|
|
window.location = strUrl;
|
|
} else {
|
|
// "_blank" or anything else
|
|
if (!browserWrap) {
|
|
var browserWrapStyle = document.createElement('link');
|
|
browserWrapStyle.rel = 'stylesheet';
|
|
browserWrapStyle.type = 'text/css';
|
|
browserWrapStyle.href = urlutil.makeAbsolute('/www/css/inappbrowser.css');
|
|
|
|
document.head.appendChild(browserWrapStyle);
|
|
|
|
browserWrap = document.createElement('div');
|
|
browserWrap.className = 'inAppBrowserWrap';
|
|
|
|
if (features.indexOf('fullscreen=yes') > -1) {
|
|
browserWrap.classList.add('inAppBrowserWrapFullscreen');
|
|
}
|
|
|
|
// Save body overflow style to be able to reset it back later
|
|
bodyOverflowStyle = document.body.style.msOverflowStyle;
|
|
|
|
browserWrap.onclick = function () {
|
|
setTimeout(function () {
|
|
IAB.close(navigationEventsCallback);
|
|
}, 0);
|
|
};
|
|
|
|
document.body.appendChild(browserWrap);
|
|
// Hide scrollbars for the whole body while inappbrowser's window is open
|
|
document.body.style.msOverflowStyle = 'none';
|
|
}
|
|
|
|
if (features.indexOf('hidden=yes') !== -1) {
|
|
browserWrap.style.display = 'none';
|
|
}
|
|
|
|
popup = document.createElement(isWebViewAvailable ? 'x-ms-webview' : 'iframe');
|
|
if (popup instanceof HTMLIFrameElement) { // eslint-disable-line no-undef
|
|
// For iframe we need to override bacground color of parent element here
|
|
// otherwise pages without background color set will have transparent background
|
|
popup.style.backgroundColor = 'white';
|
|
}
|
|
popup.style.borderWidth = '0px';
|
|
popup.style.width = '100%';
|
|
popup.style.marginBottom = '-5px';
|
|
|
|
browserWrap.appendChild(popup);
|
|
|
|
var closeHandler = function (e) {
|
|
setTimeout(function () {
|
|
IAB.close(navigationEventsCallback);
|
|
}, 0);
|
|
};
|
|
|
|
if (features.indexOf('hardwareback=yes') > -1 || features.indexOf('hardwareback') === -1) {
|
|
hardwareBackCallback = function () {
|
|
if (browserWrap.style.display === 'none') {
|
|
// NOTE: backbutton handlers have to throw an exception in order to prevent
|
|
// returning 'true' inside cordova-js, which would mean that the event is handled by user.
|
|
// Throwing an exception means that the default/system navigation behavior will take place,
|
|
// which is to exit the app if the navigation stack is empty.
|
|
throw 'Exit the app'; // eslint-disable-line no-throw-literal
|
|
}
|
|
|
|
if (popup.canGoBack) {
|
|
popup.goBack();
|
|
} else {
|
|
closeHandler();
|
|
}
|
|
};
|
|
} else if (features.indexOf('hardwareback=no') > -1) {
|
|
hardwareBackCallback = function () {
|
|
if (browserWrap.style.display === 'none') {
|
|
// See comment above
|
|
throw 'Exit the app'; // eslint-disable-line no-throw-literal
|
|
}
|
|
|
|
closeHandler();
|
|
};
|
|
}
|
|
|
|
document.addEventListener('backbutton', hardwareBackCallback, false);
|
|
|
|
if (features.indexOf('location=yes') !== -1 || features.indexOf('location') === -1) {
|
|
popup.style.height = 'calc(100% - 70px)';
|
|
|
|
navigationButtonsDiv = document.createElement('div');
|
|
navigationButtonsDiv.className = 'inappbrowser-app-bar';
|
|
navigationButtonsDiv.onclick = function (e) {
|
|
e.cancelBubble = true;
|
|
};
|
|
|
|
navigationButtonsDivInner = document.createElement('div');
|
|
navigationButtonsDivInner.className = 'inappbrowser-app-bar-inner';
|
|
navigationButtonsDivInner.onclick = function (e) {
|
|
e.cancelBubble = true;
|
|
};
|
|
|
|
backButton = document.createElement('div');
|
|
backButton.innerText = 'back';
|
|
backButton.className = 'app-bar-action action-back';
|
|
backButton.addEventListener('click', function (e) {
|
|
if (popup.canGoBack) { popup.goBack(); }
|
|
});
|
|
|
|
forwardButton = document.createElement('div');
|
|
forwardButton.innerText = 'forward';
|
|
forwardButton.className = 'app-bar-action action-forward';
|
|
forwardButton.addEventListener('click', function (e) {
|
|
if (popup.canGoForward) { popup.goForward(); }
|
|
});
|
|
|
|
closeButton = document.createElement('div');
|
|
closeButton.innerText = 'close';
|
|
closeButton.className = 'app-bar-action action-close';
|
|
closeButton.addEventListener('click', closeHandler);
|
|
|
|
if (!isWebViewAvailable) {
|
|
// iframe navigation is not yet supported
|
|
backButton.setAttribute('disabled', 'true');
|
|
forwardButton.setAttribute('disabled', 'true');
|
|
}
|
|
|
|
navigationButtonsDivInner.appendChild(backButton);
|
|
navigationButtonsDivInner.appendChild(forwardButton);
|
|
navigationButtonsDivInner.appendChild(closeButton);
|
|
navigationButtonsDiv.appendChild(navigationButtonsDivInner);
|
|
|
|
browserWrap.appendChild(navigationButtonsDiv);
|
|
} else {
|
|
popup.style.height = '100%';
|
|
}
|
|
|
|
// start listening for navigation events
|
|
attachNavigationEvents(popup, navigationEventsCallback);
|
|
|
|
if (isWebViewAvailable) {
|
|
strUrl = strUrl.replace('ms-appx://', 'ms-appx-web://');
|
|
}
|
|
popup.src = strUrl;
|
|
}
|
|
});
|
|
},
|
|
|
|
injectScriptCode: function (win, fail, args) {
|
|
setImmediate(function () {
|
|
var code = args[0];
|
|
var hasCallback = args[1];
|
|
|
|
if (isWebViewAvailable && browserWrap && popup) {
|
|
var op = popup.invokeScriptAsync('eval', code);
|
|
op.oncomplete = function (e) {
|
|
if (hasCallback) {
|
|
// return null if event target is unavailable by some reason
|
|
var result = (e && e.target) ? [e.target.result] : [null];
|
|
win(result);
|
|
}
|
|
};
|
|
op.onerror = function () { };
|
|
op.start();
|
|
}
|
|
});
|
|
},
|
|
|
|
injectScriptFile: function (win, fail, args) {
|
|
setImmediate(function () {
|
|
var filePath = args[0];
|
|
var hasCallback = args[1];
|
|
|
|
if (filePath) {
|
|
filePath = urlutil.makeAbsolute(filePath);
|
|
}
|
|
|
|
if (isWebViewAvailable && browserWrap && popup) {
|
|
// CB-12364 getFileFromApplicationUriAsync does not support ms-appx-web
|
|
var uri = new Windows.Foundation.Uri(filePath.replace('ms-appx-web:', 'ms-appx:'));
|
|
Windows.Storage.StorageFile.getFileFromApplicationUriAsync(uri).done(function (file) {
|
|
Windows.Storage.FileIO.readTextAsync(file).done(function (code) {
|
|
var op = popup.invokeScriptAsync('eval', code);
|
|
op.oncomplete = function (e) {
|
|
if (hasCallback) {
|
|
var result = [e.target.result];
|
|
win(result);
|
|
}
|
|
};
|
|
op.onerror = function () { };
|
|
op.start();
|
|
});
|
|
});
|
|
}
|
|
});
|
|
},
|
|
|
|
injectStyleCode: function (win, fail, args) {
|
|
setImmediate(function () {
|
|
var code = args[0];
|
|
var hasCallback = args[1];
|
|
|
|
if (isWebViewAvailable && browserWrap && popup) {
|
|
injectCSS(popup, code, hasCallback && win);
|
|
}
|
|
});
|
|
},
|
|
|
|
injectStyleFile: function (win, fail, args) {
|
|
setImmediate(function () {
|
|
var filePath = args[0];
|
|
var hasCallback = args[1];
|
|
|
|
filePath = filePath && urlutil.makeAbsolute(filePath);
|
|
|
|
if (isWebViewAvailable && browserWrap && popup) {
|
|
// CB-12364 getFileFromApplicationUriAsync does not support ms-appx-web
|
|
var uri = new Windows.Foundation.Uri(filePath.replace('ms-appx-web:', 'ms-appx:'));
|
|
Windows.Storage.StorageFile.getFileFromApplicationUriAsync(uri).then(function (file) {
|
|
return Windows.Storage.FileIO.readTextAsync(file);
|
|
}).done(function (code) {
|
|
injectCSS(popup, code, hasCallback && win);
|
|
}, function () {
|
|
// no-op, just catch an error
|
|
});
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
function injectCSS (webView, cssCode, callback) {
|
|
// This will automatically escape all thing that we need (quotes, slashes, etc.)
|
|
var escapedCode = JSON.stringify(cssCode);
|
|
var evalWrapper = '(function(d){var c=d.createElement(\'style\');c.innerHTML=%s;d.head.appendChild(c);})(document)'
|
|
.replace('%s', escapedCode);
|
|
|
|
var op = webView.invokeScriptAsync('eval', evalWrapper);
|
|
op.oncomplete = function () {
|
|
if (callback) {
|
|
callback([]);
|
|
}
|
|
};
|
|
op.onerror = function () { };
|
|
op.start();
|
|
}
|
|
|
|
module.exports = IAB;
|
|
|
|
require('cordova/exec/proxy').add('InAppBrowser', module.exports);
|