Disabled cameras fixing (#17273)

* Fix case where objects are returned as null

* Fix enabled status not being persisted

* Use config as source of truth when refreshed

* Ensure camera always have config object updated

* Cleanup typing

frigate/camera/state.py

@@ -306,7 +306,6 @@ class CameraState:
         # TODO: can i switch to looking this up and only changing when an event ends?
         # maintain best objects
         camera_activity: dict[str, list[any]] = {
-            "enabled": True,
             "motion": len(motion_boxes) > 0,
             "objects": [],
         }

frigate/comms/dispatcher.py

@@ -164,8 +164,12 @@ class Dispatcher:
 
         def handle_on_connect():
             camera_status = self.camera_activity.last_camera_activity.copy()
+            cameras_with_status = camera_status.keys()
+
+            for camera in self.config.cameras.keys():
+                if camera not in cameras_with_status:
+                    camera_status[camera] = {}
 
-            for camera in camera_status.keys():
                 camera_status[camera]["config"] = {
                     "detect": self.config.cameras[camera].detect.enabled,
                     "enabled": self.config.cameras[camera].enabled,

frigate/video.py

@@ -113,8 +113,10 @@ def capture_frames(
     def get_enabled_state():
         """Fetch the latest enabled state from ZMQ."""
         _, config_data = config_subscriber.check_for_update()
+
         if config_data:
-            return config_data.enabled
+            config.enabled = config_data.enabled
+
         return config.enabled
 
     while not stop_event.is_set():

web/src/api/ws.tsx

@@ -44,7 +44,8 @@ function useValue(): useValueReturn {
       return;
     }
 
-    const cameraActivity: { [key: string]: object } = JSON.parse(activityValue);
+    const cameraActivity: { [key: string]: FrigateCameraState } =
+      JSON.parse(activityValue);
 
     if (Object.keys(cameraActivity).length === 0) {
       return;
@@ -64,9 +65,7 @@ function useValue(): useValueReturn {
         autotracking,
         alerts,
         detections,
-      } =
+      } = state["config"];
-        // @ts-expect-error we know this is correct
-        state["config"];
       cameraStates[`${name}/recordings/state`] = record ? "ON" : "OFF";
       cameraStates[`${name}/enabled/state`] = enabled ? "ON" : "OFF";
       cameraStates[`${name}/detect/state`] = detect ? "ON" : "OFF";
@@ -174,7 +173,7 @@ export function useEnabledState(camera: string): {
     value: { payload },
     send,
   } = useWs(`${camera}/enabled/state`, `${camera}/enabled/set`);
-  return { payload: (payload ?? "ON") as ToggleableSetting, send };
+  return { payload: payload as ToggleableSetting, send };
 }
 
 export function useDetectState(camera: string): {

web/src/components/player/LivePlayer.tsx

@@ -385,7 +385,10 @@ export default function LivePlayer({
       <div
         className={cn(
           "absolute inset-0 w-full",
-          showStillWithoutActivity && !liveReady && !isReEnabling
+          showStillWithoutActivity &&
+            !liveReady &&
+            !isReEnabling &&
+            cameraEnabled
             ? "visible"
             : "invisible",
         )}

web/src/hooks/use-camera-activity.ts

@@ -37,7 +37,7 @@ export function useCameraActivity(
 
     return getAttributeLabels(config);
   }, [config]);
-  const [objects, setObjects] = useState<ObjectType[]>([]);
+  const [objects, setObjects] = useState<ObjectType[] | undefined>([]);
 
   // init camera activity
 
@@ -54,7 +54,7 @@ export function useCameraActivity(
   // handle camera activity
 
   const hasActiveObjects = useMemo(
-    () => objects?.filter((obj) => !obj?.stationary)?.length > 0,
+    () => (objects || []).filter((obj) => !obj?.stationary)?.length > 0,
     [objects],
   );
 
@@ -81,11 +81,10 @@ export function useCameraActivity(
       return;
     }
 
-    const updatedEventIndex = objects.findIndex(
+    const updatedEventIndex =
-      (obj) => obj.id === updatedEvent.after.id,
+      objects?.findIndex((obj) => obj.id === updatedEvent.after.id) ?? -1;
-    );
 
-    let newObjects: ObjectType[] = [...objects];
+    let newObjects: ObjectType[] = [...(objects ?? [])];
 
     if (updatedEvent.type === "end") {
       if (updatedEventIndex !== -1) {
@@ -104,10 +103,10 @@ export function useCameraActivity(
             score: updatedEvent.after.score,
             sub_label: updatedEvent.after.sub_label?.[0] ?? "",
           };
-          newObjects = [...objects, newActiveObject];
+          newObjects = [...(objects ?? []), newActiveObject];
         }
       } else {
-        const newObjects = [...objects];
+        const newObjects = [...(objects ?? [])];
 
         let label = updatedEvent.after.label;
 
@@ -158,7 +157,7 @@ export function useCameraActivity(
         ? detectingMotion === "ON"
         : updatedCameraState?.motion === true
       : false,
-    objects: isCameraEnabled ? objects : [],
+    objects: isCameraEnabled ? (objects ?? []) : [],
     offline,
   };
 }

web/src/types/ws.ts

@@ -52,7 +52,18 @@ export type ObjectType = {
 };
 
 export interface FrigateCameraState {
-  enabled: boolean;
+  config: {
+    enabled: boolean;
+    detect: boolean;
+    snapshots: boolean;
+    record: boolean;
+    audio: boolean;
+    notifications: boolean;
+    notifications_suspended: number;
+    autotracking: boolean;
+    alerts: boolean;
+    detections: boolean;
+  };
   motion: boolean;
   objects: ObjectType[];
 }