Scan WiFi and pre-fill SSID.

Author: pierre-rouanet

src/reachy_mini/daemon/app/dashboard/static/js/wifi.js

@@ -24,6 +24,27 @@ const refreshStatus = () => {
         });
 };
 
+const scanAndListWifiNetworks = async () => {
+    await fetch('/wifi/scan_and_list', { method: 'POST' })
+        .then(response => response.json())
+        .then(data => {
+            const ssidSelect = document.getElementById('ssid');
+            data.forEach(ssid => {
+                const option = document.createElement('option');
+                option.value = ssid;
+                option.textContent = ssid;
+                ssidSelect.appendChild(option);
+            });
+        })
+        .catch(() => {
+            const ssidSelect = document.getElementById('ssid');
+            const option = document.createElement('option');
+            option.value = "";
+            option.textContent = "Unable to load networks";
+            ssidSelect.appendChild(option);
+        });
+};
+
 const connectToWifi = (_) => {
     const ssid = document.getElementById('ssid').value;
     const password = document.getElementById('password').value;
@@ -84,7 +105,8 @@ const handleStatus = (status) => {
     currentStatus = status;
 };
 
-window.addEventListener('load', () => {
-    refreshStatus();
+window.addEventListener('load', async () => {
+    await scanAndListWifiNetworks();
+    await refreshStatus();
     setInterval(refreshStatus, 1000);
 });

src/reachy_mini/daemon/app/dashboard/templates/sections/wifi.html

@@ -3,7 +3,7 @@
 
     <div class="flex p-4 gap-4">
         <div class="wifi-status">Current Status:</div>
-        <div id="wifi-status" class="wifi-status-info">Loading...</div>
+        <div id="wifi-status" class="wifi-status-info">Checking WiFi configuration...</div>
     </div>
     <div id="add-wifi" class="hidden">
         <div class="py-4 flex flex-col max-w-md">
@@ -13,9 +13,11 @@
                 <form id="wifi-form" class="max-w-md" onsubmit="return false;">
                     <div class="mb-4">
                         <label for="ssid" class="block mb-2 text-sm">SSID</label>
-                        <input type="text" id="ssid" name="ssid"
+                        <select id="ssid" name="ssid"
                             class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
                             required>
+                            <option value="" disabled selected>Select your WiFi network</option>
+                        </select>
                     </div>
                     <div class="mb-4">
                         <label for="password" class="block mb-2 text-sm">Password</label>

src/reachy_mini/daemon/app/routers/wifi_config.py

@@ -113,6 +113,17 @@ def connect() -> None:
     # TODO: wait for it to be really connected
 
 
+@router.post("/scan_and_list")
+def scan_wifi() -> list[str]:
+    """Scan for available WiFi networks ordered by signal power."""
+    wifi = scan_available_wifi()
+
+    seen = set()
+    ssids = [x.ssid for x in wifi if x.ssid not in seen and not seen.add(x.ssid)]
+
+    return ssids
+
+
 # NMCLI WRAPPERS
 def scan_available_wifi() -> list[nmcli.data.device.DeviceWifi]:
     """Scan for available WiFi networks."""