rework modals and more

ui/src/app/services/patch-db/patch-db.service.ts

@@ -0,0 +1,89 @@
+import { Inject, Injectable, InjectionToken } from '@angular/core'
+import { Bootstrapper, PatchDB, Source, Store } from 'patch-db-client'
+import { BehaviorSubject, Observable, of, Subscription } from 'rxjs'
+import { catchError, debounceTime, map, tap } from 'rxjs/operators'
+import { DataModel } from './data-model'
+
+export const BOOTSTRAPPER = new InjectionToken<Bootstrapper<DataModel>>('app.config')
+export const PATCH_SOURCE = new InjectionToken<Source<DataModel>>('app.config')
+
+export enum ConnectionStatus {
+  Initializing = 'initializing',
+  Connected = 'connected',
+  Disconnected = 'disconnected',
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class PatchDbModel {
+  connectionStatus$ = new BehaviorSubject(ConnectionStatus.Initializing)
+  private patchDb: PatchDB<DataModel>
+  private patchSub: Subscription
+
+  constructor (
+    @Inject(BOOTSTRAPPER) private readonly bootstrapper: Bootstrapper<DataModel>,
+    @Inject(PATCH_SOURCE) private readonly sources: Source<DataModel>[],
+  ) { }
+
+  async init (): Promise<void> {
+    const cache = await this.bootstrapper.init()
+    this.patchDb = new PatchDB(this.sources, cache)
+  }
+
+  start (): void {
+    // make sure everything is stopped before initializing
+    this.stop()
+    try {
+      this.patchSub = this.patchDb.sync$()
+      .pipe(debounceTime(500))
+      .subscribe({
+        next: cache => {
+          console.log('saving cacheee: ', cache)
+          this.connectionStatus$.next(ConnectionStatus.Connected)
+          this.bootstrapper.update(cache)
+        },
+        error: e => {
+          console.error('patch-db-sync sub ERROR', e)
+          this.connectionStatus$.next(ConnectionStatus.Disconnected)
+          // this.start()
+        },
+        complete: () => {
+          console.error('patch-db-sync sub COMPLETE')
+        },
+      })
+    } catch (e) {
+      console.log('Failed to initialize PatchDB', e)
+    }
+  }
+
+  stop (): void {
+    if (this.patchSub) {
+      this.patchSub.unsubscribe()
+      this.patchSub = undefined
+    }
+  }
+
+  connected$ (): Observable<boolean> {
+    return this.connectionStatus$
+    .pipe(
+      map(status => status === ConnectionStatus.Connected),
+    )
+  }
+
+  watchConnection$ (): Observable<ConnectionStatus> {
+    return this.connectionStatus$.asObservable()
+  }
+
+  watch$: Store<DataModel> ['watch$'] = (...args: (string | number)[]): Observable<DataModel> => {
+    // console.log('WATCHING')
+    return this.patchDb.store.watch$(...(args as [])).pipe(
+      tap(cache => console.log('CHANGE IN STORE', cache)),
+      catchError(e => {
+        console.error(e)
+        return of(e.message)
+      }),
+      // finalize(() => console.log('unSUBSCRIBing')),
+    )
+  }
+}