handle new items through ViewModels

dist/index.js

@@ -531,6 +531,8 @@
     storageModel;
     chatModel;
     fileModel;
+    boardHandler = () => {
+    };
     // paths
     getBasePath = () => {
       return this.fileModel.getModelContainerPath("taskModel");
@@ -562,7 +564,7 @@
       }
     };
     handleBoard = (boardInfoFileContent) => {
-      this.storeBoard(boardInfoFileContent);
+      this.updateBoard(boardInfoFileContent);
     };
     handleTask = (taskFileContent) => {
       this.storeTask(taskFileContent);
@@ -574,6 +576,7 @@
       return boardInfoFileContent;
     };
     updateBoard = (boardInfoFileContent) => {
+      this.boardHandler(boardInfoFileContent);
       this.storeBoard(boardInfoFileContent);
       this.chatModel.sendMessage("", boardInfoFileContent);
     };
@@ -639,11 +642,16 @@
       this.storageModel.removeRecursively(taskFilePath);
       this.storageModel.removeRecursively(taskReferencePath);
     };
+    // other
+    setBoardHandler = (handler) => {
+      this.boardHandler = handler;
+    };
     // init
     constructor(storageModel2, chatModel, fileModel) {
       this.chatModel = chatModel;
       this.fileModel = fileModel;
       this.storageModel = storageModel2;
+      fileModel.setFileContentHandler(this.handleFileContent);
     }
     // utility
     static createBoardInfoFileContent = (fileId, name, color) => {
@@ -1394,7 +1402,7 @@
     taskModel;
     // state
     newBoardNameInput = new State("");
-    boardViewModels = new ListState();
+    boardViewModels = new MapState();
     // guards
     cannotCreateBoard = createProxyState(
       [this.newBoardNameInput],
@@ -1416,7 +1424,7 @@
     // view
     showBoard = (boardInfo) => {
       const boardViewModel = new BoardViewModel(this, boardInfo);
-      this.boardViewModels.add(boardViewModel);
+      this.boardViewModels.set(boardInfo.fileId, boardViewModel);
     };
     // load
     loadData = () => {
@@ -1431,6 +1439,9 @@
     // init
     constructor(taskModel, storageModel2) {
       this.taskModel = taskModel;
+      taskModel.setBoardHandler((boardInfoFileContent) => {
+        this.showBoard(boardInfoFileContent);
+      });
     }
   };
 
@@ -1484,11 +1495,6 @@
       chatModel.setMessageHandler((chatMessage) => {
         this.messagePageViewModel.showChatMessage(chatMessage);
       });
-      chatModel.fileModel.setFileContentHandler(
-        (fileContent) => {
-          this.taskPageViewModel.handleFileContent(fileContent);
-        }
-      );
       this.loadPageSelection();
     }
   };

src/Model/Files/fileModel.ts

@@ -20,7 +20,6 @@ export default class FileModel {
 
   fileContentHandler: (fileContent: FileContent<string>) => void = () => {};
 
-
   // paths
   getBasePath = (): string[] => {
     return StorageModel.getPath(

src/Model/Files/taskModel.ts

@@ -16,6 +16,8 @@ export default class TaskModel {
   chatModel: ChatModel;
   fileModel: FileModel;
 
+  boardHandler: (boardInfoFileContent: BoardInfoFileContent) => void = () => {};
+
   // paths
   getBasePath = (): string[] => {
     return this.fileModel.getModelContainerPath("taskModel");
@@ -60,7 +62,7 @@ export default class TaskModel {
   };
 
   handleBoard = (boardInfoFileContent: BoardInfoFileContent) => {
-    this.storeBoard(boardInfoFileContent);
+    this.updateBoard(boardInfoFileContent);
   };
 
   handleTask = (taskFileContent: TaskFileContent) => {
@@ -76,6 +78,7 @@ export default class TaskModel {
   };
 
   updateBoard = (boardInfoFileContent: BoardInfoFileContent): void => {
+    this.boardHandler(boardInfoFileContent);
     this.storeBoard(boardInfoFileContent);
     this.chatModel.sendMessage("", boardInfoFileContent);
   };
@@ -160,6 +163,13 @@ export default class TaskModel {
     this.storageModel.removeRecursively(taskReferencePath);
   };
 
+  // other
+  setBoardHandler = (
+    handler: (boardInfoFileContent: BoardInfoFileContent) => void
+  ): void => {
+    this.boardHandler = handler;
+  };
+
   // init
   constructor(
     storageModel: StorageModel,
@@ -169,6 +179,9 @@ export default class TaskModel {
     this.chatModel = chatModel;
     this.fileModel = fileModel;
     this.storageModel = storageModel;
+
+    // handlers
+    fileModel.setFileContentHandler(this.handleFileContent);
   }
 
   // utility

src/ViewModel/Chat/chatViewModel.ts

@@ -77,11 +77,6 @@ export default class ChatViewModel {
     chatModel.setMessageHandler((chatMessage: ChatMessage) => {
       this.messagePageViewModel.showChatMessage(chatMessage);
     });
-    chatModel.fileModel.setFileContentHandler(
-      (fileContent: FileContent<string>) => {
-        this.taskPageViewModel.handleFileContent(fileContent);
-      }
-    );
 
     // load
     this.loadPageSelection();

src/ViewModel/Pages/taskPageViewModel.ts

@@ -16,7 +16,7 @@ export default class TaskPageViewModel {
   // state
   newBoardNameInput: React.State<string> = new React.State("");
 
-  boardViewModels: React.ListState<BoardViewModel> = new React.ListState();
+  boardViewModels: React.MapState<BoardViewModel> = new React.MapState();
 
   // guards
   cannotCreateBoard: React.State<boolean> = React.createProxyState(
@@ -48,7 +48,7 @@ export default class TaskPageViewModel {
   // view
   showBoard = (boardInfo: BoardInfoFileContent): void => {
     const boardViewModel: BoardViewModel = new BoardViewModel(this, boardInfo);
-    this.boardViewModels.add(boardViewModel);
+    this.boardViewModels.set(boardInfo.fileId, boardViewModel);
   };
 
   // load
@@ -68,5 +68,10 @@ export default class TaskPageViewModel {
   // init
   constructor(taskModel: TaskModel, storageModel: StorageModel) {
     this.taskModel = taskModel;
+
+    // handlers
+    taskModel.setBoardHandler((boardInfoFileContent: BoardInfoFileContent) => {
+      this.showBoard(boardInfoFileContent);
+    });
   }
 }