Make it multiplayer

src/app/services/data.service.ts

@@ -1,72 +1,35 @@
 import { Injectable } from '@angular/core';
-import { StoreService } from './store.service';
-import { Page } from '../model/page';
 import { Root } from '../store/root';
-import { Serializable } from '../model/serializable';
-import { Tower } from '../model/tower';
-import { Block } from '../model/block';
-import { IPage } from '../interfaces/persistance/page';
+import { MapStoreService } from './map-store.service';
+import { Data } from '../model/data';
 
 @Injectable({
   providedIn: 'root'
 })
-export class DataService extends Root<Page> {
-  constructor(private storeService: StoreService<Array<IPage>>) {
+export class DataService extends Root<Data> {
+  private shouldSave = true;
+  constructor(private store: MapStoreService) {
     super();
-    this.init().catch();
-  }
 
-  get pages(): Array<Page> {
-    return this.children;
-  }
-
-  save(timeout: number) {
-    this.storeService.scheduleSave(this.pages, timeout);
-  }
-
-  addPage(name: string) {
-    const page = new Page({
-      name,
-      userData: {},
-      towers: []
-    });
-    this.addChildren([page]);
-    page.addTower();
-  }
-
-  removePage(page: Page) {
-    this.changeKeys<any>({
-      children: this.children.filter(c => c !== page)
-    });
-  }
-
-  private async init() {
-    const pages = await this.storeService.load();
-    Serializable.childrenMap = {
-      Page: {
-        childrenListName: 'towers',
-        childrenConstructor: Tower,
-        childrenType: 'Tower'
-      },
-      Tower: {
-        childrenListName: 'blocks',
-        childrenConstructor: Block,
-        childrenType: 'Block'
-      },
-      Block: {
-        childrenListName: null,
-        childrenConstructor: null,
-        childrenType: null
+    this.store.data.subscribe(d => {
+      if (d) {
+        this.shouldSave = false;
+        this.changeKeys({ children: [d] });
       }
-    };
+    });
+
     this.children$.subscribe(_ => {
       this.log();
     });
 
-    this.addChildren(pages.map(p => new Page(p)));
-
-    this.children$.subscribe(_ => {
-      this.save(0);
+    this.children$.subscribe(data => {
+      if (data && data.length && data[0]) {
+        if (!this.shouldSave) {
+          this.shouldSave = true;
+          return;
+        }
+        this.store.save(data[0]);
+      }
     });
   }
 }