From 8786813626337001444a307633b9fc0a4a50860a Mon Sep 17 00:00:00 2001 From: Ben Willmore Date: Thu, 7 Apr 2022 13:10:20 +0100 Subject: [PATCH] Use newer reconnecting websocket and reconnect on focus Fixes failures to reconnect after web app has been dormant --- web-src/package.json | 2 +- web-src/src/App.vue | 8 +++++--- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/web-src/package.json b/web-src/package.json index d36e33d91b..87debbeb44 100644 --- a/web-src/package.json +++ b/web-src/package.json @@ -19,7 +19,7 @@ "mdi": "^2.2.43", "moment": "^2.29.1", "moment-duration-format": "^2.3.2", - "reconnectingwebsocket": "^1.0.0", + "reconnecting-websocket": "^4.4.0", "spotify-web-api-js": "^1.5.2", "string-to-color": "^2.2.2", "vue": "^3.2.31", diff --git a/web-src/src/App.vue b/web-src/src/App.vue index 675f0a2e92..da0a3b2f57 100644 --- a/web-src/src/App.vue +++ b/web-src/src/App.vue @@ -32,7 +32,7 @@ import ModalDialogRemotePairing from '@/components/ModalDialogRemotePairing.vue' import ModalDialogUpdate from '@/components/ModalDialogUpdate.vue' import webapi from '@/webapi' import * as types from '@/store/mutation_types' -import ReconnectingWebSocket from 'reconnectingwebsocket' +import ReconnectingWebSocket from 'reconnecting-websocket' import moment from 'moment' export default { @@ -180,8 +180,8 @@ export default { } const socket = new ReconnectingWebSocket(wsUrl, 'notify', { - reconnectInterval: 1000, - maxReconnectInterval: 2000 + minReconnectionDelay: 1000, + maxReconnectionDelay: 2000 }) socket.onopen = function () { @@ -246,6 +246,8 @@ export default { return } + socket.reconnect() + vm.update_outputs() vm.update_player_status() vm.update_library_stats()