Save incoming messages and pass to frontend asynchronously

After a message is saved asynchronsly, fire an event and pass the
message attributes to frontend listeners via the chrome-runtime API.

This behavior is similar to the 'storage' event fired by localStorage.
This commit is contained in:
lilia 2014-11-16 13:19:51 -08:00
parent ced295a630
commit 470346c9c4
9 changed files with 110 additions and 85 deletions

View file

@ -25,7 +25,9 @@
if (textsecure.registration.isDone()) {
var conversations = new Whisper.ConversationCollection();
textsecure.subscribeToPush(function(message) {
conversations.addIncomingMessage(message);
conversations.addIncomingMessage(message).then(function(message) {
extension.trigger('message', message);
});
console.log("Got message from " + message.pushMessage.source + "." + message.pushMessage.sourceDevice +
': "' + getString(message.message.body) + '"');
var newUnreadCount = textsecure.storage.getUnencrypted("unreadCount", 0) + 1;

View file

@ -16,6 +16,7 @@
*/
(function () {
'use strict';
// Browser specific functions for Chrom*
window.extension = window.extension || {};
window.extension.navigator = (function () {
@ -33,7 +34,17 @@
return self;
}());
// Random shared utilities that are used only by chromium things
window.extension.trigger = function (name, object) {
chrome.runtime.sendMessage(null, { name: name, data: object });
};
window.extension.onMessage = function (name, callback) {
chrome.runtime.onMessage.addListener(function(e) {
if (e.name === name) {
callback(e.data);
}
});
};
window.textsecure = window.textsecure || {};
window.textsecure.registration = {

View file

@ -86,7 +86,7 @@
receiveMessage: function(decrypted) {
var conversation = this;
encodeAttachments(decrypted.message.attachments).then(function(base64_attachments) {
return encodeAttachments(decrypted.message.attachments).then(function(base64_attachments) {
var timestamp = decrypted.pushMessage.timestamp.toNumber();
var m = this.messages().add({
body: decrypted.message.body,
@ -97,18 +97,20 @@
type: 'incoming',
sender: decrypted.pushMessage.source
});
m.save();
if (timestamp > this.get('timestamp')) {
this.set('timestamp', timestamp);
}
this.save({unreadCount: this.get('unreadCount') + 1, active: true});
return m;
return new Promise(function (resolve) { m.save().then(resolve) });
}.bind(this));
},
fetch: function() {
return this.messageCollection.fetch({conditions: {conversationId: this.id }});
fetch: function(options) {
options = options || {};
options.conditions = {conversationId: this.id };
return this.messageCollection.fetch(options);
},
messages: function() {
@ -171,7 +173,7 @@
};
}
var conversation = this.add(attributes, {merge: true});
conversation.receiveMessage(decrypted);
return conversation.receiveMessage(decrypted);
},
destroyAll: function () {

View file

@ -18,47 +18,50 @@ var Whisper = Whisper || {};
(function () {
'use strict';
Whisper.ConversationView = Backbone.View.extend({
className: 'conversation',
initialize: function() {
this.listenTo(this.model, 'destroy', this.stopListening); // auto update
this.template = $('#conversation').html();
Mustache.parse(this.template);
this.$el.html(Mustache.render(this.template));
Whisper.ConversationView = Backbone.View.extend({
className: 'conversation',
initialize: function() {
this.listenTo(this.model, 'destroy', this.stopListening); // auto update
this.template = $('#conversation').html();
Mustache.parse(this.template);
this.$el.html(Mustache.render(this.template));
this.view = new Whisper.MessageListView({collection: this.model.messages()});
this.fileInput = new Whisper.FileInputView({
el: this.$el.find('.attachments')
});
this.fileInput = new Whisper.FileInputView({el: this.$el.find('.attachments')});
this.view = new Whisper.MessageListView({
collection: this.model.messages()
});
this.$el.find('.discussion-container').append(this.view.el);
this.model.messages().fetch({reset: true});
this.$el.find('.discussion-container').append(this.view.el);
window.addEventListener('storage', (function(){
this.model.messages().fetch();
}).bind(this));
},
events: {
'submit .send': 'sendMessage',
'close': 'remove'
},
this.model.fetch({reset: true});
extension.onMessage('message', this.model.fetch.bind(this.model));
},
sendMessage: function(e) {
e.preventDefault();
var input = this.$el.find('.send input');
var message = input.val();
var convo = this.model;
events: {
'submit .send': 'sendMessage',
'close': 'remove'
},
if (message.length > 0 || this.fileInput.hasFiles()) {
this.fileInput.getFiles().then(function(attachments) {
convo.sendMessage(message, attachments);
});
input.val("");
}
},
sendMessage: function(e) {
e.preventDefault();
var input = this.$el.find('.send input');
var message = input.val();
var convo = this.model;
render: function() {
Whisper.Layout.setContent(this.$el.show());
this.view.scrollToBottom();
return this;
}
});
if (message.length > 0 || this.fileInput.hasFiles()) {
this.fileInput.getFiles().then(function(attachments) {
convo.sendMessage(message, attachments);
});
input.val("");
}
},
render: function() {
Whisper.Layout.setContent(this.$el.show());
this.view.scrollToBottom();
return this;
}
});
})();

View file

@ -18,7 +18,7 @@ var Whisper = Whisper || {};
this.collection.each(function(model) {
var view = new this.itemView({model: model});
this.$el.prepend(view.render().el);
});
}, this);
},
});
})();