mirror of https://github.com/vector-im/riot-web
87 lines
3.0 KiB
JavaScript
87 lines
3.0 KiB
JavaScript
|
/*
|
||
|
|
Copyright 2018 New Vector Ltd
|
||
|
|
|
||
|
|
Licensed 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.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import Promise from "bluebird";
|
||
|
|
|
||
|
|
// const OUTBOUND_API_NAME = 'toWidget';
|
||
|
|
|
||
|
|
// Initiate requests using the "toWidget" postMessage API and handle responses
|
||
|
|
// NOTE: ToWidgetPostMessageApi only handles message events with a data payload with a
|
||
|
|
// response field
|
||
|
|
export default class ToWidgetPostMessageApi {
|
||
|
|
constructor(timeoutMs) {
|
||
|
|
this._timeoutMs = timeoutMs || 5000; // default to 5s timer
|
||
|
|
this._counter = 0;
|
||
|
|
this._requestMap = {
|
||
|
|
// $ID: {resolve, reject}
|
||
|
|
};
|
||
|
|
this.start = this.start.bind(this);
|
||
|
|
this.stop = this.stop.bind(this);
|
||
|
|
this.onPostMessage = this.onPostMessage.bind(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
start() {
|
||
|
|
window.addEventListener('message', this.onPostMessage);
|
||
|
|
}
|
||
|
|
|
||
|
|
stop() {
|
||
|
|
window.removeEventListener('message', this.onPostMessage);
|
||
|
|
}
|
||
|
|
|
||
|
|
onPostMessage(ev) {
|
||
|
|
// THIS IS ALL UNSAFE EXECUTION.
|
||
|
|
// We do not verify who the sender of `ev` is!
|
||
|
|
const payload = ev.data;
|
||
|
|
// NOTE: Workaround for running in a mobile WebView where a
|
||
|
|
// postMessage immediately triggers this callback even though it is
|
||
|
|
// not the response.
|
||
|
|
if (payload.response === undefined) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const promise = this._requestMap[payload._id];
|
||
|
|
if (!promise) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
delete this._requestMap[payload._id];
|
||
|
|
promise.resolve(payload);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Initiate outbound requests (toWidget)
|
||
|
|
exec(action, targetWindow, targetOrigin) {
|
||
|
|
targetWindow = targetWindow || window.parent; // default to parent window
|
||
|
|
targetOrigin = targetOrigin || "*";
|
||
|
|
this._counter += 1;
|
||
|
|
action._id = Date.now() + "-" + Math.random().toString(36) + "-" + this._counter;
|
||
|
|
|
||
|
|
return new Promise((resolve, reject) => {
|
||
|
|
this._requestMap[action._id] = {resolve, reject};
|
||
|
|
targetWindow.postMessage(action, targetOrigin);
|
||
|
|
|
||
|
|
if (this._timeoutMs > 0) {
|
||
|
|
setTimeout(() => {
|
||
|
|
if (!this._requestMap[action._id]) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
console.error("postMessage request timed out. Sent object: " + JSON.stringify(action),
|
||
|
|
this._requestMap);
|
||
|
|
this._requestMap[action._id].reject(new Error("Timed out"));
|
||
|
|
delete this._requestMap[action._id];
|
||
|
|
}, this._timeoutMs);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|