implement auto reconnect

src/ViewModel/Pages/taskPageViewModel.ts

@@ -1,7 +1,7 @@
 import * as React from "bloatless-react";
 
 import BoardsAndTasksModel, {
-  BoardInfoFileContent,
+    BoardInfoFileContent,
 } from "../../Model/Files/boardsAndTasksModel";
 
 import BoardViewModel from "./boardViewModel";
@@ -11,169 +11,169 @@ import { IndexManager } from "../../Model/Utility/utility";
 import StorageModel from "../../Model/Global/storageModel";
 
 export default class TaskPageViewModel {
-  storageModel: StorageModel;
-  boardsAndTasksModel: BoardsAndTasksModel;
+    storageModel: StorageModel;
+    boardsAndTasksModel: BoardsAndTasksModel;
 
-  // data
-  boardIndexManager: IndexManager<BoardViewModel> = new IndexManager(
-    (boardViewModel: BoardViewModel) => boardViewModel.name.value
-  );
-
-  // paths
-  getBasePath = (): string[] => {
-    return [...this.boardsAndTasksModel.getViewPath()];
-  };
-
-  getBoardViewPath = (boardId): string[] => {
-    return [...this.getBasePath(), boardId];
-  };
-
-  getLastUsedBoardPath = (): string[] => {
-    return [...this.getBasePath(), TaskPageViewModelSubPath.LastUsedBoard];
-  };
-
-  // state
-  newBoardNameInput: React.State<string> = new React.State("");
-
-  boardViewModels: React.MapState<BoardViewModel> = new React.MapState();
-
-  isShowingBoadList: React.State<boolean> = new React.State(true);
-
-  selectedBoardId: React.State<string | undefined> = new React.State<any>(
-    undefined
-  );
-
-  // guards
-  cannotCreateBoard: React.State<boolean> = React.createProxyState(
-    [this.newBoardNameInput],
-    () => this.newBoardNameInput.value == ""
-  );
-
-  // methods
-  createBoard = (): void => {
-    if (this.cannotCreateBoard.value == true) return;
-
-    const boardInfoFileContent: BoardInfoFileContent =
-      this.boardsAndTasksModel.createBoard(this.newBoardNameInput.value);
-    this.newBoardNameInput.value = "";
-
-    this.showBoardInList(boardInfoFileContent);
-    this.boardsAndTasksModel.updateBoardAndSend(boardInfoFileContent);
-    this.updateBoardIndices();
-  };
-
-  updateBoard = (boardInfoFileContent: BoardInfoFileContent): void => {
-    this.boardsAndTasksModel.updateBoardAndSend(boardInfoFileContent);
-    this.updateBoardIndices();
-  };
-
-  deleteBoard = (boardInfoFileContent: BoardInfoFileContent): void => {
-    this.boardsAndTasksModel.deleteBoard(boardInfoFileContent.fileId);
-    this.boardViewModels.remove(boardInfoFileContent.fileId);
-    this.updateBoardIndices();
-  };
-
-  // view
-  toggleBoardList = (): void => {
-    this.isShowingBoadList.value = !this.isShowingBoadList.value;
-  };
-
-  showBoardInList = (boardInfo: BoardInfoFileContent): void => {
-    const boardViewModel: BoardViewModel = new BoardViewModel(
-      this.coreViewModel,
-      this.chatViewModel,
-      this.storageModel,
-      this.boardsAndTasksModel,
-      this,
-      boardInfo
+    // data
+    boardIndexManager: IndexManager<BoardViewModel> = new IndexManager(
+        (boardViewModel: BoardViewModel) => boardViewModel.name.value,
     );
-    this.boardViewModels.set(boardInfo.fileId, boardViewModel);
 
-    this.chatViewModel.taskBoardSuggestions.set(boardInfo.fileId, [
-      boardInfo.fileId,
-      this.boardsAndTasksModel.getBoardName(boardInfo.fileId),
-    ]);
-  };
+    // paths
+    getBasePath = (): string[] => {
+        return [...this.boardsAndTasksModel.getViewPath()];
+    };
 
-  selectBoard = (boardViewModel: BoardViewModel): void => {
-    this.selectedBoardId.value = boardViewModel.boardInfo.fileId;
-    this.chatViewModel.displayedColor.value = boardViewModel.color.value;
+    getBoardViewPath = (boardId): string[] => {
+        return [...this.getBasePath(), boardId];
+    };
 
-    this.storeLastUsedBoard();
-  };
+    getLastUsedBoardPath = (): string[] => {
+        return [...this.getBasePath(), TaskPageViewModelSubPath.LastUsedBoard];
+    };
 
-  closeBoard = (): void => {
-    this.selectedBoardId.value = undefined;
-    this.chatViewModel.resetColor();
+    // state
+    newBoardNameInput: React.State<string> = new React.State("");
 
-    this.storeLastUsedBoard();
-  };
+    boardViewModels: React.MapState<BoardViewModel> = new React.MapState();
 
-  updateBoardIndices = (): void => {
-    this.boardIndexManager.update([...this.boardViewModels.value.values()]);
-    for (const boardViewModel of this.boardViewModels.value.values()) {
-      boardViewModel.updateIndex();
-    }
-  };
+    isShowingBoadList: React.State<boolean> = new React.State(true);
 
-  // storage
-  storeLastUsedBoard = (): void => {
-    const path: string[] = this.getLastUsedBoardPath();
-    const lastUsedBoardId: string = this.selectedBoardId.value ?? "";
-    this.storageModel.write(path, lastUsedBoardId);
-  };
+    selectedBoardId: React.State<string | undefined> = new React.State<any>(
+        undefined,
+    );
 
-  openLastUsedBoard = (): void => {
-    const path: string[] = this.getLastUsedBoardPath();
-    const lastUsedBoardId: string | null = this.storageModel.read(path);
-    if (lastUsedBoardId == null) return;
+    // guards
+    cannotCreateBoard: React.State<boolean> = React.createProxyState(
+        [this.newBoardNameInput],
+        () => this.newBoardNameInput.value == "",
+    );
 
-    const boardViewModel: BoardViewModel | undefined =
-      this.boardViewModels.value.get(lastUsedBoardId);
-    if (boardViewModel == undefined) return;
+    // methods
+    createBoard = (): void => {
+        if (this.cannotCreateBoard.value == true) return;
 
-    this.selectBoard(boardViewModel);
-  };
+        const boardInfoFileContent: BoardInfoFileContent =
+            this.boardsAndTasksModel.createBoard(this.newBoardNameInput.value);
+        this.newBoardNameInput.value = "";
 
-  // load
-  loadData = (): void => {
-    this.boardViewModels.clear();
-
-    const boardIds: string[] = this.boardsAndTasksModel.listBoardIds();
-    for (const boardId of boardIds) {
-      const boardInfo: BoardInfoFileContent | null =
-        this.boardsAndTasksModel.getBoardInfo(boardId);
-      if (boardInfo == null) continue;
-
-      this.showBoardInList(boardInfo);
-    }
-
-    this.updateBoardIndices();
-    this.openLastUsedBoard();
-  };
-
-  // init
-  constructor(
-    public coreViewModel: CoreViewModel,
-    public chatViewModel: ChatViewModel,
-    storageModel: StorageModel,
-    boardModel: BoardsAndTasksModel
-  ) {
-    this.storageModel = storageModel;
-    this.boardsAndTasksModel = boardModel;
-
-    this.chatViewModel = chatViewModel;
-
-    // handlers
-    boardModel.boardHandlerManager.addHandler(
-      (boardInfoFileContent: BoardInfoFileContent) => {
         this.showBoardInList(boardInfoFileContent);
+        this.boardsAndTasksModel.updateBoardAndSend(boardInfoFileContent);
         this.updateBoardIndices();
-      }
-    );
-  }
+    };
+
+    updateBoard = (boardInfoFileContent: BoardInfoFileContent): void => {
+        this.boardsAndTasksModel.updateBoardAndSend(boardInfoFileContent);
+        this.updateBoardIndices();
+    };
+
+    deleteBoard = (boardInfoFileContent: BoardInfoFileContent): void => {
+        this.boardsAndTasksModel.deleteBoard(boardInfoFileContent.fileId);
+        this.boardViewModels.remove(boardInfoFileContent.fileId);
+        this.updateBoardIndices();
+    };
+
+    // view
+    toggleBoardList = (): void => {
+        this.isShowingBoadList.value = !this.isShowingBoadList.value;
+    };
+
+    showBoardInList = (boardInfo: BoardInfoFileContent): void => {
+        const boardViewModel: BoardViewModel = new BoardViewModel(
+            this.coreViewModel,
+            this.chatViewModel,
+            this.storageModel,
+            this.boardsAndTasksModel,
+            this,
+            boardInfo,
+        );
+        this.boardViewModels.set(boardInfo.fileId, boardViewModel);
+
+        this.chatViewModel.taskBoardSuggestions.set(boardInfo.fileId, [
+            boardInfo.fileId,
+            this.boardsAndTasksModel.getBoardName(boardInfo.fileId),
+        ]);
+    };
+
+    selectBoard = (boardViewModel: BoardViewModel): void => {
+        this.selectedBoardId.value = boardViewModel.boardInfo.fileId;
+        this.chatViewModel.displayedColor.value = boardViewModel.color.value;
+
+        this.storeLastUsedBoard();
+    };
+
+    closeBoard = (): void => {
+        this.selectedBoardId.value = undefined;
+        this.chatViewModel.resetColor();
+
+        this.storeLastUsedBoard();
+    };
+
+    updateBoardIndices = (): void => {
+        this.boardIndexManager.update([...this.boardViewModels.value.values()]);
+        for (const boardViewModel of this.boardViewModels.value.values()) {
+            boardViewModel.updateIndex();
+        }
+    };
+
+    // storage
+    storeLastUsedBoard = (): void => {
+        const path: string[] = this.getLastUsedBoardPath();
+        const lastUsedBoardId: string = this.selectedBoardId.value ?? "";
+        this.storageModel.write(path, lastUsedBoardId);
+    };
+
+    openLastUsedBoard = (): void => {
+        const path: string[] = this.getLastUsedBoardPath();
+        const lastUsedBoardId: string | null = this.storageModel.read(path);
+        if (lastUsedBoardId == null) return;
+
+        const boardViewModel: BoardViewModel | undefined =
+            this.boardViewModels.value.get(lastUsedBoardId);
+        if (boardViewModel == undefined) return;
+
+        this.selectBoard(boardViewModel);
+    };
+
+    // load
+    loadData = (): void => {
+        this.boardViewModels.clear();
+
+        const boardIds: string[] = this.boardsAndTasksModel.listBoardIds();
+        for (const boardId of boardIds) {
+            const boardInfo: BoardInfoFileContent | null =
+                this.boardsAndTasksModel.getBoardInfo(boardId);
+            if (boardInfo == null) continue;
+
+            this.showBoardInList(boardInfo);
+        }
+
+        this.updateBoardIndices();
+        this.openLastUsedBoard();
+    };
+
+    // init
+    constructor(
+        public coreViewModel: CoreViewModel,
+        public chatViewModel: ChatViewModel,
+        storageModel: StorageModel,
+        boardModel: BoardsAndTasksModel,
+    ) {
+        this.storageModel = storageModel;
+        this.boardsAndTasksModel = boardModel;
+
+        this.chatViewModel = chatViewModel;
+
+        // handlers
+        boardModel.boardHandlerManager.addHandler(
+            (boardInfoFileContent: BoardInfoFileContent) => {
+                this.showBoardInList(boardInfoFileContent);
+                this.updateBoardIndices();
+            },
+        );
+    }
 }
 
 export enum TaskPageViewModelSubPath {
-  LastUsedBoard = "last-used-board",
+    LastUsedBoard = "last-used-board",
 }