cryptpad/www/style/main.js

define([
    '/api/config?cb=' + Math.random().toString(16).substring(2),
    '/common/realtime-input.js',
    '/common/crypto.js',
    '/bower_components/textpatcher/TextPatcher.amd.js',
    '/bower_components/jquery/dist/jquery.min.js',
    '/customize/pad.js'
], function (Config, Realtime, Crypto, TextPatcher) { 
    // TODO consider adding support for less.js
    var $ = window.jQuery;

    var $style = $('style').first(),
        $edit = $('#edit');

    var module = window.APP = {};

    var key;
    var channel = '';
    if (!/#/.test(window.location.href)) {
        key = Crypto.genKey();    
    } else {
        var hash = window.location.hash.slice(1);
        channel = hash.slice(0, 32);
        key = hash.slice(32);
    }

    var config = {
        websocketURL: Config.websocketURL,
        channel: channel,
        cryptKey: key,
        crypto: Crypto,
    };

    var userName = module.userName = config.userName = Crypto.rand64(8);

    var lazyDraw = (function () {
        var to,
            delay = 500;
        return function (content) {
            if (to) { clearTimeout(to); }
            to = setTimeout(function () {
                $style.text(content);
            },delay);
        };
    }());

    var draw = function (content) { lazyDraw(content); };

    var initializing = true;

    var onInit = config.onInit = function (info) {
        window.location.hash = info.channel + key;
        var realtime = module.realtime = info.realtime;
        module.patchText = TextPatcher.create({
            realtime: realtime,
            logging: true,
        });

        $(window).on('hashchange', function() {
            window.location.reload();
        });
    };

    var onReady = config.onReady = function (info) {
        var userDoc = module.realtime.getUserDoc();
        draw(userDoc);
        console.log("Ready");
        initializing = false;
    };

    var onRemote = config.onRemote = function () {
        draw(module.realtime.getUserDoc());
    };

    var onAbort = config.onAbort = function (info) {
        // notify the user of the abort
        window.alert("Network Connection Lost");
    };

    var onLocal = config.onLocal = function () {
        // nope
    };


    $edit.attr('href', '/text/'+ window.location.hash);

    var rt = Realtime.start(config);
});