feat: add update message in chat if available

Author: samuelmaddock

packages/metastream-app/src/containers/LobbyPage.tsx

@@ -27,6 +27,7 @@ import { NetworkError, NetworkErrorCode } from '../network/error'
 import { addChat } from '../lobby/actions/chat'
 import { MultiTabObserver } from '../utils/multitab'
 import { SafeBrowse } from '../services/safeBrowse'
+import { UpdateService } from 'services/updater'
 
 interface IRouteParams {
   lobbyId: string
@@ -233,6 +234,10 @@ export class _LobbyPage extends Component<PrivateProps, IState> {
     if (!this.host || this.supportsNetworking) {
       this.setupLobby()
     }
+
+    if (UpdateService.getInstance().isUpdateAvailable) {
+      this.props.dispatch(addChat({ content: `🆕 ${t('updateAvailable')}`, timestamp: Date.now() }))
+    }
   }
 
   private onLeaveScreen() {

packages/metastream-app/src/locale/en-US.ts

@@ -135,6 +135,8 @@ export default {
   toggleDJ: 'Toggle DJ',
   unlimited: 'Unlimited',
   unlockQueue: 'Unlock queue',
+  updateAvailable:
+    'An update for Metastream is available. Press the UPDATE button in the top-right to receive the update.',
   username: 'Username',
   users: 'Users',
   userJoined: '<Username id="{{userId}}">{{username}}</Username> has joined.',

packages/metastream-app/src/services/updater.ts

@@ -12,6 +12,8 @@ export class UpdateService extends EventEmitter {
     return updateService
   }
 
+  isUpdateAvailable: boolean = false
+
   private constructor() {
     super()
     this.checkForUpdate = this.checkForUpdate.bind(this)
@@ -32,9 +34,9 @@ export class UpdateService extends EventEmitter {
 
     if (!liveVersion) return
 
-    const isUpdateAvailable = VERSION !== liveVersion
+    this.isUpdateAvailable = VERSION !== liveVersion
 
-    if (isUpdateAvailable) {
+    if (this.isUpdateAvailable) {
       this.emit('update', liveVersion, VERSION)
     }
   }