fix issue when saving properties

Author: AntonUden

backend/src/config/ConfigLoader.ts

@@ -222,6 +222,7 @@ export function loadConfiguration(): Configuration {
     boopSensor: hasBoopSensor,
     videoPlayback: hasVideoPlayback,
     systemd,
+    audioVisualizer: true, // Always available as a system capability
   };
 
   if (!hasSerial) {

backend/src/config/objects/SystemFeatures.ts

@@ -5,4 +5,5 @@ export interface SystemFeatures {
   rgb: boolean;
   videoPlayback: boolean;
   systemd: boolean;
+  audioVisualizer: boolean;
 }

backend/src/rgb/effects/implementations/AudioReactiveEffect.ts

@@ -199,11 +199,11 @@ export class AudioReactiveEffect extends AbstractRgbEffect {
     }
 
     const { r, g, b } = hueToRGB(finalHue);
-    
+
     // Apply MaxBrightness scale adjustment (1-255 scaling)
     const maxB = this._maxBrightnessProperty.value;
     const scale = maxB / 255.0;
-    
+
     return encodeRGB(
       Math.round(r * scale),
       Math.round(g * scale),

backend/src/webserver/ProtogenWebServer.ts

@@ -413,6 +413,7 @@ export class ProtogenWebServer {
       boopSensorProfile,
       hudEnabled: this.protogen.hudManager?.enableHud ?? false,
       boopSensorEnabled: this.protogen.boopSensorManager?.enabled ?? false,
+      audioVisualiserEnabled: this.protogen.audioVisualiser?.config.enabled ?? false,
       hasRenderLock: this.protogen.visor.hasRenderLock,
     }
   }
@@ -426,6 +427,7 @@ export interface OverviewData {
   boopSensorProfile: OverviewNamedObjectData | null;
   hudEnabled: boolean;
   boopSensorEnabled: boolean;
+  audioVisualiserEnabled: boolean;
   hasRenderLock: boolean;
 }
 

backend/src/webserver/routes/rgb/RgbRouter.ts

@@ -3,6 +3,7 @@ import { RgbScene } from "../../../rgb/scenes/RgbScene";
 import { AbstractRouter } from "../../AbstractRouter";
 import { ProtogenWebServer } from "../../ProtogenWebServer";
 import { constructRgbEffect, RgbEffects } from "../../../rgb/effects/RgbEffects";
+import { RgbSceneEffect } from "../../../database/models/rgb/RgbSceneEffect.model";
 import { RgbSceneEffectProperty } from "../../../database/models/rgb/RgbSceneEffectProperty.model";
 import { Equal } from "typeorm";
 import { RgbEditorPreviewElement } from "../../../database/models/rgb/RgbEditorConfig.model";
@@ -649,7 +650,26 @@ export class RgbRouter extends AbstractRouter {
 
             await repo.save(prop);
           } else {
-            this.protogen.logger.warn("RgbRouter", "Failed to fetch property " + req.params.property + " for saving");
+            const effectRepo = this.protogen.database.dataSource.getRepository(RgbSceneEffect);
+            const dbEffect = await effectRepo.findOne({
+              where: {
+                id: Equal(effect.id),
+                scene: {
+                  id: Equal(scene.id)
+                }
+              }
+            });
+
+            if (dbEffect != null) {
+              const newProp = new RgbSceneEffectProperty();
+              newProp.key = req.params.property;
+              newProp.value = result.property.stringifyValue();
+              newProp.effect = dbEffect;
+
+              await repo.save(newProp);
+            } else {
+              this.protogen.logger.warn("RgbRouter", "Failed to fetch effect " + effect.id + " to associate with new property " + req.params.property);
+            }
           }
         }
 

backend/src/webserver/socket/UserSocketSession.ts

@@ -4,7 +4,6 @@ import { Socket } from "socket.io";
 import { SocketMessageType } from "./SocketMessageType";
 import { SocketMessage } from "./SocketMessage";
 import { AuthData } from "../middleware/AuthMiddleware";
-import { z } from "zod";
 
 export class UserSocketSession {
   private _protogen;

frontend/src/app/core/services/api/overview-api.service.ts

@@ -18,6 +18,7 @@ export interface OverviewData {
   boopSensorProfile: OverviewNamedObjectData | null;
   hudEnabled: boolean;
   boopSensorEnabled: boolean;
+  audioVisualiserEnabled: boolean;
   hasRenderLock: boolean;
 }
 

frontend/src/app/core/services/system-config.service.ts

@@ -11,6 +11,7 @@ export interface SystemFeatures {
   boopSensor: boolean;
   videoPlayback: boolean;
   systemd: boolean;
+  audioVisualizer?: boolean;
 }
 
 export interface SystemConfig {

frontend/src/app/features/dashboard/components/dashboard-status-card/dashboard-status-card.component.html

@@ -34,11 +34,19 @@ <h5 class="mb-0">Status</h5>
     <hr>
 
     @if(systemConfig.features()?.hud) {
-    <div class="form-check form-switch">
+    <div class="form-check form-switch mb-2">
       <input class="form-check-input" type="checkbox" role="switch" id="hudToggle"
         [checked]="overview()?.hudEnabled ?? false" (change)="toggleHud.emit()">
       <label class="form-check-label" for="hudToggle">HUD Display</label>
     </div>
     }
+
+    @if(systemConfig.features()?.audioVisualizer) {
+    <div class="form-check form-switch">
+      <input class="form-check-input" type="checkbox" role="switch" id="audioToggle"
+        [checked]="overview()?.audioVisualiserEnabled ?? false" (change)="toggleAudio.emit()">
+      <label class="form-check-label" for="audioToggle">Audio Visualizer</label>
+    </div>
+    }
   </div>
 </div>

frontend/src/app/features/dashboard/components/dashboard-status-card/dashboard-status-card.component.ts

@@ -12,5 +12,6 @@ import { SystemConfigService } from '../../../../core/services/system-config.ser
 export class DashboardStatusCardComponent {
   readonly overview = input<OverviewData | null>(null);
   readonly toggleHud = output<void>();
+  readonly toggleAudio = output<void>();
   protected readonly systemConfig = inject(SystemConfigService);
 }