experimental features for zram and reset tor (#2299)

* experimental features for zram and reset tor * zram backend --------- Co-authored-by: Aiden McClelland <me@drbonez.dev>
2026-03-26 02:11:53 +00:00 · 2023-06-09 15:47:11 -06:00
parent 71a15cf222
commit 3ccbc626ff
17 changed files with 320 additions and 1 deletions
--- a/frontend/projects/ui/src/app/app/preloader/preloader.component.ts
+++ b/frontend/projects/ui/src/app/app/preloader/preloader.component.ts
@@ -40,6 +40,7 @@ const ICONS = [
  'file-tray-stacked-outline',
  'finger-print-outline',
  'flash-outline',
+  'flash-off-outline',
  'folder-open-outline',
  'globe-outline',
  'grid-outline',
--- a/frontend/projects/ui/src/app/pages/server-routes/experimental-features/experimental-features.module.ts
+++ b/frontend/projects/ui/src/app/pages/server-routes/experimental-features/experimental-features.module.ts
@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { Routes, RouterModule } from '@angular/router'
+import { IonicModule } from '@ionic/angular'
+import { ExperimentalFeaturesPage } from './experimental-features.page'
+import { EmverPipesModule } from '@start9labs/shared'
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ExperimentalFeaturesPage,
+  },
+]
+
+@NgModule({
+  imports: [
+    CommonModule,
+    IonicModule,
+    RouterModule.forChild(routes),
+    EmverPipesModule,
+  ],
+  declarations: [ExperimentalFeaturesPage],
+})
+export class ExperimentalFeaturesPageModule {}
--- a/frontend/projects/ui/src/app/pages/server-routes/experimental-features/experimental-features.page.html
+++ b/frontend/projects/ui/src/app/pages/server-routes/experimental-features/experimental-features.page.html
@@ -0,0 +1,36 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button defaultHref="system"></ion-back-button>
+    </ion-buttons>
+    <ion-title>Experimental Features</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content class="with-widgets">
+  <ion-item-group *ngIf="server$ | async as server">
+    <ion-item button (click)="presentAlertResetTor()">
+      <ion-icon slot="start" name="reload"></ion-icon>
+      <ion-label>
+        <h2>Reset Tor</h2>
+        <p>
+          Reset the Tor deamon on your server may resolve Tor connectivity
+          issues.
+        </p>
+      </ion-label>
+    </ion-item>
+    <ion-item button (click)="presentAlertZram(server.zram)">
+      <ion-icon
+        slot="start"
+        [name]="server.zram ? 'flash-off-outline' : 'flash-outline'"
+      ></ion-icon>
+      <ion-label>
+        <h2>{{ server.zram ? 'Disable' : 'Enable' }} zram</h2>
+        <p>
+          Enabling zram may improve server performance, especially on low RAM
+          devices
+        </p>
+      </ion-label>
+    </ion-item>
+  </ion-item-group>
+</ion-content>
--- a/frontend/projects/ui/src/app/pages/server-routes/experimental-features/experimental-features.page.scss
+++ b/frontend/projects/ui/src/app/pages/server-routes/experimental-features/experimental-features.page.scss
--- a/frontend/projects/ui/src/app/pages/server-routes/experimental-features/experimental-features.page.ts
+++ b/frontend/projects/ui/src/app/pages/server-routes/experimental-features/experimental-features.page.ts
@@ -0,0 +1,156 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core'
+import {
+  AlertController,
+  LoadingController,
+  ToastController,
+} from '@ionic/angular'
+import { PatchDB } from 'patch-db-client'
+import { ApiService } from 'src/app/services/api/embassy-api.service'
+import { ConfigService } from 'src/app/services/config.service'
+import { DataModel } from 'src/app/services/patch-db/data-model'
+import { ErrorToastService } from '@start9labs/shared'
+
+@Component({
+  selector: 'experimental-features',
+  templateUrl: './experimental-features.page.html',
+  styleUrls: ['./experimental-features.page.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ExperimentalFeaturesPage {
+  readonly server$ = this.patch.watch$('server-info')
+
+  constructor(
+    private readonly toastCtrl: ToastController,
+    private readonly patch: PatchDB<DataModel>,
+    private readonly config: ConfigService,
+    private readonly alertCtrl: AlertController,
+    private readonly loadingCtrl: LoadingController,
+    private readonly api: ApiService,
+    private readonly errToast: ErrorToastService,
+  ) {}
+
+  async presentAlertResetTor() {
+    const isTor = this.config.isTor()
+    const shared =
+      'Optionally wipe state to forcibly acquire new guard nodes. It is recommended to try without wiping state first.'
+    const alert = await this.alertCtrl.create({
+      header: isTor ? 'Warning' : 'Confirm',
+      message: isTor
+        ? `You are currently connected over Tor. If you reset the Tor daemon, you will loose connectivity until it comes back online.<br/><br/>${shared}`
+        : `Reset Tor?<br/><br/>${shared}`,
+      inputs: [
+        {
+          label: 'Wipe state',
+          type: 'checkbox',
+          value: 'wipe',
+          handler: val => {
+            console.error(val)
+          },
+        },
+      ],
+      buttons: [
+        {
+          text: 'Cancel',
+          role: 'cancel',
+        },
+        {
+          text: 'Reset',
+          handler: (value: string[]) => {
+            console.error(value)
+            this.resetTor(value.some(v => 'wipe'))
+          },
+          cssClass: 'enter-click',
+        },
+      ],
+      cssClass: isTor ? 'alert-warning-message' : '',
+    })
+    await alert.present()
+  }
+
+  async presentAlertZram(enabled: boolean) {
+    const alert = await this.alertCtrl.create({
+      header: enabled ? 'Confirm' : 'Warning',
+      message: enabled
+        ? 'Are you sure you want to disable zram?'
+        : 'zram on StartOS is experimental. It may increase performance of you server, especially if it is a low RAM device.',
+      buttons: [
+        {
+          text: 'Cancel',
+          role: 'cancel',
+        },
+        {
+          text: enabled ? 'Disable' : 'Enable',
+          handler: () => {
+            this.toggleZram(enabled)
+          },
+          cssClass: 'enter-click',
+        },
+      ],
+      cssClass: enabled ? '' : 'alert-warning-message',
+    })
+    await alert.present()
+  }
+
+  private async resetTor(wipeState: boolean) {
+    const loader = await this.loadingCtrl.create({
+      message: 'Resetting Tor...',
+    })
+    await loader.present()
+
+    try {
+      await this.api.resetTor({
+        'wipe-state': wipeState,
+        reason: 'User triggered',
+      })
+      const toast = await this.toastCtrl.create({
+        header: 'Tor reset in progress',
+        position: 'bottom',
+        duration: 4000,
+        buttons: [
+          {
+            side: 'start',
+            icon: 'close',
+            handler: () => {
+              return true
+            },
+          },
+        ],
+      })
+      await toast.present()
+    } catch (e: any) {
+      this.errToast.present(e)
+    } finally {
+      loader.dismiss()
+    }
+  }
+
+  private async toggleZram(enabled: boolean) {
+    const loader = await this.loadingCtrl.create({
+      message: enabled ? 'Disabling zram...' : 'Enabling zram',
+    })
+    await loader.present()
+
+    try {
+      await this.api.toggleZram({ enable: !enabled })
+      const toast = await this.toastCtrl.create({
+        header: `Zram ${enabled ? 'disabled' : 'enabled'}`,
+        position: 'bottom',
+        duration: 4000,
+        buttons: [
+          {
+            side: 'start',
+            icon: 'close',
+            handler: () => {
+              return true
+            },
+          },
+        ],
+      })
+      await toast.present()
+    } catch (e: any) {
+      this.errToast.present(e)
+    } finally {
+      loader.dismiss()
+    }
+  }
+}
--- a/frontend/projects/ui/src/app/pages/server-routes/server-routing.module.ts
+++ b/frontend/projects/ui/src/app/pages/server-routes/server-routing.module.ts
@@ -80,6 +80,13 @@ const routes: Routes = [
    loadChildren: () =>
      import('./wifi/wifi.module').then(m => m.WifiPageModule),
  },
+  {
+    path: 'experimental-features',
+    loadChildren: () =>
+      import('./experimental-features/experimental-features.module').then(
+        m => m.ExperimentalFeaturesPageModule,
+      ),
+  },
 ]

@NgModule({
--- a/frontend/projects/ui/src/app/pages/server-routes/server-show/server-show.page.ts
+++ b/frontend/projects/ui/src/app/pages/server-routes/server-show/server-show.page.ts
@@ -436,6 +436,17 @@ export class ServerShowPage {
        detail: true,
        disabled$: of(false),
      },
+      {
+        title: 'Experimental Features',
+        description: 'Try out new and potentially unstable new features',
+        icon: 'flask-outline',
+        action: () =>
+          this.navCtrl.navigateForward(['experimental-features'], {
+            relativeTo: this.route,
+          }),
+        detail: true,
+        disabled$: of(false),
+      },
    ],
    Insights: [
      {
--- a/frontend/projects/ui/src/app/services/api/api.types.ts
+++ b/frontend/projects/ui/src/app/services/api/api.types.ts
@@ -68,6 +68,11 @@ export module RR {
  } // net.tor.reset
  export type ResetTorRes = null

+  export type ToggleZramReq = {
+    enable: boolean
+  } // server.experimental.zram
+  export type ToggleZramRes = null
+
  // sessions

  export type GetSessionsReq = {} // sessions.list
--- a/frontend/projects/ui/src/app/services/api/embassy-api.service.ts
+++ b/frontend/projects/ui/src/app/services/api/embassy-api.service.ts
@@ -113,6 +113,8 @@ export abstract class ApiService {

  abstract resetTor(params: RR.ResetTorReq): Promise<RR.ResetTorRes>

+  abstract toggleZram(params: RR.ToggleZramReq): Promise<RR.ToggleZramRes>
+
  // marketplace URLs

  abstract marketplaceProxy<T>(
--- a/frontend/projects/ui/src/app/services/api/embassy-live-api.service.ts
+++ b/frontend/projects/ui/src/app/services/api/embassy-live-api.service.ts
@@ -196,6 +196,10 @@ export class LiveApiService extends ApiService {
    return this.rpcRequest({ method: 'net.tor.reset', params })
  }

+  async toggleZram(params: RR.ToggleZramReq): Promise<RR.ToggleZramRes> {
+    return this.rpcRequest({ method: 'server.experimental.zram', params })
+  }
+
  // marketplace URLs

  async marketplaceProxy<T>(
--- a/frontend/projects/ui/src/app/services/api/embassy-mock-api.service.ts
+++ b/frontend/projects/ui/src/app/services/api/embassy-mock-api.service.ts
@@ -327,6 +327,18 @@ export class MockApiService extends ApiService {
    return null
  }

+  async toggleZram(params: RR.ToggleZramReq): Promise<RR.ToggleZramRes> {
+    await pauseFor(2000)
+    const patch = [
+      {
+        op: PatchOp.REPLACE,
+        path: '/server-info/zram',
+        value: params.enable,
+      },
+    ]
+    return this.withRevision(patch, null)
+  }
+
  // marketplace URLs

  async marketplaceProxy(
--- a/frontend/projects/ui/src/app/services/api/mock-patch.ts
+++ b/frontend/projects/ui/src/app/services/api/mock-patch.ts
@@ -73,6 +73,7 @@ export const mockPatchData: DataModel = {
    pubkey: 'npub1sg6plzptd64u62a878hep2kev88swjh3tw00gjsfl8f237lmu63q0uf63m',
    'ca-fingerprint': 'SHA-256: 63 2B 11 99 44 40 17 DF 37 FC C3 DF 0F 3D 15',
    'system-start-time': new Date(new Date().valueOf() - 360042).toUTCString(),
+    zram: false,
  },
  'package-data': {
    bitcoind: {
--- a/frontend/projects/ui/src/app/services/patch-db/data-model.ts
+++ b/frontend/projects/ui/src/app/services/patch-db/data-model.ts
@@ -77,6 +77,7 @@ export interface ServerInfo {
  pubkey: string
  'ca-fingerprint': string
  'system-start-time': string
+  zram: boolean
 }

 export interface IpInfo {