Run x2t in an iframe
This commit is contained in:
parent
73eb80ea30
commit
2abe187f67
7 changed files with 256 additions and 28 deletions
|
@ -145,16 +145,9 @@ define([
|
||||||
});
|
});
|
||||||
|
|
||||||
// X2T
|
// X2T
|
||||||
var x2t;
|
|
||||||
var onConvert = function (obj, cb) {
|
|
||||||
x2t.convert(obj, cb);
|
|
||||||
};
|
|
||||||
sframeChan.on('Q_OO_CONVERT', function (obj, cb) {
|
sframeChan.on('Q_OO_CONVERT', function (obj, cb) {
|
||||||
if (x2t) { return void onConvert(obj, cb); }
|
obj.modal = 'x2t';
|
||||||
require(['/common/outer/x2t.js'], function (X2T) {
|
Utils.initUnsafeIframe(obj, cb);
|
||||||
x2t = X2T.start();
|
|
||||||
onConvert(obj, cb);
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -145,16 +145,9 @@ define([
|
||||||
});
|
});
|
||||||
|
|
||||||
// X2T
|
// X2T
|
||||||
var x2t;
|
|
||||||
var onConvert = function (obj, cb) {
|
|
||||||
x2t.convert(obj, cb);
|
|
||||||
};
|
|
||||||
sframeChan.on('Q_OO_CONVERT', function (obj, cb) {
|
sframeChan.on('Q_OO_CONVERT', function (obj, cb) {
|
||||||
if (x2t) { return void onConvert(obj, cb); }
|
obj.modal = 'x2t';
|
||||||
require(['/common/outer/x2t.js'], function (X2T) {
|
Utils.initUnsafeIframe(obj, cb);
|
||||||
x2t = X2T.start();
|
|
||||||
onConvert(obj, cb);
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
sframeChan.onReady(function () {
|
sframeChan.onReady(function () {
|
||||||
|
|
|
@ -72,6 +72,7 @@ define([
|
||||||
var SFrameChannel;
|
var SFrameChannel;
|
||||||
var sframeChan;
|
var sframeChan;
|
||||||
var SecureIframe;
|
var SecureIframe;
|
||||||
|
var UnsafeIframe;
|
||||||
var OOIframe;
|
var OOIframe;
|
||||||
var Messaging;
|
var Messaging;
|
||||||
var Notifier;
|
var Notifier;
|
||||||
|
@ -99,6 +100,7 @@ define([
|
||||||
'/common/cryptget.js',
|
'/common/cryptget.js',
|
||||||
'/common/outer/worker-channel.js',
|
'/common/outer/worker-channel.js',
|
||||||
'/secureiframe/main.js',
|
'/secureiframe/main.js',
|
||||||
|
'/unsafeiframe/main.js',
|
||||||
'/common/onlyoffice/ooiframe.js',
|
'/common/onlyoffice/ooiframe.js',
|
||||||
'/common/common-messaging.js',
|
'/common/common-messaging.js',
|
||||||
'/common/common-notifier.js',
|
'/common/common-notifier.js',
|
||||||
|
@ -114,7 +116,7 @@ define([
|
||||||
'/common/test.js',
|
'/common/test.js',
|
||||||
'/common/userObject.js',
|
'/common/userObject.js',
|
||||||
], waitFor(function (_CpNfOuter, _Cryptpad, _Crypto, _Cryptget, _SFrameChannel,
|
], waitFor(function (_CpNfOuter, _Cryptpad, _Crypto, _Cryptget, _SFrameChannel,
|
||||||
_SecureIframe, _OOIframe, _Messaging, _Notifier, _Hash, _Util, _Realtime, _Notify,
|
_SecureIframe, _UnsafeIframe, _OOIframe, _Messaging, _Notifier, _Hash, _Util, _Realtime, _Notify,
|
||||||
_Constants, _Feedback, _LocalStore, _Cache, _AppConfig, _Test, _UserObject) {
|
_Constants, _Feedback, _LocalStore, _Cache, _AppConfig, _Test, _UserObject) {
|
||||||
CpNfOuter = _CpNfOuter;
|
CpNfOuter = _CpNfOuter;
|
||||||
Cryptpad = _Cryptpad;
|
Cryptpad = _Cryptpad;
|
||||||
|
@ -122,6 +124,7 @@ define([
|
||||||
Cryptget = _Cryptget;
|
Cryptget = _Cryptget;
|
||||||
SFrameChannel = _SFrameChannel;
|
SFrameChannel = _SFrameChannel;
|
||||||
SecureIframe = _SecureIframe;
|
SecureIframe = _SecureIframe;
|
||||||
|
UnsafeIframe = _UnsafeIframe;
|
||||||
OOIframe = _OOIframe;
|
OOIframe = _OOIframe;
|
||||||
Messaging = _Messaging;
|
Messaging = _Messaging;
|
||||||
Notifier = _Notifier;
|
Notifier = _Notifier;
|
||||||
|
@ -1503,6 +1506,26 @@ define([
|
||||||
initSecureModal('share', data || {});
|
initSecureModal('share', data || {});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Unsafe iframe
|
||||||
|
var UnsafeObject = {};
|
||||||
|
Utils.initUnsafeIframe = function (cfg, cb) {
|
||||||
|
if (!UnsafeObject.$iframe) {
|
||||||
|
var config = {};
|
||||||
|
config.addCommonRpc = addCommonRpc;
|
||||||
|
config.modules = {
|
||||||
|
Cryptpad: Cryptpad,
|
||||||
|
SFrameChannel: SFrameChannel,
|
||||||
|
Utils: Utils
|
||||||
|
};
|
||||||
|
UnsafeObject.$iframe = $('<iframe>', {id: 'sbox-unsafe-iframe'}).appendTo($('body')).hide();
|
||||||
|
UnsafeObject.modal = UnsafeIframe.create(config);
|
||||||
|
}
|
||||||
|
UnsafeObject.modal.refresh(cfg, function (data) {
|
||||||
|
console.error(data);
|
||||||
|
cb(data);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
// OO iframe
|
// OO iframe
|
||||||
var OOIframeObject = {};
|
var OOIframeObject = {};
|
||||||
var initOOIframe = function (cfg, cb) {
|
var initOOIframe = function (cfg, cb) {
|
||||||
|
|
|
@ -19,16 +19,9 @@ define([
|
||||||
}
|
}
|
||||||
var addRpc = function (sframeChan) {
|
var addRpc = function (sframeChan) {
|
||||||
// X2T
|
// X2T
|
||||||
var x2t;
|
|
||||||
var onConvert = function (obj, cb) {
|
|
||||||
x2t.convert(obj, cb);
|
|
||||||
};
|
|
||||||
sframeChan.on('Q_OO_CONVERT', function (obj, cb) {
|
sframeChan.on('Q_OO_CONVERT', function (obj, cb) {
|
||||||
if (x2t) { return void onConvert(obj, cb); }
|
obj.modal = 'x2t';
|
||||||
require(['/common/outer/x2t.js'], function (X2T) {
|
Utils.initUnsafeIframe(obj, cb);
|
||||||
x2t = X2T.start();
|
|
||||||
onConvert(obj, cb);
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
var addData = function (obj) {
|
var addData = function (obj) {
|
||||||
|
|
13
www/unsafeiframe/inner.html
Normal file
13
www/unsafeiframe/inner.html
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="height: 100%; background: transparent;">
|
||||||
|
<head>
|
||||||
|
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||||
|
<script async data-bootload="/unsafeiframe/inner.js" data-main="/common/sframe-boot.js?ver=1.7" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
|
||||||
|
<style>
|
||||||
|
html, body { display: none; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="cp-app-unsafeiframe" style="background: transparent;">
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
79
www/unsafeiframe/inner.js
Normal file
79
www/unsafeiframe/inner.js
Normal file
|
@ -0,0 +1,79 @@
|
||||||
|
define([
|
||||||
|
'jquery',
|
||||||
|
'/bower_components/chainpad-crypto/crypto.js',
|
||||||
|
'/bower_components/nthen/index.js',
|
||||||
|
'/common/sframe-common.js',
|
||||||
|
'/common/common-interface.js',
|
||||||
|
'/common/common-ui-elements.js',
|
||||||
|
'/common/common-util.js',
|
||||||
|
'/common/common-hash.js',
|
||||||
|
'/common/hyperscript.js',
|
||||||
|
'json.sortify',
|
||||||
|
'/customize/messages.js',
|
||||||
|
], function (
|
||||||
|
$,
|
||||||
|
Crypto,
|
||||||
|
nThen,
|
||||||
|
SFCommon,
|
||||||
|
UI,
|
||||||
|
UIElements,
|
||||||
|
Util,
|
||||||
|
Hash,
|
||||||
|
h,
|
||||||
|
Sortify,
|
||||||
|
Messages)
|
||||||
|
{
|
||||||
|
var APP = window.APP = {};
|
||||||
|
|
||||||
|
var andThen = function (common) {
|
||||||
|
var metadataMgr = common.getMetadataMgr();
|
||||||
|
var sframeChan = common.getSframeChannel();
|
||||||
|
var $body = $('body');
|
||||||
|
var displayed;
|
||||||
|
|
||||||
|
var create = {};
|
||||||
|
|
||||||
|
var x2t;
|
||||||
|
var onConvert = function (obj, cb) {
|
||||||
|
x2t.convert(obj, cb);
|
||||||
|
};
|
||||||
|
create['x2t'] = function (obj, cb) {
|
||||||
|
if (x2t) { return void onConvert(obj, cb); }
|
||||||
|
require(['/common/outer/x2t.js'], function (X2T) {
|
||||||
|
x2t = X2T.start();
|
||||||
|
onConvert(obj, cb);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
sframeChan.on('Q_COMMAND', function (data, cb) {
|
||||||
|
if (!data) { return; }
|
||||||
|
var type = data.modal;
|
||||||
|
if (!create[type]) { return; }
|
||||||
|
create[type](data, cb);
|
||||||
|
});
|
||||||
|
|
||||||
|
UI.removeLoadingScreen();
|
||||||
|
};
|
||||||
|
|
||||||
|
var main = function () {
|
||||||
|
var common;
|
||||||
|
var _andThen = Util.once(andThen);
|
||||||
|
|
||||||
|
nThen(function (waitFor) {
|
||||||
|
$(waitFor(function () {
|
||||||
|
UI.addLoadingScreen({hideTips: true, hideLogo: true});
|
||||||
|
}));
|
||||||
|
SFCommon.create(waitFor(function (c) { APP.common = common = c; }));
|
||||||
|
}).nThen(function (/*waitFor*/) {
|
||||||
|
var metadataMgr = common.getMetadataMgr();
|
||||||
|
if (metadataMgr.getMetadataLazy() !== 'uninitialized') {
|
||||||
|
_andThen(common);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
metadataMgr.onChange(function () {
|
||||||
|
_andThen(common);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
main();
|
||||||
|
});
|
134
www/unsafeiframe/main.js
Normal file
134
www/unsafeiframe/main.js
Normal file
|
@ -0,0 +1,134 @@
|
||||||
|
// Load #1, load as little as possible because we are in a race to get the loading screen up.
|
||||||
|
define([
|
||||||
|
'/bower_components/nthen/index.js',
|
||||||
|
'/api/config',
|
||||||
|
'jquery',
|
||||||
|
'/common/requireconfig.js',
|
||||||
|
'/customize/messages.js',
|
||||||
|
], function (nThen, ApiConfig, $, RequireConfig, Messages) {
|
||||||
|
var requireConfig = RequireConfig();
|
||||||
|
|
||||||
|
var ready = false;
|
||||||
|
|
||||||
|
var create = function (config) {
|
||||||
|
// Loaded in load #2
|
||||||
|
var sframeChan;
|
||||||
|
nThen(function (waitFor) {
|
||||||
|
$(waitFor());
|
||||||
|
}).nThen(function (waitFor) {
|
||||||
|
var req = {
|
||||||
|
cfg: requireConfig,
|
||||||
|
req: [ '/common/loading.js' ],
|
||||||
|
pfx: window.location.origin,
|
||||||
|
};
|
||||||
|
window.rc = requireConfig;
|
||||||
|
window.apiconf = ApiConfig;
|
||||||
|
$('#sbox-unsafe-iframe').attr('src',
|
||||||
|
ApiConfig.httpUnsafeOrigin + '/unsafeiframe/inner.html?' + requireConfig.urlArgs +
|
||||||
|
'#' + encodeURIComponent(JSON.stringify(req))).attr("sandbox", "");
|
||||||
|
|
||||||
|
// This is a cheap trick to avoid loading sframe-channel in parallel with the
|
||||||
|
// loading screen setup.
|
||||||
|
var done = waitFor();
|
||||||
|
var onMsg = function (msg) {
|
||||||
|
var data = typeof(msg.data) === "object" ? msg.data : JSON.parse(msg.data);
|
||||||
|
if (data.q !== 'READY') { return; }
|
||||||
|
window.removeEventListener('message', onMsg);
|
||||||
|
var _done = done;
|
||||||
|
done = function () { };
|
||||||
|
_done();
|
||||||
|
};
|
||||||
|
window.addEventListener('message', onMsg);
|
||||||
|
}).nThen(function (/*waitFor*/) {
|
||||||
|
var Cryptpad = config.modules.Cryptpad;
|
||||||
|
var Utils = config.modules.Utils;
|
||||||
|
|
||||||
|
nThen(function (waitFor) {
|
||||||
|
// The inner iframe tries to get some data from us every ms (cache, store...).
|
||||||
|
// It will send a "READY" message and wait for our answer with the correct txid.
|
||||||
|
// First, we have to answer to this message, otherwise we're going to block
|
||||||
|
// sframe-boot.js. Then we can start the channel.
|
||||||
|
var msgEv = Utils.Util.mkEvent();
|
||||||
|
var iframe = $('#sbox-unsafe-iframe')[0].contentWindow;
|
||||||
|
var postMsg = function (data) {
|
||||||
|
iframe.postMessage(data, '*');
|
||||||
|
};
|
||||||
|
var w = waitFor();
|
||||||
|
var whenReady = function (msg) {
|
||||||
|
if (msg.source !== iframe) { return; }
|
||||||
|
var data = JSON.parse(msg.data);
|
||||||
|
if (!data.txid) { return; }
|
||||||
|
// Remove the listener once we've received the READY message
|
||||||
|
window.removeEventListener('message', whenReady);
|
||||||
|
// Answer with the requested data
|
||||||
|
postMsg(JSON.stringify({ txid: data.txid, language: Cryptpad.getLanguage(), localStore: window.localStore, cache: window.cpCache }));
|
||||||
|
|
||||||
|
// Then start the channel
|
||||||
|
window.addEventListener('message', function (msg) {
|
||||||
|
if (msg.source !== iframe) { return; }
|
||||||
|
msgEv.fire(msg);
|
||||||
|
});
|
||||||
|
config.modules.SFrameChannel.create(msgEv, postMsg, waitFor(function (sfc) {
|
||||||
|
sframeChan = sfc;
|
||||||
|
}));
|
||||||
|
w();
|
||||||
|
};
|
||||||
|
window.addEventListener('message', whenReady);
|
||||||
|
}).nThen(function () {
|
||||||
|
var updateMeta = function () {
|
||||||
|
var metaObj;
|
||||||
|
nThen(function (waitFor) {
|
||||||
|
Cryptpad.getMetadata(waitFor(function (err, n) {
|
||||||
|
if (err) {
|
||||||
|
waitFor.abort();
|
||||||
|
return void console.log(err);
|
||||||
|
}
|
||||||
|
metaObj = n;
|
||||||
|
}));
|
||||||
|
}).nThen(function (/*waitFor*/) {
|
||||||
|
metaObj.doc = {};
|
||||||
|
var additionalPriv = {
|
||||||
|
fileHost: ApiConfig.fileHost,
|
||||||
|
loggedIn: Utils.LocalStore.isLoggedIn(),
|
||||||
|
origin: window.location.origin,
|
||||||
|
pathname: window.location.pathname,
|
||||||
|
feedbackAllowed: Utils.Feedback.state,
|
||||||
|
};
|
||||||
|
for (var k in additionalPriv) { metaObj.priv[k] = additionalPriv[k]; }
|
||||||
|
|
||||||
|
sframeChan.event('EV_METADATA_UPDATE', metaObj);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
Cryptpad.onMetadataChanged(updateMeta);
|
||||||
|
sframeChan.onReg('EV_METADATA_UPDATE', updateMeta);
|
||||||
|
|
||||||
|
config.addCommonRpc(sframeChan, true);
|
||||||
|
|
||||||
|
sframeChan.onReady(function () {
|
||||||
|
if (ready === true) { return; }
|
||||||
|
if (typeof ready === "function") {
|
||||||
|
ready();
|
||||||
|
}
|
||||||
|
ready = true;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
var refresh = function (data, cb) {
|
||||||
|
if (!ready) {
|
||||||
|
ready = function () {
|
||||||
|
refresh(data, cb);
|
||||||
|
};
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
sframeChan.query('Q_COMMAND', data, function (err, obj) {
|
||||||
|
cb(obj);
|
||||||
|
}, {raw: true});
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
refresh: refresh
|
||||||
|
};
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
create: create
|
||||||
|
};
|
||||||
|
});
|
Loading…
Reference in a new issue