[Feat] follow logs (#1714)

* tail logs

* add cli

* add FE

* abstract http to shared

* batch new logs

* file download for logs

* fix modal error when no config

Co-authored-by: Chris Guida <chrisguida@users.noreply.github.com>
Co-authored-by: Aiden McClelland <me@drbonez.dev>
Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>
Co-authored-by: BluJ <mogulslayer@gmail.com>

frontend/projects/ui/src/app/services/api/embassy-mock-api.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core'
-import { pauseFor } from '@start9labs/shared'
+import { pauseFor, Log, LogsRes } from '@start9labs/shared'
 import { ApiService } from './embassy-api.service'
 import { PatchOp, Update, Operation, RemoveOperation } from 'patch-db-client'
 import {
@@ -11,13 +11,14 @@ import {
   PackageState,
   ServerStatus,
 } from 'src/app/services/patch-db/data-model'
-import { CifsBackupTarget, Log, RR, WithRevision } from './api.types'
+import { CifsBackupTarget, RR, WithRevision } from './api.types'
 import { parsePropertiesPermissive } from 'src/app/util/properties.util'
 import { Mock } from './api.fixures'
 import markdown from 'raw-loader!../../../../../../assets/markdown/md-sample.md'
-import { BehaviorSubject } from 'rxjs'
+import { BehaviorSubject, interval, map, Observable, tap } from 'rxjs'
 import { LocalStorageBootstrap } from '../patch-db/local-storage-bootstrap'
 import { mockPatchData } from './mock-patch'
+import { WebSocketSubjectConfig } from 'rxjs/webSocket'
 
 const PROGRESS: InstallProgress = {
   size: 120,
@@ -43,6 +44,16 @@ export class MockApiService extends ApiService {
     super()
   }
 
+  openLogsWebsocket$(config: WebSocketSubjectConfig<Log>): Observable<Log> {
+    return interval(100).pipe(
+      map((_, index) => {
+        // mock fire open observer
+        if (index === 0) config.openObserver?.next(new Event(''))
+        return Mock.ServerLogs[0]
+      }),
+    )
+  }
+
   async getStatic(url: string): Promise<string> {
     await pauseFor(2000)
     return markdown
@@ -113,17 +124,8 @@ export class MockApiService extends ApiService {
     params: RR.GetServerLogsReq,
   ): Promise<RR.GetServerLogsRes> {
     await pauseFor(2000)
-    let entries: Log[]
-    if (Math.random() < 0.2) {
-      entries = Mock.ServerLogs
-    } else {
-      const arrLength = params.limit
-        ? Math.ceil(params.limit / Mock.ServerLogs.length)
-        : 10
-      entries = new Array(arrLength)
-        .fill(Mock.ServerLogs)
-        .reduce((acc, val) => acc.concat(val), [])
-    }
+    const entries = this.randomLogs(params.limit)
+
     return {
       entries,
       'start-cursor': 'startCursor',
@@ -135,17 +137,8 @@ export class MockApiService extends ApiService {
     params: RR.GetServerLogsReq,
   ): Promise<RR.GetServerLogsRes> {
     await pauseFor(2000)
-    let entries: Log[]
-    if (Math.random() < 0.2) {
-      entries = Mock.ServerLogs
-    } else {
-      const arrLength = params.limit
-        ? Math.ceil(params.limit / Mock.ServerLogs.length)
-        : 10
-      entries = new Array(arrLength)
-        .fill(Mock.ServerLogs)
-        .reduce((acc, val) => acc.concat(val), [])
-    }
+    const entries = this.randomLogs(params.limit)
+
     return {
       entries,
       'start-cursor': 'startCursor',
@@ -153,6 +146,35 @@ export class MockApiService extends ApiService {
     }
   }
 
+  async followServerLogs(
+    params: RR.FollowServerLogsReq,
+  ): Promise<RR.FollowServerLogsRes> {
+    await pauseFor(2000)
+    return {
+      'start-cursor': 'start-cursor',
+      guid: '7251d5be-645f-4362-a51b-3a85be92b31e',
+    }
+  }
+
+  async followKernelLogs(
+    params: RR.FollowServerLogsReq,
+  ): Promise<RR.FollowServerLogsRes> {
+    await pauseFor(2000)
+    return {
+      'start-cursor': 'start-cursor',
+      guid: '7251d5be-645f-4362-a51b-3a85be92b31e',
+    }
+  }
+
+  randomLogs(limit = 1): Log[] {
+    const arrLength = Math.ceil(limit / Mock.ServerLogs.length)
+    const logs = new Array(arrLength)
+      .fill(Mock.ServerLogs)
+      .reduce((acc, val) => acc.concat(val), [])
+
+    return logs
+  }
+
   async getServerMetrics(
     params: RR.GetServerMetricsReq,
   ): Promise<RR.GetServerMetricsRes> {
@@ -485,6 +507,16 @@ export class MockApiService extends ApiService {
     }
   }
 
+  async followPackageLogs(
+    params: RR.FollowPackageLogsReq,
+  ): Promise<RR.FollowPackageLogsRes> {
+    await pauseFor(2000)
+    return {
+      'start-cursor': 'start-cursor',
+      guid: '7251d5be-645f-4362-a51b-3a85be92b31e',
+    }
+  }
+
   async installPackageRaw(
     params: RR.InstallPackageReq,
   ): Promise<RR.InstallPackageRes> {