implement auto reconnect

2026-04-01 08:29:39 +00:00
parent c52d7b7685
commit 9d400a9929
82 changed files with 8340 additions and 7641 deletions
@@ -6,76 +6,83 @@ import ChatViewModel from "../Chat/chatViewModel";
 import CoreViewModel from "../Global/coreViewModel";

 export default class MessagePageViewModel {
-  chatViewModel: ChatViewModel;
+    chatViewModel: ChatViewModel;

-  // state
-  chatMessageViewModels: React.MapState<ChatMessageViewModel> =
-    new React.MapState();
-  composingMessage: React.State<string> = new React.State("");
+    // state
+    chatMessageViewModels: React.MapState<ChatMessageViewModel> =
+        new React.MapState();
+    composingMessage: React.State<string> = new React.State("");

-  // guards
-  cannotSendMessage: React.State<boolean>;
+    // guards
+    cannotSendMessage: React.State<boolean>;

-  // methods
-  sendMessage = (): void => {
-    if (this.cannotSendMessage.value == true) return;
+    // methods
+    sendMessage = (): void => {
+        if (this.cannotSendMessage.value == true) return;

-    this.sendMessageFromBody(this.composingMessage.value);
-    this.composingMessage.value = "";
-  };
+        this.sendMessageFromBody(this.composingMessage.value);
+        this.composingMessage.value = "";
+    };

-  sendMessageFromBody = (body: string): void => {
-    this.chatViewModel.chatModel.sendMessage(body);
-  };
+    sendMessageFromBody = (body: string): void => {
+        this.chatViewModel.chatModel.sendMessage(body);
+    };

-  decryptMessage = async (
-    messageViewModel: ChatMessageViewModel
-  ): Promise<void> => {
-    const chatMessage: ChatMessage = messageViewModel.chatMessage;
-    await this.chatViewModel.chatModel.decryptMessage(chatMessage);
-    this.chatViewModel.chatModel.addMessage(chatMessage);
-    messageViewModel.loadData();
-  };
+    decryptMessage = async (
+        messageViewModel: ChatMessageViewModel,
+    ): Promise<void> => {
+        const chatMessage: ChatMessage = messageViewModel.chatMessage;
+        await this.chatViewModel.chatModel.decryptMessage(chatMessage);
+        this.chatViewModel.chatModel.addMessage(chatMessage);
+        messageViewModel.loadData();
+    };

-  // view
-  showChatMessage = (chatMessage: ChatMessage): void => {
-    const chatMessageViewModel = new ChatMessageViewModel(
-      this.coreViewModel,
-      this,
-      chatMessage,
-      chatMessage.sender == this.chatViewModel.settingsViewModel.username.value
-    );
+    // view
+    showChatMessage = (chatMessage: ChatMessage): void => {
+        const chatMessageViewModel = new ChatMessageViewModel(
+            this.coreViewModel,
+            this,
+            chatMessage,
+            chatMessage.sender ==
+                this.chatViewModel.settingsViewModel.username.value,
+        );

-    const existingChatMessageViewModel: ChatMessageViewModel | undefined =
-      this.chatMessageViewModels.value.get(chatMessage.id);
-    if (existingChatMessageViewModel != undefined) {
-      existingChatMessageViewModel.body.value = chatMessage.body;
-      existingChatMessageViewModel.status.value = chatMessage.status;
-    } else {
-      this.chatMessageViewModels.set(chatMessage.id, chatMessageViewModel);
+        const existingChatMessageViewModel: ChatMessageViewModel | undefined =
+            this.chatMessageViewModels.value.get(chatMessage.id);
+        if (existingChatMessageViewModel != undefined) {
+            existingChatMessageViewModel.body.value = chatMessage.body;
+            existingChatMessageViewModel.status.value = chatMessage.status;
+        } else {
+            this.chatMessageViewModels.set(
+                chatMessage.id,
+                chatMessageViewModel,
+            );
+        }
+    };
+
+    // load
+    loadData = (): void => {
+        this.chatMessageViewModels.clear();
+        for (const chatMessage of this.chatViewModel.chatModel.messages) {
+            this.showChatMessage(chatMessage);
+        }
+    };
+
+    // init
+    constructor(
+        public coreViewModel: CoreViewModel,
+        chatViewModel: ChatViewModel,
+    ) {
+        this.chatViewModel = chatViewModel;
+
+        this.cannotSendMessage = React.createProxyState(
+            [
+                this.chatViewModel.settingsViewModel.username,
+                this.composingMessage,
+            ],
+            () =>
+                this.chatViewModel.settingsViewModel.username.value == "" ||
+                this.composingMessage.value == "",
+        );
    }
-  };
-
-  // load
-  loadData = (): void => {
-    this.chatMessageViewModels.clear();
-    for (const chatMessage of this.chatViewModel.chatModel.messages) {
-      this.showChatMessage(chatMessage);
-    }
-  };
-
-  // init
-  constructor(
-    public coreViewModel: CoreViewModel,
-    chatViewModel: ChatViewModel
-  ) {
-    this.chatViewModel = chatViewModel;
-
-    this.cannotSendMessage = React.createProxyState(
-      [this.chatViewModel.settingsViewModel.username, this.composingMessage],
-      () =>
-        this.chatViewModel.settingsViewModel.username.value == "" ||
-        this.composingMessage.value == ""
-    );
-  }
 }