add basic heartbeat functinality througha ping/pong api cycle

1 files changed, 31 insertions, 0 deletions

diff --git a/src/client/util/PingManager.ts b/src/client/util/PingManager.ts
new file mode 100644
index 000000000..7562faf03
--- /dev/null
+++ b/src/client/util/PingManager.ts
@@ -0,0 +1,31 @@
+import { action, IReactionDisposer, observable, observe, reaction } from "mobx";
+import { Networking } from "../Network";
+export class PingManager {
+    // create static instance and getter for global use
+    @observable static _instance: PingManager;
+    static get Instance(): PingManager {
+        return PingManager._instance;
+    }
+
+    @observable isBeating: boolean = true;
+    private setIsBeating = action((status: boolean) => this.isBeating = status);
+
+    ping = async (): Promise<void> => {
+        try {
+            const response = await Networking.PostToServer('/ping', { date: new Date() });
+            // console.log('ping response', response, this.interval);
+            !this.isBeating && this.setIsBeating(true);
+        } catch {
+            console.error('ping error');
+            this.isBeating && this.setIsBeating(false);
+        }
+    }
+
+    // not used now, but may need to clear interval
+    private interval: NodeJS.Timeout | null = null;
+    INTERVAL_SECONDS = 1;
+    constructor() {
+        PingManager._instance = this;
+        this.interval = setInterval(this.ping, this.INTERVAL_SECONDS * 1000);
+    }
+}