c54d10052a
<!-- Please make sure the checklist boxes are all checked before submitting the PR. The checklist is intended as a quick reference, for complete details please see our Contributor Guidelines: http://cordova.apache.org/contribute/contribute_guidelines.html Thanks! --> ### Platforms affected Android iOS (both UIWebView & WKWebView implementations) ### What does this PR do? Adds support for [postMessage API](https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage) enabling pages loaded into the InappBrowser to post messages back to the parent Webview of the Cordova app. For example, sending event messages associated with UI interactions such as button clicks from the wrapped page back to the parent app Webview. ### What testing has been done on this change? Automated tests have been extended to cover the `message` event. ### Checklist - [x ] Commit message follows the format: "GH-3232: (android) Fix bug with resolving file paths", where CB-xxxx is the JIRA ID & "android" is the platform affected. - [ x] Added automated test coverage as appropriate for this change.
126 lines
4.8 KiB
JavaScript
126 lines
4.8 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.
|
|
*
|
|
*/
|
|
|
|
(function () {
|
|
// special patch to correctly work on Ripple emulator (CB-9760)
|
|
if (window.parent && !!window.parent.ripple) { // https://gist.github.com/triceam/4658021
|
|
module.exports = window.open.bind(window); // fallback to default window.open behaviour
|
|
return;
|
|
}
|
|
|
|
var exec = require('cordova/exec');
|
|
var channel = require('cordova/channel');
|
|
var modulemapper = require('cordova/modulemapper');
|
|
var urlutil = require('cordova/urlutil');
|
|
|
|
function InAppBrowser () {
|
|
this.channels = {
|
|
'beforeload': channel.create('beforeload'),
|
|
'loadstart': channel.create('loadstart'),
|
|
'loadstop': channel.create('loadstop'),
|
|
'loaderror': channel.create('loaderror'),
|
|
'exit': channel.create('exit'),
|
|
'customscheme': channel.create('customscheme'),
|
|
'message': channel.create('message')
|
|
};
|
|
}
|
|
|
|
InAppBrowser.prototype = {
|
|
_eventHandler: function (event) {
|
|
if (event && (event.type in this.channels)) {
|
|
if (event.type === 'beforeload') {
|
|
this.channels[event.type].fire(event, this._loadAfterBeforeload);
|
|
} else {
|
|
this.channels[event.type].fire(event);
|
|
}
|
|
}
|
|
},
|
|
_loadAfterBeforeload: function (strUrl) {
|
|
strUrl = urlutil.makeAbsolute(strUrl);
|
|
exec(null, null, 'InAppBrowser', 'loadAfterBeforeload', [strUrl]);
|
|
},
|
|
close: function (eventname) {
|
|
exec(null, null, 'InAppBrowser', 'close', []);
|
|
},
|
|
show: function (eventname) {
|
|
exec(null, null, 'InAppBrowser', 'show', []);
|
|
},
|
|
hide: function (eventname) {
|
|
exec(null, null, 'InAppBrowser', 'hide', []);
|
|
},
|
|
addEventListener: function (eventname, f) {
|
|
if (eventname in this.channels) {
|
|
this.channels[eventname].subscribe(f);
|
|
}
|
|
},
|
|
removeEventListener: function (eventname, f) {
|
|
if (eventname in this.channels) {
|
|
this.channels[eventname].unsubscribe(f);
|
|
}
|
|
},
|
|
|
|
executeScript: function (injectDetails, cb) {
|
|
if (injectDetails.code) {
|
|
exec(cb, null, 'InAppBrowser', 'injectScriptCode', [injectDetails.code, !!cb]);
|
|
} else if (injectDetails.file) {
|
|
exec(cb, null, 'InAppBrowser', 'injectScriptFile', [injectDetails.file, !!cb]);
|
|
} else {
|
|
throw new Error('executeScript requires exactly one of code or file to be specified');
|
|
}
|
|
},
|
|
|
|
insertCSS: function (injectDetails, cb) {
|
|
if (injectDetails.code) {
|
|
exec(cb, null, 'InAppBrowser', 'injectStyleCode', [injectDetails.code, !!cb]);
|
|
} else if (injectDetails.file) {
|
|
exec(cb, null, 'InAppBrowser', 'injectStyleFile', [injectDetails.file, !!cb]);
|
|
} else {
|
|
throw new Error('insertCSS requires exactly one of code or file to be specified');
|
|
}
|
|
}
|
|
};
|
|
|
|
module.exports = function (strUrl, strWindowName, strWindowFeatures, callbacks) {
|
|
// Don't catch calls that write to existing frames (e.g. named iframes).
|
|
if (window.frames && window.frames[strWindowName]) {
|
|
var origOpenFunc = modulemapper.getOriginalSymbol(window, 'open');
|
|
return origOpenFunc.apply(window, arguments);
|
|
}
|
|
|
|
strUrl = urlutil.makeAbsolute(strUrl);
|
|
var iab = new InAppBrowser();
|
|
|
|
callbacks = callbacks || {};
|
|
for (var callbackName in callbacks) {
|
|
iab.addEventListener(callbackName, callbacks[callbackName]);
|
|
}
|
|
|
|
var cb = function (eventname) {
|
|
iab._eventHandler(eventname);
|
|
};
|
|
|
|
strWindowFeatures = strWindowFeatures || '';
|
|
|
|
exec(cb, cb, 'InAppBrowser', 'open', [strUrl, strWindowName, strWindowFeatures]);
|
|
return iab;
|
|
};
|
|
})();
|