Frontend fixes/improvements (#2950)

* fix Tor logs actually fetching od logs

* chore: switch from `mime-types` to `mime` for browser environment support (#2951)

* change V2 s9pk title to Legacy

* show warning for domains when not public, disable launch too

---------

Co-authored-by: Alex Inkin <alexander@inkin.ru>
Co-authored-by: Mariusz Kogen <k0gen@pm.me>

web/projects/shared/src/components/markdown.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, inject } from '@angular/core'
 import { toSignal } from '@angular/core/rxjs-interop'
-import { ActivatedRoute, Data } from '@angular/router'
+import { ActivatedRoute } from '@angular/router'
 import { TuiDialogContext, TuiLoader, TuiNotification } from '@taiga-ui/core'
 import { injectContext, PolymorpheusComponent } from '@taiga-ui/polymorpheus'
 import { NgDompurifyModule } from '@tinkoff/ng-dompurify'

web/projects/shared/src/i18n/dictionaries/de.ts

@@ -518,4 +518,5 @@ export default {
   516: 'Empfohlen',
   517: 'Möchten Sie diese Aufgabe wirklich verwerfen?',
   518: 'Verwerfen',
+  519: 'Um Clearnet-Domains zu veröffentlichen, musst du oben auf „Öffentlich machen“ klicken.',
 } satisfies i18n

web/projects/shared/src/i18n/dictionaries/en.ts

@@ -517,4 +517,5 @@ export const ENGLISH = {
   'Recommended': 516, // as in, we recommend this
   'Are you sure you want to dismiss this task?': 517,
   'Dismiss': 518, // as in, dismiss or delete a task
+  'To publish clearnet domains, you must click "Make Public", above.': 519,
 } as const

web/projects/shared/src/i18n/dictionaries/es.ts

@@ -518,4 +518,5 @@ export default {
   516: 'Recomendado',
   517: '¿Estás seguro de que deseas descartar esta tarea?',
   518: 'Descartar',
+  519: 'Para publicar dominios en clearnet, debes hacer clic en "Hacer público" arriba.',
 } satisfies i18n

web/projects/shared/src/i18n/dictionaries/fr.ts

@@ -518,4 +518,5 @@ export default {
   516: 'Recommandé',
   517: 'Êtes-vous sûr de vouloir ignorer cette tâche ?',
   518: 'Ignorer',
+  519: 'Pour publier des domaines clearnet, vous devez cliquer sur « Rendre public » ci-dessus.',
 } satisfies i18n

web/projects/shared/src/i18n/dictionaries/pl.ts

@@ -518,4 +518,5 @@ export default {
   516: 'Zalecane',
   517: 'Czy na pewno chcesz odrzucić to zadanie?',
   518: 'Odrzuć',
+  519: 'Aby opublikować domeny w clearnet, kliknij „Upublicznij” powyżej.',
 } satisfies i18n

web/projects/ui/src/app/routes/portal/components/interfaces/clearnet.component.ts

@@ -19,6 +19,7 @@ import {
   TuiDataList,
   TuiIcon,
   TuiLink,
+  TuiNotification,
 } from '@taiga-ui/core'
 import { TuiTooltip } from '@taiga-ui/kit'
 import { PatchDB } from 'patch-db-client'
@@ -66,12 +67,25 @@ type ClearnetForm = {
         </a>
       </ng-template>
       @if (clearnet().length) {
-        <button tuiButton iconStart="@tui.plus" (click)="add()">
+        <button
+          tuiButton
+          iconStart="@tui.plus"
+          [style.margin-inline-start]="'auto'"
+          (click)="add()"
+        >
           {{ 'Add' | i18n }}
         </button>
       }
     </header>
     @if (clearnet().length) {
+      @if (!isPublic()) {
+        <tui-notification appearance="negative" [style.margin-bottom]="'1rem'">
+          {{
+            'To publish clearnet domains, you must click "Make Public", above.'
+              | i18n
+          }}
+        </tui-notification>
+      }
       <table [appTable]="['ACME', 'URL', null]">
         @for (address of clearnet(); track $index) {
           <tr>
@@ -79,7 +93,11 @@ type ClearnetForm = {
               {{ interface.value().addSsl ? (address.acme | acme) : '-' }}
             </td>
             <td>{{ address.url | mask }}</td>
-            <td actions [href]="address.url" [disabled]="!isRunning()">
+            <td
+              actions
+              [href]="address.url"
+              [disabled]="!isRunning() || !isPublic()"
+            >
               @if (address.isDomain) {
                 <button
                   tuiIconButton
@@ -129,6 +147,7 @@ type ClearnetForm = {
     InterfaceActionsComponent,
     i18nPipe,
     DocsLinkDirective,
+    TuiNotification,
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
@@ -143,6 +162,7 @@ export class InterfaceClearnetComponent {
 
   readonly clearnet = input.required<readonly ClearnetAddress[]>()
   readonly isRunning = input.required<boolean>()
+  readonly isPublic = input.required<boolean>()
 
   readonly acme = toSignal(
     inject<PatchDB<DataModel>>(PatchDB)

web/projects/ui/src/app/routes/portal/components/interfaces/interface.component.ts

@@ -27,6 +27,7 @@ import { MappedServiceInterface } from './interface.utils'
     </button>
     <section
       [clearnet]="value().addresses.clearnet"
+      [isPublic]="value().public"
       [isRunning]="isRunning()"
     ></section>
     <section [tor]="value().addresses.tor" [isRunning]="isRunning()"></section>

web/projects/ui/src/app/routes/portal/routes/logs/routes/kernel.component.ts

@@ -3,7 +3,6 @@ import { i18nPipe } from '@start9labs/shared'
 import { LogsComponent } from 'src/app/routes/portal/components/logs/logs.component'
 import { RR } from 'src/app/services/api/api.types'
 import { ApiService } from 'src/app/services/api/embassy-api.service'
-
 import { LogsHeaderComponent } from '../components/header.component'
 
 @Component({
@@ -31,10 +30,4 @@ export default class SystemKernelComponent {
 
   protected readonly fetch = (params: RR.GetServerLogsReq) =>
     this.api.getKernelLogs(params)
-
-  log = {
-    title: 'Kernel Logs',
-    subtitle: 'Diagnostics for drivers and other kernel processes',
-    icon: '@tui.square-chevron-right',
-  }
 }

web/projects/ui/src/app/routes/portal/routes/logs/routes/os.component.ts

@@ -30,10 +30,4 @@ export default class SystemOSComponent {
 
   protected readonly fetch = (params: RR.GetServerLogsReq) =>
     this.api.getServerLogs(params)
-
-  log = {
-    title: 'Kernel Logs',
-    subtitle: 'Diagnostics for drivers and other kernel processes',
-    icon: '@tui.square-chevron-right',
-  }
 }

web/projects/ui/src/app/routes/portal/routes/logs/routes/tor.component.ts

@@ -26,14 +26,8 @@ export default class SystemOSComponent {
   private readonly api = inject(ApiService)
 
   protected readonly follow = (params: RR.FollowServerLogsReq) =>
-    this.api.followServerLogs(params)
+    this.api.followTorLogs(params)
 
   protected readonly fetch = (params: RR.GetServerLogsReq) =>
-    this.api.getServerLogs(params)
-
-  log = {
-    title: 'Kernel Logs',
-    subtitle: 'Diagnostics for drivers and other kernel processes',
-    icon: '@tui.square-chevron-right',
-  }
+    this.api.getTorLogs(params)
 }