krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 22:57:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Real-time Chat (#7664)

Browse Source 
* feat(realtime-chat): add Pusher library to the server

* feat(realtime-chat): only for private groups

* feat(realtime-chat): add authentication endpoint for Pusher

* feat(realtime-chat): client proof of concept

* fix typo in apidoc

* feat(realtime-chat): redo authentication and write integration tests

* remove firebase code

* fix client side tests

* fix line ending in bower.json

* feat(realtime chat): use presence channels for parties, send events & disconnect clients if user leaves or is removed from party, automatically update UI

* pusher: enable all events in the background

* fix pusher integration tests
This commit is contained in:
Matteo Pagliazzi
2016-07-02 15:17:24 +02:00
committed by GitHub
parent 889c41fa18
commit 0880850408
26 changed files with 393 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
website/client/js/services/pusherService.js Normal file
View File

@@ -0,0 +1,94 @@
'use strict';
angular.module('habitrpg')
.factory('Pusher', ['$rootScope', 'STORAGE_SETTINGS_ID', 'Groups',
function($rootScope, STORAGE_SETTINGS_ID, Groups) {
var settings = JSON.parse(localStorage.getItem(STORAGE_SETTINGS_ID));
var IS_PUSHER_ENABLED = window.env['PUSHER:ENABLED'] === 'true';
var api = {
pusher: undefined,
socketId: undefined, // when defined the user is connected
};
// Setup chat channels once app is ready, only for parties for now
var clearAppLoadedListener = $rootScope.$watch('appLoaded', function (after) {
if (!after) return;
clearAppLoadedListener(); // clean the event listerner
if (!IS_PUSHER_ENABLED) return;
var user = $rootScope.user;
// Connect the user to Pusher and to the party's chat channel
var partyId = user && $rootScope.user.party && $rootScope.user.party._id;
if (!partyId) return;
api.pusher = new Pusher(window.env['PUSHER:KEY'], {
encrypted: true,
authEndpoint: '/api/v3/user/auth/pusher',
auth: {
headers: {
'x-api-user': settings && settings.auth && settings.auth.apiId,
'x-api-key': settings && settings.auth && settings.auth.apiToken,
},
},
});
api.pusher.connection.bind('error', function(err) {
console.error(err);
// TODO if( err.data.code === 4004 ) detected connection limit
});
api.pusher.connection.bind('connected', function () {
api.socketId = api.pusher.connection.socket_id;
});
var partyChannelName = 'presence-group-' + partyId;
var partyChannel = api.pusher.subscribe(partyChannelName);
// When an error occurs while joining the channel
partyChannel.bind('pusher:subscription_error', function(status) {
console.error('Impossible to join the Pusher channel for your party, status: ', status);
});
// When the user correctly enters the party channel
partyChannel.bind('pusher:subscription_succeeded', function(members) {
// TODO members = [{id, info}]
});
// When a member enters the party channel
partyChannel.bind('pusher:member_added', function(member) {
// TODO member = {id, info}
});
// When a member leaves the party channel
partyChannel.bind('pusher:member_removed', function(member) {
// TODO member = {id, info}
});
// When the user is booted from the party, they get disconnected from Pusher
partyChannel.bind('user-removed', function (data) {
if (data.userId === user._id) {
api.pusher.unsubscribe(partyChannelName);
}
});
// Same when the user leaves the party
partyChannel.bind('user-left', function (data) {
if (data.userId === user._id) {
api.pusher.unsubscribe(partyChannelName);
}
});
// When a new chat message is posted
partyChannel.bind('new-chat', function (data) {
Groups.party().then(function () {
// Groups.data.party.chat.unshift(data);
// Groups.data.party.chat.splice(200);
});
});
});
return api;
}]);