Add support for precise layout cropping options.

src/camera-manager/manager.ts

@@ -1,6 +1,7 @@
 import add from 'date-fns/add';
 import cloneDeep from 'lodash-es/cloneDeep';
 import sum from 'lodash-es/sum';
+import PQueue from 'p-queue';
 import { CardCameraAPI } from '../card-controller/types.js';
 import { CameraConfig, CamerasConfig, PTZAction, PTZPhase } from '../config/types.js';
 import { MEDIA_CHUNK_SIZE_DEFAULT } from '../const.js';
@@ -108,6 +109,7 @@ export class CameraManager {
   protected _api: CardCameraAPI;
   protected _engineFactory: CameraManagerEngineFactory;
   protected _store: CameraManagerStore;
+  protected _initializationLimit = new PQueue({ concurrency: 1 });
 
   constructor(
     api: CardCameraAPI,
@@ -138,8 +140,6 @@ export class CameraManager {
       return false;
     }
 
-    await this.reset();
-
     // For each camera merge the config (which has no defaults) into the camera
     // global config (which does have defaults). The merging must happen in this
     // order, to ensure that the defaults in the cameras global config do not
@@ -148,8 +148,16 @@ export class CameraManager {
       recursivelyMergeObjectsNotArrays({}, cloneDeep(config?.cameras_global), camera),
     );
 
-    try {
+    const resetAndInitialize = async () => {
+      await this.reset();
       await this._initializeCameras(cameras);
+    };
+
+    try {
+      // This concurrency limit prevents multiple rapidly arriving configs from
+      // generating reset-n-initialize race conditions (e.g. changing values
+      // rapidly in the config editor).
+      await this._initializationLimit.add(resetAndInitialize);
     } catch (e: unknown) {
       this._api.getMessageManager().setErrorIfHigherPriority(e);
       return false;