take calib snapshots in a loop

Author: samfreund

photon-client/src/components/cameras/CameraCalibrationCard.vue

@@ -184,6 +184,7 @@ const calibCanceled = ref(false);
 const calibSuccess = ref<boolean | undefined>(undefined);
 const calibEndpointFail = ref(false);
 const endCalibration = () => {
+  useCameraSettingsStore().stopCalibrationSnapshotLoop();
   calibSuccess.value = undefined;
   calibEndpointFail.value = false;
 
@@ -490,6 +491,7 @@ const setSelectedVideoFormat = (format: VideoFormat) => {
             <v-btn
               size="small"
               block
+              v-if="isCalibrating"
               :variant="theme.global.name.value === 'LightTheme' ? 'elevated' : 'outlined'"
               :color="useStateStore().calibrationData.hasEnoughImages ? 'buttonActive' : 'error'"
               :disabled="!isCalibrating || !settingsValid"
@@ -502,6 +504,22 @@ const setSelectedVideoFormat = (format: VideoFormat) => {
                 useStateStore().calibrationData.hasEnoughImages ? "Finish Calibration" : "Cancel Calibration"
               }}</span>
             </v-btn>
+            <v-btn
+              size="small"
+              block
+              v-if="!isCalibrating"
+              color="buttonActive"
+              :variant="theme.global.name.value === 'LightTheme' ? 'elevated' : 'outlined'"
+              :disabled="!settingsValid"
+              tooltip="Automatically take calibration snapshots in a loop until calibration is ended"
+              @click="
+                startCalibration();
+                useCameraSettingsStore().startCalibrationSnapshotLoop();
+              "
+            >
+              <v-icon start class="calib-btn-icon" size="large"> mdi-autorenew </v-icon>
+              <span class="calib-btn-label"> Start Snapshot Loop </span>
+            </v-btn>
           </v-col>
         </div>
       </v-card-text>

photon-client/src/stores/settings/CameraSettingsStore.ts

@@ -422,6 +422,32 @@ export const useCameraSettingsStore = defineStore("cameraSettings", {
       };
       useStateStore().websocket?.send(payload, true);
     },
+
+    /**
+     * Start repeatedly calling takeCalibrationSnapshot every intervalMs milliseconds.
+     * No-op if already running. Call stopCalibrationSnapshotLoop() to stop.
+     *
+     * @param intervalMs interval in milliseconds between snapshots (default 1000)
+     * @param cameraUniqueName camera to snapshot (captured when the loop starts)
+     */
+    startCalibrationSnapshotLoop(intervalMs = 500, cameraUniqueName: string = useStateStore().currentCameraUniqueName) {
+      // store the interval id on the store instance (avoid changing state shape)
+      if ((this as any)._calibrationSnapshotInterval != null) return;
+      // take one immediately then schedule
+      this.takeCalibrationSnapshot(cameraUniqueName);
+      (this as any)._calibrationSnapshotInterval = window.setInterval(() => {
+        this.takeCalibrationSnapshot(cameraUniqueName);
+      }, intervalMs);
+    },
+
+    /**
+     * Stop a running calibration snapshot loop started with startCalibrationSnapshotLoop().
+     */
+    stopCalibrationSnapshotLoop() {
+      if ((this as any)._calibrationSnapshotInterval == null) return;
+      clearInterval((this as any)._calibrationSnapshotInterval);
+      (this as any)._calibrationSnapshotInterval = null;
+    },
     /**
      * Save a snapshot of the input frame of the camera.
      *