Clean up appState module, move to common, simplify events (#2676)

* Refactor appState into class, simplify events * Move appState to common module, make case for object consistent * Naming change * Update name
2023-04-14 12:09:33 -04:00
parent c0dddd88ee
commit 1428ba694b
13 changed files with 132 additions and 156 deletions
--- a/src/common/appState.ts
+++ b/src/common/appState.ts
@@ -0,0 +1,82 @@
+// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {EventEmitter} from 'events';
+
+import {UPDATE_APPSTATE, UPDATE_APPSTATE_TOTALS, UPDATE_APPSTATE_FOR_VIEW_ID} from 'common/communication';
+import ServerManager from 'common/servers/serverManager';
+import {Logger} from 'common/log';
+
+const log = new Logger('AppState');
+
+export class AppState extends EventEmitter {
+    private expired: Map<string, boolean>;
+    private mentions: Map<string, number>;
+    private unreads: Map<string, boolean>;
+
+    constructor() {
+        super();
+
+        this.expired = new Map();
+        this.mentions = new Map();
+        this.unreads = new Map();
+    }
+
+    updateExpired = (viewId: string, expired: boolean) => {
+        ServerManager.getViewLog(viewId, 'AppState').silly('updateExpired', expired);
+
+        this.unreads.set(viewId, expired);
+        this.emitStatusForView(viewId);
+    }
+
+    updateMentions = (viewId: string, mentions: number) => {
+        ServerManager.getViewLog(viewId, 'AppState').silly('updateMentions', mentions);
+
+        this.mentions.set(viewId, mentions);
+        this.emitStatusForView(viewId);
+    };
+
+    updateUnreads = (viewId: string, unreads: boolean) => {
+        ServerManager.getViewLog(viewId, 'AppState').silly('updateUnreads', unreads);
+
+        this.unreads.set(viewId, unreads);
+        this.emitStatusForView(viewId);
+    };
+
+    clear = (viewId: string) => {
+        ServerManager.getViewLog(viewId, 'AppState').silly('clear');
+
+        this.expired.delete(viewId);
+        this.mentions.delete(viewId);
+        this.unreads.delete(viewId);
+    }
+
+    emitStatus = () => {
+        log.silly('emitStatus');
+
+        this.emit(UPDATE_APPSTATE,
+            this.expired,
+            this.mentions,
+            this.unreads,
+        );
+        this.emit(UPDATE_APPSTATE_TOTALS,
+            [...this.expired.values()].some((value) => value),
+            [...this.mentions.values()].reduce((total, value) => total + value, 0),
+            [...this.unreads.values()].some((value) => value),
+        );
+    };
+
+    private emitStatusForView = (viewId: string) => {
+        this.emit(UPDATE_APPSTATE_FOR_VIEW_ID,
+            viewId,
+            this.expired.get(viewId) || false,
+            this.mentions.get(viewId) || 0,
+            this.unreads.get(viewId) || false,
+        );
+
+        this.emitStatus();
+    };
+}
+
+const appState = new AppState();
+export default appState;