Get the channel history
yflory
8 years ago
parent
525d35c9ec
commit
43c045721c
@ -0,0 +1,156 @@
|
|||||||
|
define([
|
||||||
|
'/bower_components/chainpad-json-validator/json-ot.js',
|
||||||
|
'/bower_components/chainpad-crypto/crypto.js',
|
||||||
|
'/bower_components/jquery/dist/jquery.min.js',
|
||||||
|
'/bower_components/chainpad/chainpad.dist.js',
|
||||||
|
], function (JsonOT, Crypto) {
|
||||||
|
var $ = window.jQuery;
|
||||||
|
var ChainPad = window.ChainPad;
|
||||||
|
var History = {};
|
||||||
|
|
||||||
|
|
||||||
|
/* TODO
|
||||||
|
* Implement GET_FULL_HISTORY serverside
|
||||||
|
* All the history messages should be ['FULL_HISTORY', wc.id, msg]
|
||||||
|
* Send [FULL_HISTORY_END, wc.id]
|
||||||
|
*
|
||||||
|
* We also need a chainpad without pruning and with the ability to get old messages
|
||||||
|
*/
|
||||||
|
var loadHistory = function (common, cb) {
|
||||||
|
var network = common.getNetwork();
|
||||||
|
var hkn = network.historyKeeper;
|
||||||
|
|
||||||
|
var wcId = common.hrefToHexChannelId(window.location.href);
|
||||||
|
|
||||||
|
var createRealtime = function(chan) {
|
||||||
|
console.log(ChainPad);
|
||||||
|
return ChainPad.create({
|
||||||
|
userName: 'history',
|
||||||
|
initialState: '',
|
||||||
|
transformFunction: JsonOT.validate,
|
||||||
|
logLevel: 0
|
||||||
|
});
|
||||||
|
};
|
||||||
|
var realtime = createRealtime();
|
||||||
|
|
||||||
|
var secret = Cryptpad.getSecrets();
|
||||||
|
var crypto = Crypto.createEncryptor(secret.keys);
|
||||||
|
|
||||||
|
var to = window.setTimeout(function () {
|
||||||
|
cb('[GET_FULL_HISTORY_TIMEOUT]');
|
||||||
|
}, 3000);
|
||||||
|
|
||||||
|
var parse = function (msg) {
|
||||||
|
try {
|
||||||
|
return JSON.parse(msg);
|
||||||
|
} catch (e) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var onMsg = function (msg) {
|
||||||
|
var parsed = parse(msg);
|
||||||
|
if (parsed[0] === 'FULL_HISTORY_END') {
|
||||||
|
window.clearTimeout(to);
|
||||||
|
cb(null, realtime);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (parsed[0] !== 'FULL_HISTORY') { return; }
|
||||||
|
var msg = parsed[1];
|
||||||
|
var decryptedMsg = crypto.decrypt(msg, secret.keys.validateKey);
|
||||||
|
realtime.message(decryptedMsg);
|
||||||
|
};
|
||||||
|
|
||||||
|
network.on('message', function (msg, sender) {
|
||||||
|
onMsg(msg);
|
||||||
|
});
|
||||||
|
|
||||||
|
network.sendto(hkn, JSON.stringify(['GET_FULL_HISTORY', wcId]));
|
||||||
|
};
|
||||||
|
|
||||||
|
var create = History.create = function (common, cb) {
|
||||||
|
var exp = {};
|
||||||
|
|
||||||
|
var states = exp.states = ['a', 'b', 'c'];
|
||||||
|
var c = exp.current = states.length - 1;
|
||||||
|
console.log(c);
|
||||||
|
|
||||||
|
var onUpdate;
|
||||||
|
|
||||||
|
var update = exp.update = function () {
|
||||||
|
states = [];
|
||||||
|
if (typeof onUpdate === "function") { onUpdate(); }
|
||||||
|
return states;
|
||||||
|
};
|
||||||
|
|
||||||
|
var get = exp.get = function (i) {
|
||||||
|
i = parseInt(i);
|
||||||
|
console.log('getting', i);
|
||||||
|
if (typeof(i) !== "number" || i < 0 || i > states.length - 1) { return; }
|
||||||
|
var hash = states[i];
|
||||||
|
c = i;
|
||||||
|
if (typeof onUpdate === "function") { onUpdate(); }
|
||||||
|
return '';
|
||||||
|
};
|
||||||
|
|
||||||
|
var getNext = exp.getNext = function () {
|
||||||
|
if (c < states.length - 1) { return get(++c); }
|
||||||
|
};
|
||||||
|
var getPrevious = exp.getPrevious = function () {
|
||||||
|
if (c > 0) { return get(--c); }
|
||||||
|
};
|
||||||
|
|
||||||
|
var display = exp.display = function ($toolbar, render, onClose) {
|
||||||
|
var $hist = $toolbar.find('.cryptpad-toolbar-history').html('').show();
|
||||||
|
var $left = $toolbar.find('.cryptpad-toolbar-leftside').hide();
|
||||||
|
var $right = $toolbar.find('.cryptpad-toolbar-rightside').hide();
|
||||||
|
|
||||||
|
var $prev =$('<button>', {'class': 'previous'}).text('<<').appendTo($hist);
|
||||||
|
var $next = $('<button>', {'class': 'next'}).text('>>').appendTo($hist);
|
||||||
|
|
||||||
|
var $nav = $('<div>', {'class': 'goto'}).appendTo($hist);
|
||||||
|
var $cur = $('<input>', {
|
||||||
|
'type' : 'number',
|
||||||
|
'min' : '1',
|
||||||
|
'max' : states.length
|
||||||
|
}).val(c + 1).appendTo($nav);
|
||||||
|
var $label = $('<label>').text(' / '+ states.length).appendTo($nav);
|
||||||
|
var $goTo = $('<button>').text('V').appendTo($nav);
|
||||||
|
$('<br>').appendTo($nav);
|
||||||
|
var $rev = $('<button>', {'class':'revertHistory'}).text('TODO: revert').appendTo($nav);
|
||||||
|
var $close = $('<button>', {'class':'closeHistory'}).text('TODO: close').appendTo($nav);
|
||||||
|
|
||||||
|
onUpdate = function () {
|
||||||
|
$cur.attr('max', exp.states.length);
|
||||||
|
$cur.val(c+1);
|
||||||
|
};
|
||||||
|
|
||||||
|
var toRender = function (getter) {
|
||||||
|
return function () { render(getter()) };
|
||||||
|
};
|
||||||
|
|
||||||
|
$prev.click(toRender(getPrevious));
|
||||||
|
$next.click(toRender(getNext));
|
||||||
|
$goTo.click(function () {
|
||||||
|
render( get($cur.val() - 1) )
|
||||||
|
});
|
||||||
|
|
||||||
|
$close.click(function () {
|
||||||
|
$hist.hide();
|
||||||
|
$left.show();
|
||||||
|
$right.show();
|
||||||
|
onClose();
|
||||||
|
});
|
||||||
|
|
||||||
|
render(get(c));
|
||||||
|
};
|
||||||
|
|
||||||
|
loadHistory(common, function (err, newRt) {
|
||||||
|
if (err) { throw new Error(err); }
|
||||||
|
realtime = exp.realtime = newRt;
|
||||||
|
cb(exp);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return History;
|
||||||
|
});
|
||||||
|
|
||||||
Loading…
Reference in New Issue