update previous addresses on startup

dist/index.js

@@ -512,10 +512,10 @@
       const addressPath = this.getAddressPath(address);
       this.storageModel.remove(addressPath);
     };
-    getAddresses = () => {
+    get addresses() {
       const dirPath = storageKeys.previousAddresses;
       return this.storageModel.list(dirPath);
-    };
+    }
     // setup
     constructor(configuration) {
       this.udn = new UDNFrontend();
@@ -558,8 +558,7 @@
       if (this.connectionModel.address) {
         this.serverAddressInput.value = this.connectionModel.address;
       }
-      this.previousAddresses.clear();
+      this.updatePreviousAddresses();
-      this.previousAddresses.add(...this.connectionModel.getAddresses());
     };
     messageHandler = (data) => {
     };
@@ -577,6 +576,10 @@
     hideConnectionModal = () => {
       this.isShowingConnectionModal.value = false;
     };
+    updatePreviousAddresses = () => {
+      this.previousAddresses.clear();
+      this.previousAddresses.add(...this.connectionModel.addresses);
+    };
     // init
     constructor(storageModel2) {
       const connectionModel = new ConnectionModel({
@@ -585,6 +588,7 @@
         messageHandler: this.messageHandler
       });
       this.connectionModel = connectionModel;
+      this.updatePreviousAddresses();
     }
   };
 
@@ -751,7 +755,6 @@
 
   // src/index.tsx
   var storageModel = new StorageModel();
-  console.log(JSON.stringify(storageModel.storageEntryTree, null, 4));
   var settingsViewModel = new SettingsViewModel(storageModel);
   var connectionViewModel = new ConnectionViewModel(storageModel);
   document.querySelector("main").append(

src/Model/connectionModel.ts

@@ -59,7 +59,7 @@ export default class ConnectionModel {
     this.storageModel.remove(addressPath);
   };
 
-  getAddresses = (): string[] => {
+  get addresses(): string[] {
     const dirPath = storageKeys.previousAddresses;
     return this.storageModel.list(dirPath);
   };

src/ViewModel/connectionViewModel.tsx

@@ -36,9 +36,7 @@ export default class ConnectionViewModel {
     if (this.connectionModel.address) {
       this.serverAddressInput.value = this.connectionModel.address;
     }
-    
+    this.updatePreviousAddresses();
-    this.previousAddresses.clear();
-    this.previousAddresses.add(...this.connectionModel.getAddresses());
   };
 
   messageHandler = (data: Message): void => {};
@@ -61,6 +59,11 @@ export default class ConnectionViewModel {
     this.isShowingConnectionModal.value = false;
   };
 
+  updatePreviousAddresses = (): void => {
+    this.previousAddresses.clear();
+    this.previousAddresses.add(...this.connectionModel.addresses);
+  }
+
   // init
   constructor(storageModel: StorageModel) {
     const connectionModel = new ConnectionModel({
@@ -69,5 +72,7 @@ export default class ConnectionViewModel {
       messageHandler: this.messageHandler,
     });
     this.connectionModel = connectionModel;
+
+    this.updatePreviousAddresses();
   }
 }

src/index.tsx

@@ -6,7 +6,6 @@ import StorageModel from "./Model/storageModel";
 
 // models
 const storageModel = new StorageModel();
-console.log(JSON.stringify(storageModel.storageEntryTree, null, 4));
 
 // viewModels
 const settingsViewModel = new SettingsViewModel(storageModel);