|
|
@ -1,6 +1,7 @@ |
|
|
|
let liveEnabled = localStorage.getItem('live') == 'true'; |
|
|
|
let liveEnabled = localStorage.getItem('live') == 'true'; |
|
|
|
let scrollEnabled = localStorage.getItem('scroll') == 'true'; |
|
|
|
let scrollEnabled = localStorage.getItem('scroll') == 'true'; |
|
|
|
let socket; |
|
|
|
let socket; |
|
|
|
|
|
|
|
let socketPingInterval; |
|
|
|
let forceUpdate; |
|
|
|
let forceUpdate; |
|
|
|
|
|
|
|
|
|
|
|
window.addEventListener('settingsReady', function(event) { //after domcontentloaded
|
|
|
|
window.addEventListener('settingsReady', function(event) { //after domcontentloaded
|
|
|
@ -181,10 +182,19 @@ window.addEventListener('settingsReady', function(event) { //after domcontentloa |
|
|
|
reconnectionDelay: 3000, |
|
|
|
reconnectionDelay: 3000, |
|
|
|
reconnectionDelayMax: 15000, |
|
|
|
reconnectionDelayMax: 15000, |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
const socketPing = () => { |
|
|
|
|
|
|
|
const pingStart = Date.now(); |
|
|
|
|
|
|
|
socket.volatile.emit('ping', () => { |
|
|
|
|
|
|
|
const latency = Date.now() - pingStart; |
|
|
|
|
|
|
|
updateLive(`Connected for live posts (${latency}ms)`, '#0de600'); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
socket.on('connect', async () => { |
|
|
|
socket.on('connect', async () => { |
|
|
|
console.log('socket connected'); |
|
|
|
console.log('socket connected'); |
|
|
|
await fetchNewPosts(); |
|
|
|
await fetchNewPosts(); |
|
|
|
socket.emit('room', room); |
|
|
|
socket.emit('room', room); |
|
|
|
|
|
|
|
clearInterval(socketPingInterval); |
|
|
|
|
|
|
|
socketPingInterval = setInterval(socketPing, 10000); |
|
|
|
}); |
|
|
|
}); |
|
|
|
socket.on('message', (message) => { |
|
|
|
socket.on('message', (message) => { |
|
|
|
console.log(message, room); |
|
|
|
console.log(message, room); |
|
|
@ -192,11 +202,6 @@ window.addEventListener('settingsReady', function(event) { //after domcontentloa |
|
|
|
updateLive('Connected for live posts', '#0de600'); |
|
|
|
updateLive('Connected for live posts', '#0de600'); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
socket.on('pong', (latency) => { |
|
|
|
|
|
|
|
if (socket.connected) { |
|
|
|
|
|
|
|
updateLive(`Connected for live posts (${latency}ms)`, '#0de600'); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
socket.on('reconnect_attempt', () => { |
|
|
|
socket.on('reconnect_attempt', () => { |
|
|
|
updateLive('Attempting to reconnect...', 'yellow'); |
|
|
|
updateLive('Attempting to reconnect...', 'yellow'); |
|
|
|
}); |
|
|
|
}); |
|
|
|