ping-viewer-next-frontend: App: Auto connect single device or open Device Management

Author: RaulTrombin

ping-viewer-next-frontend/src/App.vue

@@ -187,6 +187,7 @@
 </template>
 
 <script setup>
+import { watchOnce } from '@vueuse/core';
 import { computed, nextTick, onMounted, onUnmounted, provide, reactive, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import { useDisplay, useTheme } from 'vuetify';
@@ -722,6 +723,44 @@ const toggleMenu = () => {
   isMenuOpen.value = !isMenuOpen.value;
 };
 
+watchOnce(serverUrl, (newUrl) => {
+  if (newUrl) {
+    const autoSelectSingleDevice = async () => {
+      try {
+        const response = await fetch(`${newUrl}/device_manager/request`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            command: 'List',
+            module: 'DeviceManager',
+          }),
+        });
+
+        if (!response.ok) throw new Error('Failed to fetch devices');
+
+        const data = await response.json();
+        const availableDevices =
+          data.DeviceInfo?.filter((device) =>
+            ['ContinuousMode', 'Running', 'Available'].includes(device.status)
+          ) || [];
+
+        if (availableDevices.length === 1) {
+          selectDevice(availableDevices[0]);
+        } else {
+          isConnectionMenuOpen.value = true;
+        }
+      } catch (error) {
+        console.error('Error auto-selecting device:', error);
+        isConnectionMenuOpen.value = true;
+      }
+    };
+
+    autoSelectSingleDevice();
+  }
+});
+
 onMounted(() => {
   loadSettings();
   initializeYawConnection();