feat(mobx): add message queue store

src/mobx/State.ts

@@ -10,6 +10,7 @@ import Draft from "./stores/Draft";
 import Experiments from "./stores/Experiments";
 import Layout from "./stores/Layout";
 import LocaleOptions from "./stores/LocaleOptions";
+import MessageQueue from "./stores/MessageQueue";
 import NotificationOptions from "./stores/NotificationOptions";
 import ServerConfig from "./stores/ServerConfig";
 
@@ -24,6 +25,7 @@ export default class State {
     layout: Layout;
     config: ServerConfig;
     notifications: NotificationOptions;
+    queue: MessageQueue;
 
     private persistent: [string, Persistent<unknown>][] = [];
 
@@ -38,6 +40,7 @@ export default class State {
         this.layout = new Layout();
         this.config = new ServerConfig();
         this.notifications = new NotificationOptions();
+        this.queue = new MessageQueue();
 
         makeAutoObservable(this);
         this.registerListeners = this.registerListeners.bind(this);

src/mobx/stores/MessageQueue.ts

@@ -0,0 +1,84 @@
+import {
+    action,
+    computed,
+    IObservableArray,
+    makeAutoObservable,
+    observable,
+} from "mobx";
+
+import Store from "../interfaces/Store";
+
+export enum QueueStatus {
+    SENDING = "sending",
+    ERRORED = "errored",
+}
+
+export interface Reply {
+    id: string;
+    mention: boolean;
+}
+
+export type QueuedMessageData = {
+    _id: string;
+    author: string;
+    channel: string;
+
+    content: string;
+    replies: Reply[];
+};
+
+export interface QueuedMessage {
+    id: string;
+    channel: string;
+    data: QueuedMessageData;
+    status: QueueStatus;
+    error?: string;
+}
+
+/**
+ * Handles waiting for messages to send and send failure.
+ */
+export default class MessageQueue implements Store {
+    private messages: IObservableArray<QueuedMessage>;
+
+    /**
+     * Construct new MessageQueue store.
+     */
+    constructor() {
+        this.messages = observable.array([]);
+        makeAutoObservable(this);
+    }
+
+    get id() {
+        return "queue";
+    }
+
+    @action add(id: string, channel: string, data: QueuedMessageData) {
+        this.messages.push({
+            id,
+            channel,
+            data,
+            status: QueueStatus.SENDING,
+        });
+    }
+
+    @action fail(id: string, error: string) {
+        const entry = this.messages.find((x) => x.id === id)!;
+        entry.status = QueueStatus.ERRORED;
+        entry.error = error;
+    }
+
+    @action start(id: string) {
+        const entry = this.messages.find((x) => x.id === id)!;
+        entry.status = QueueStatus.SENDING;
+    }
+
+    @action remove(id: string) {
+        const entry = this.messages.find((x) => x.id === id)!;
+        this.messages.remove(entry);
+    }
+
+    @computed get(channel: string) {
+        return this.messages.filter((x) => x.channel === channel);
+    }
+}