cryptpad/www/filepicker/main.js

// 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',
], function (nThen, ApiConfig, $, RequireConfig) {
    var requireConfig = RequireConfig();

    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-filePicker-iframe').attr('src',
                ApiConfig.httpSafeOrigin + '/filepicker/inner.html?' + requireConfig.urlArgs +
                    '#' + encodeURIComponent(JSON.stringify(req)));

            // 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 = 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) {
                config.modules.SFrameChannel.create($('#sbox-filePicker-iframe')[0].contentWindow,
                    waitFor(function (sfc) {
                        sframeChan = sfc;
                    }));
            }).nThen(function () {
                var proxy = Cryptpad.getProxy();
                var updateMeta = function () {
                    //console.log('EV_METADATA_UPDATE');
                    var name;
                    nThen(function (waitFor) {
                        Cryptpad.getLastName(waitFor(function (err, n) {
                            if (err) { console.log(err); }
                            name = n;
                        }));
                    }).nThen(function (/*waitFor*/) {
                        sframeChan.event('EV_METADATA_UPDATE', {
                            doc: {},
                            user: {
                                name: name,
                                uid: Cryptpad.getUid(),
                                avatar: Cryptpad.getAvatarUrl(),
                                profile: Cryptpad.getProfileUrl(),
                                curvePublic: proxy.curvePublic,
                                netfluxId: Cryptpad.getNetwork().webChannels[0].myID,
                            },
                            priv: {
                                accountName: Utils.LocalStore.getAccountName(),
                                origin: window.location.origin,
                                pathname: window.location.pathname,
                                feedbackAllowed: Utils.Feedback.state,
                                friends: proxy.friends || {},
                                settings: proxy.settings || {},
                                types: config.types
                            }
                        });
                    });
                };
                Cryptpad.onDisplayNameChanged(updateMeta);
                sframeChan.onReg('EV_METADATA_UPDATE', updateMeta);
                proxy.on('change', 'settings', updateMeta);

                config.addCommonRpc(sframeChan);

                sframeChan.on('Q_GET_FILES_LIST', function (types, cb) {
                    console.error("TODO: make sure Q_GET_FILES_LIST is only available from filepicker");
                    Cryptpad.getSecureFilesList(types, function (err, data) {
                        cb({
                            error: err,
                            data: data
                        });
                    });
                });

                sframeChan.on('EV_FILE_PICKER_CLOSE', function () {
                    config.onClose();
                });
                sframeChan.on('EV_FILE_PICKED', function (data) {
                    config.onFilePicked(data);
                });
                sframeChan.on('Q_UPLOAD_FILE', function (data, cb) {
                    config.onFileUpload(sframeChan, data, cb);
                });
            });
        });
        var refresh = function (types) {
            if (!sframeChan) { return; }
            sframeChan.event('EV_FILE_PICKER_REFRESH', types);
        };
        return {
            refresh: refresh
        };
    };
    return {
        create: create
    };
});