rename frontend to web and update contributing guide (#2509)

* rename frontend to web and update contributing guide

* rename this time

* fix build

* restructure rust code

* update documentation

* update descriptions

* Update CONTRIBUTING.md

Co-authored-by: J H <2364004+Blu-J@users.noreply.github.com>

---------

Co-authored-by: Aiden McClelland <me@drbonez.dev>
Co-authored-by: Aiden McClelland <3732071+dr-bonez@users.noreply.github.com>
Co-authored-by: J H <2364004+Blu-J@users.noreply.github.com>

web/projects/ui/src/app/services/patch-data.service.ts

@@ -0,0 +1,69 @@
+import { Inject, Injectable } from '@angular/core'
+import { ModalController } from '@ionic/angular'
+import { Observable } from 'rxjs'
+import { filter, share, switchMap, take, tap } from 'rxjs/operators'
+import { PatchDB } from 'patch-db-client'
+import { DataModel, UIData } from 'src/app/services/patch-db/data-model'
+import { EOSService } from 'src/app/services/eos.service'
+import { OSWelcomePage } from 'src/app/modals/os-welcome/os-welcome.page'
+import { ConfigService } from 'src/app/services/config.service'
+import { ApiService } from 'src/app/services/api/embassy-api.service'
+import { MarketplaceService } from 'src/app/services/marketplace.service'
+import { AbstractMarketplaceService } from '@start9labs/marketplace'
+import { ConnectionService } from 'src/app/services/connection.service'
+
+// Get data from PatchDb after is starts and act upon it
+@Injectable({
+  providedIn: 'root',
+})
+export class PatchDataService extends Observable<DataModel> {
+  private readonly stream$ = this.connectionService.connected$.pipe(
+    filter(Boolean),
+    switchMap(() => this.patch.watch$()),
+    take(1),
+    tap(({ ui }) => {
+      // check for updates to eOS and services
+      this.checkForUpdates()
+      // show eos welcome message
+      this.showEosWelcome(ui['ack-welcome'])
+    }),
+    share(),
+  )
+
+  constructor(
+    private readonly patch: PatchDB<DataModel>,
+    private readonly eosService: EOSService,
+    private readonly config: ConfigService,
+    private readonly modalCtrl: ModalController,
+    private readonly embassyApi: ApiService,
+    @Inject(AbstractMarketplaceService)
+    private readonly marketplaceService: MarketplaceService,
+    private readonly connectionService: ConnectionService,
+  ) {
+    super(subscriber => this.stream$.subscribe(subscriber))
+  }
+
+  private checkForUpdates(): void {
+    this.eosService.loadEos()
+    this.marketplaceService.getMarketplace$().pipe(take(1)).subscribe()
+  }
+
+  private async showEosWelcome(ackVersion: string): Promise<void> {
+    if (this.config.skipStartupAlerts || ackVersion === this.config.version) {
+      return
+    }
+
+    const modal = await this.modalCtrl.create({
+      component: OSWelcomePage,
+      presentingElement: await this.modalCtrl.getTop(),
+      backdropDismiss: false,
+    })
+    modal.onWillDismiss().then(() => {
+      this.embassyApi
+        .setDbValue<string>(['ack-welcome'], this.config.version)
+        .catch()
+    })
+
+    await modal.present()
+  }
+}