hyperzlib
/
nodebb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor connection logic

Browse Source 
Aiming to be flatter, with less deep nesting. Still more to go here.
v1.18.x
Micheil Smith 11 years ago
parent 0bbd29ac42
commit 11b6794946
1 changed files with 128 additions and 122 deletions
Show Stats Download Patch File Download Diff File

250
public/src/app.js
Unescape Escape View File

@ -13,150 +13,156 @@ var socket,
(function () { (function () {
var showWelcomeMessage = false; var showWelcomeMessage = false;
var reconnecting = false;
function onSocketConnect(data) {
if (reconnecting) {
var reconnectEl = $('#reconnect');
reconnectEl.tooltip('destroy');
reconnectEl.html('<i class="fa fa-check"></i>');
reconnecting = false;
// Rejoin room that was left when we disconnected
var url_parts = document.location.pathname.slice(RELATIVE_PATH.length).split('/').slice(1);
var room;
switch(url_parts[0]) {
case 'user':
room = 'user/' + ajaxify.variables.get('theirid');
break;
case 'topic':
room = 'topic_' + url_parts[1];
break;
case 'category':
room = 'category_' + url_parts[1];
break;
case 'recent': // intentional fall-through
case 'unread':
room = 'recent_posts';
break;
case 'admin':
room = 'admin';
break;
default:
room = 'global';
break;
}
app.loadConfig = function() { app.enterRoom(room, true);
$.ajax({
url: RELATIVE_PATH + '/api/config',
success: function (data) {
config = data;
exposeConfigToTemplates(); socket.emit('meta.reconnected');
$(window).trigger('action:reconnected');
if(socket) { setTimeout(function() {
socket.disconnect(); reconnectEl.removeClass('active').addClass("hide");
setTimeout(function() { }, 3000);
socket.socket.connect(); }
}, 200);
} else {
var ioParams = {
'max reconnection attempts': config.maxReconnectionAttempts,
'reconnection delay': config.reconnectionDelay,
resource: RELATIVE_PATH.length ? RELATIVE_PATH.slice(1) + '/socket.io' : 'socket.io'
};
if (utils.isAndroidBrowser()) { socket.emit('meta.updateHeader', {
ioParams.transports = ['xhr-polling']; fields: ['username', 'picture', 'userslug']
} }, app.updateHeader);
}
socket = io.connect('', ioParams); function onConfigLoad(data) {
config = data;
var reconnecting = false, exposeConfigToTemplates();
reconnectEl, reconnectTimer;
socket.on('event:connect', function (data) { if(socket) {
app.username = data.username; socket.disconnect();
app.uid = data.uid; setTimeout(function() {
app.isAdmin = data.isAdmin; socket.socket.connect();
}, 200);
} else {
var ioParams = {
'max reconnection attempts': config.maxReconnectionAttempts,
'reconnection delay': config.reconnectionDelay,
resource: RELATIVE_PATH.length ? RELATIVE_PATH.slice(1) + '/socket.io' : 'socket.io'
};
if (utils.isAndroidBrowser()) {
ioParams.transports = ['xhr-polling'];
}
templates.setGlobal('loggedIn', parseInt(data.uid, 10) !== 0); socket = io.connect('', ioParams);
reconnecting = false;
app.showLoginMessage(); socket.on('event:connect', function (data) {
app.username = data.username;
app.uid = data.uid;
app.isAdmin = data.isAdmin;
socket.emit('meta.updateHeader', { templates.setGlobal('loggedIn', parseInt(data.uid, 10) !== 0);
fields: ['username', 'picture', 'userslug']
}, app.updateHeader);
$(window).trigger('action:connected'); app.showLoginMessage();
});
socket.on('event:alert', function (data) { socket.emit('meta.updateHeader', {
app.alert(data); fields: ['username', 'picture', 'userslug']
}); }, app.updateHeader);
socket.on('connect', function (data) { $(window).trigger('action:connected');
if (reconnecting) { });
reconnectEl.tooltip('destroy');
reconnectEl.html('<i class="fa fa-check"></i>');
reconnecting = false;
// Rejoin room that was left when we disconnected
var url_parts = document.location.pathname.slice(RELATIVE_PATH.length).split('/').slice(1),
room;
switch(url_parts[0]) {
case 'user':
room = 'user/' + ajaxify.variables.get('theirid');
break;
case 'topic':
room = 'topic_' + url_parts[1];
break;
case 'category':
room = 'category_' + url_parts[1];
break;
case 'recent': // intentional fall-through
case 'unread':
room = 'recent_posts';
break;
case 'admin':
room = 'admin';
break;
default:
room = 'global';
break;
}
app.enterRoom(room, true);
socket.emit('meta.reconnected');
$(window).trigger('action:reconnected');
setTimeout(function() {
reconnectEl.removeClass('active').addClass("hide");
}, 3000);
}
socket.emit('meta.updateHeader', {
fields: ['username', 'picture', 'userslug']
}, app.updateHeader);
});
socket.on('event:disconnect', function() { socket.on('event:alert', function (data) {
$(window).trigger('action:disconnected'); app.alert(data);
socket.socket.connect(); });
});
socket.on('reconnecting', function (data, attempt) { socket.on('connect', onSocketConnect);
if(attempt === config.maxReconnectionAttempts) {
socket.socket.reconnectionAttempts = 0;
socket.socket.reconnectionDelay = config.reconnectionDelay;
return;
}
reconnectEl = reconnectEl || $('#reconnect'); socket.on('event:disconnect', function() {
reconnecting = true; $(window).trigger('action:disconnected');
socket.socket.connect();
});
if (!reconnectEl.hasClass('active')) { socket.on('reconnecting', function (data, attempt) {
reconnectEl.html('<i class="fa fa-spinner fa-spin"></i>'); if(attempt === config.maxReconnectionAttempts) {
} socket.socket.reconnectionAttempts = 0;
socket.socket.reconnectionDelay = config.reconnectionDelay;
return;
}
reconnectEl.addClass('active').removeClass("hide").tooltip({ reconnecting = true;
placement: 'bottom' var reconnectEl = $('#reconnect');
});
});
socket.on('event:banned', function() { if (!reconnectEl.hasClass('active')) {
app.alert({ reconnectEl.html('<i class="fa fa-spinner fa-spin"></i>');
title: '[[global:alert.banned]]', }
message: '[[global:alert.banned.message]]',
type: 'warning',
timeout: 1000
});
setTimeout(app.logout, 1000); reconnectEl.addClass('active').removeClass("hide").tooltip({
}); placement: 'bottom'
});
});
socket.on('meta.updateHeader', app.updateHeader); socket.on('event:banned', function() {
app.alert({
title: '[[global:alert.banned]]',
message: '[[global:alert.banned.message]]',
type: 'warning',
timeout: 1000
});
setTimeout(app.logout, 1000);
});
app.enterRoom('global'); socket.on('meta.updateHeader', app.updateHeader);
if (config.environment === 'development' && console && console.log) { app.enterRoom('global');
var log = console.log;
console.log = function() { if (config.environment === 'development' && console && console.log) {
log.apply(this, arguments); var log = console.log;
socket.emit('tools.log', arguments); console.log = function() {
}; log.apply(this, arguments);
} socket.emit('tools.log', arguments);
} };
}, }
}
}
app.loadConfig = function() {
$.ajax({
url: RELATIVE_PATH + '/api/config',
success: onConfigLoad,
async: false async: false
}); });
}; };
@ -586,4 +592,4 @@ var socket,
app.loadConfig(); app.loadConfig();
app.alternatingTitle(''); app.alternatingTitle('');
}()); }());

Write Preview
Loading…
Cancel
Save