cryptpad/www/common/sframe-channel.js

158 lines
6.3 KiB
JavaScript
Raw Normal View History

2017-08-09 12:45:39 +00:00
// This file provides the API for the channel for talking to and from the sandbox iframe.
define([
'/common/sframe-protocol.js'
], function (SFrameProtocol) {
2017-08-07 15:23:28 +00:00
var mkTxid = function () {
return Math.random().toString(16).replace('0.', '') + Math.random().toString(16).replace('0.', '');
};
2017-08-09 15:37:55 +00:00
var create = function (ow, cb) {
var otherWindow;
var handlers = {};
var queries = {};
// list of handlers which are registered from the other side...
var insideHandlers = [];
var callWhenRegistered = {};
var chan = {};
2017-08-10 16:31:44 +00:00
// Send a query. channel.query('Q_SOMETHING', { args: "whatever" }, function (reply) { ... });
2017-08-09 15:37:55 +00:00
chan.query = function (q, content, cb) {
if (!otherWindow) { throw new Error('not yet initialized'); }
if (!SFrameProtocol[q]) {
throw new Error('please only make queries are defined in sframe-protocol.js');
}
var txid = mkTxid();
var timeout = setTimeout(function () {
delete queries[txid];
console.log("Timeout making query " + q);
}, 30000);
queries[txid] = function (data, msg) {
clearTimeout(timeout);
delete queries[txid];
cb(undefined, data.content, msg);
};
otherWindow.postMessage(JSON.stringify({
txid: txid,
content: content,
q: q
}), '*');
};
2017-08-10 16:31:44 +00:00
// Fire an event. channel.event('EV_SOMETHING', { args: "whatever" });
2017-08-09 15:37:55 +00:00
var event = chan.event = function (e, content) {
if (!otherWindow) { throw new Error('not yet initialized'); }
if (!SFrameProtocol[e]) {
throw new Error('please only fire events that are defined in sframe-protocol.js');
}
if (e.indexOf('EV_') !== 0) {
throw new Error('please only use events (starting with EV_) for event messages');
}
otherWindow.postMessage(JSON.stringify({ content: content, q: e }), '*');
};
2017-08-10 16:31:44 +00:00
// Be notified on query or event. channel.on('EV_SOMETHING', function (args, reply) { ... });
// If the type is a query, your handler will be invoked with a reply function that takes
// one argument (the content to reply with).
2017-08-10 12:49:21 +00:00
chan.on = function (queryType, handler, quiet) {
2017-08-10 16:31:44 +00:00
if (!otherWindow && !quiet) { throw new Error('not yet initialized'); }
2017-08-09 15:37:55 +00:00
if (!SFrameProtocol[queryType]) {
throw new Error('please only register handlers which are defined in sframe-protocol.js');
}
2017-08-10 12:49:21 +00:00
(handlers[queryType] = handlers[queryType] || []).push(function (data, msg) {
2017-08-09 15:37:55 +00:00
handler(data.content, function (replyContent) {
2017-08-10 16:31:44 +00:00
if (queryType.indexOf('Q_') !== 0) { throw new Error("replies to events are invalid"); }
2017-08-09 15:37:55 +00:00
msg.source.postMessage(JSON.stringify({
txid: data.txid,
content: replyContent
}), '*');
}, msg);
2017-08-10 12:49:21 +00:00
});
if (!quiet) {
event('EV_REGISTER_HANDLER', queryType);
}
2017-08-09 15:37:55 +00:00
};
2017-08-10 16:31:44 +00:00
// If a particular handler is registered, call the callback immediately, otherwise it will be called
// when that handler is first registered.
// channel.whenReg('Q_SOMETHING', function () { ...query Q_SOMETHING?... });
chan.whenReg = function (queryType, cb, always) {
2017-08-09 15:37:55 +00:00
if (!otherWindow) { throw new Error('not yet initialized'); }
if (!SFrameProtocol[queryType]) {
throw new Error('please only register handlers which are defined in sframe-protocol.js');
}
2017-08-10 16:31:44 +00:00
var reg = always;
2017-08-09 15:37:55 +00:00
if (insideHandlers.indexOf(queryType) > -1) {
2017-08-10 16:31:44 +00:00
cb();
2017-08-09 15:37:55 +00:00
} else {
2017-08-10 16:31:44 +00:00
reg = true;
}
if (reg) {
(callWhenRegistered[queryType] = callWhenRegistered[queryType] || []).push(cb);
2017-08-09 15:37:55 +00:00
}
};
2017-08-10 16:31:44 +00:00
// Same as whenReg except it will invoke every time there is another registration, not just once.
chan.onReg = function (queryType, cb) { chan.whenReg(queryType, cb, true); };
chan.on('EV_REGISTER_HANDLER', function (content) {
if (callWhenRegistered[content]) {
callWhenRegistered[content].forEach(function (f) { f(); });
delete callWhenRegistered[content];
2017-08-09 15:37:55 +00:00
}
2017-08-10 16:31:44 +00:00
insideHandlers.push(content);
}, true);
2017-08-09 15:37:55 +00:00
2017-08-09 12:45:39 +00:00
var intr;
var txid;
window.addEventListener('message', function (msg) {
var data = JSON.parse(msg.data);
if (ow !== msg.source) {
console.log("DROP Message from unexpected source");
console.log(msg);
} else if (!otherWindow) {
if (data.txid !== txid) {
console.log("DROP Message with weird txid");
return;
}
clearInterval(intr);
otherWindow = ow;
2017-08-09 15:37:55 +00:00
cb(chan);
2017-08-09 12:45:39 +00:00
} else if (typeof(data.q) === 'string' && handlers[data.q]) {
2017-08-10 12:49:21 +00:00
handlers[data.q].forEach(function (f) {
f(data || JSON.parse(msg.data), msg);
data = undefined;
});
2017-08-09 12:45:39 +00:00
} else if (typeof(data.q) === 'undefined' && queries[data.txid]) {
2017-08-10 12:49:21 +00:00
queries[data.txid](msg, msg);
2017-08-09 12:45:39 +00:00
} else if (data.txid === txid) {
// stray message from init
return;
} else {
console.log("DROP Unhandled message");
console.log(msg);
}
});
if (window !== window.top) {
// we're in the sandbox
otherWindow = ow;
2017-08-09 15:37:55 +00:00
cb(chan);
2017-08-09 12:45:39 +00:00
} else {
require(['/common/requireconfig.js'], function (RequireConfig) {
txid = mkTxid();
intr = setInterval(function () {
ow.postMessage(JSON.stringify({
txid: txid,
content: { requireConf: RequireConfig },
q: 'INIT'
}), '*');
}, 1);
2017-08-09 12:45:39 +00:00
});
}
};
2017-08-09 15:37:55 +00:00
return { create: create };
2017-08-09 12:45:39 +00:00
});