reachy-mini 1.2.5rc1__py3-none-any.whl

reachy_mini/daemon/app/dashboard/static/js/volume_control.js

@@ -0,0 +1,252 @@
+const volumeControl = {
+  currentVolume: 50,
+  device: 'unknown',
+  platform: 'unknown',
+  isUpdating: false,
+
+  init: async () => {
+    const slider = document.getElementById('volume-slider');
+    const valueLabel = document.getElementById('volume-value');
+    const deviceInfo = document.getElementById('volume-device-info');
+
+    if (!slider || !valueLabel || !deviceInfo) {
+      console.warn('Volume control elements not found in DOM');
+      return;
+    }
+
+    try {
+      await volumeControl.loadCurrentVolume();
+    } catch (error) {
+      console.error('Error loading current volume:', error);
+      deviceInfo.textContent = 'Error loading volume';
+    }
+
+    slider.addEventListener('input', (e) => {
+      const v = Number(e.target.value);
+      valueLabel.textContent = String(v);
+    });
+
+    slider.addEventListener('change', async (e) => {
+      const newVolume = Number(e.target.value);
+      if (!Number.isFinite(newVolume)) return;
+      await volumeControl.setVolume(newVolume);
+    });
+  },
+
+  loadCurrentVolume: async () => {
+    try {
+      const response = await fetch('/api/volume/current');
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const data = await response.json();
+
+      const volume = Number(data.volume);
+      if (!Number.isFinite(volume)) {
+        throw new Error('Invalid volume in response');
+      }
+
+      volumeControl.currentVolume = volume;
+      volumeControl.device = data.device ?? 'unknown';
+      volumeControl.platform = data.platform ?? 'unknown';
+
+      const slider = document.getElementById('volume-slider');
+      const valueLabel = document.getElementById('volume-value');
+      const deviceInfo = document.getElementById('volume-device-info');
+
+      if (slider) slider.value = String(volume);
+      if (valueLabel) valueLabel.textContent = String(volume);
+      if (deviceInfo) {
+        deviceInfo.textContent = `${volumeControl.platform} - ${volumeControl.device}`;
+      }
+
+      console.log('Loaded volume:', data);
+    } catch (error) {
+      console.error('Error loading current volume:', error);
+      throw error;
+    }
+  },
+
+  setVolume: async (volume) => {
+    if (!Number.isFinite(volume)) {
+      console.warn('Ignoring invalid volume:', volume);
+      return;
+    }
+
+    const safeVolume = Math.max(0, Math.min(100, volume));
+    if (volumeControl.isUpdating) {
+      console.log('Volume update already in progress, skipping...');
+      return;
+    }
+
+    volumeControl.isUpdating = true;
+    const slider = document.getElementById('volume-slider');
+
+    if (slider) slider.disabled = true;
+
+    try {
+      const response = await fetch('/api/volume/set', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ volume: safeVolume }),
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      const serverVolume = Number(data.volume);
+
+      if (Number.isFinite(serverVolume)) {
+        volumeControl.currentVolume = serverVolume;
+        const s = document.getElementById('volume-slider');
+        const valueLabel = document.getElementById('volume-value');
+        if (s) s.value = String(serverVolume);
+        if (valueLabel) valueLabel.textContent = String(serverVolume);
+      }
+
+      console.log('Volume set to:', serverVolume);
+    } catch (error) {
+      console.error('Error setting volume:', error);
+      try {
+        await volumeControl.loadCurrentVolume();
+      } catch (loadError) {
+        console.error('Also failed to reload volume:', loadError);
+      }
+    } finally {
+      volumeControl.isUpdating = false;
+      const s = document.getElementById('volume-slider');
+      if (s) s.disabled = false;
+    }
+  },
+};
+
+const microphoneControl = {
+  currentVolume: 50,
+  device: 'unknown',
+  platform: 'unknown',
+  isUpdating: false,
+
+  init: async () => {
+    const slider = document.getElementById('microphone-slider');
+    const valueLabel = document.getElementById('microphone-value');
+    const deviceInfo = document.getElementById('microphone-device-info');
+
+    if (!slider || !valueLabel || !deviceInfo) {
+      console.warn('Microphone control elements not found in DOM');
+      return;
+    }
+
+    try {
+      await microphoneControl.loadCurrentVolume();
+    } catch (error) {
+      console.error('Error loading current microphone volume:', error);
+      deviceInfo.textContent = 'Error loading microphone';
+    }
+
+    slider.addEventListener('input', (e) => {
+      const v = Number(e.target.value);
+      valueLabel.textContent = String(v);
+    });
+
+    slider.addEventListener('change', async (e) => {
+      const newVolume = Number(e.target.value);
+      if (!Number.isFinite(newVolume)) return;
+      await microphoneControl.setVolume(newVolume);
+    });
+  },
+
+  loadCurrentVolume: async () => {
+    try {
+      const response = await fetch('/api/volume/microphone/current');
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const data = await response.json();
+
+      const volume = Number(data.volume);
+      if (!Number.isFinite(volume)) {
+        throw new Error('Invalid microphone volume in response');
+      }
+
+      microphoneControl.currentVolume = volume;
+      microphoneControl.device = data.device ?? 'unknown';
+      microphoneControl.platform = data.platform ?? 'unknown';
+
+      const slider = document.getElementById('microphone-slider');
+      const valueLabel = document.getElementById('microphone-value');
+      const deviceInfo = document.getElementById('microphone-device-info');
+
+      if (slider) slider.value = String(volume);
+      if (valueLabel) valueLabel.textContent = String(volume);
+      if (deviceInfo) {
+        deviceInfo.textContent = `${microphoneControl.platform} - ${microphoneControl.device}`;
+      }
+
+      console.log('Loaded microphone volume:', data);
+    } catch (error) {
+      console.error('Error loading current microphone volume:', error);
+      throw error;
+    }
+  },
+
+  setVolume: async (volume) => {
+    if (!Number.isFinite(volume)) {
+      console.warn('Ignoring invalid microphone volume:', volume);
+      return;
+    }
+
+    const safeVolume = Math.max(0, Math.min(100, volume));
+    if (microphoneControl.isUpdating) {
+      console.log('Microphone volume update already in progress, skipping...');
+      return;
+    }
+
+    microphoneControl.isUpdating = true;
+    const slider = document.getElementById('microphone-slider');
+
+    if (slider) slider.disabled = true;
+
+    try {
+      const response = await fetch('/api/volume/microphone/set', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ volume: safeVolume }),
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      const serverVolume = Number(data.volume);
+
+      if (Number.isFinite(serverVolume)) {
+        microphoneControl.currentVolume = serverVolume;
+        const s = document.getElementById('microphone-slider');
+        const valueLabel = document.getElementById('microphone-value');
+        if (s) s.value = String(serverVolume);
+        if (valueLabel) valueLabel.textContent = String(serverVolume);
+      }
+
+      console.log('Microphone volume set to:', serverVolume);
+    } catch (error) {
+      console.error('Error setting microphone volume:', error);
+      try {
+        await microphoneControl.loadCurrentVolume();
+      } catch (loadError) {
+        console.error('Also failed to reload microphone volume:', loadError);
+      }
+    } finally {
+      microphoneControl.isUpdating = false;
+      const s = document.getElementById('microphone-slider');
+      if (s) s.disabled = false;
+    }
+  },
+};
+
+window.addEventListener('DOMContentLoaded', () => {
+  volumeControl.init();
+  microphoneControl.init();
+});

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

@@ -0,0 +1,176 @@
+
+const getStatus = async () => {
+    return await fetch('/wifi/status')
+        .then(response => response.json())
+        .catch(error => {
+            console.error('Error fetching WiFi status:', error);
+            return { mode: 'error' };
+        });
+};
+
+const refreshStatus = async () => {
+    const status = await getStatus();
+    handleStatus(status);
+
+    await fetch('/wifi/error')
+        .then(response => response.json())
+        .then(data => {
+            if (data.error !== null) {
+                console.log('Error data:', data);
+                alert(`Error while trying to connect: ${data.error}.\n Switching back to hotspot mode.`);
+                fetch('/wifi/reset_error', { method: 'POST' });
+            }
+        })
+        .catch(error => {
+            console.error('Error fetching WiFi error:', error);
+        });
+};
+
+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;
+
+    if (!ssid) {
+        alert('Please enter an SSID.');
+        return;
+    }
+
+    fetch(`/wifi/connect?ssid=${encodeURIComponent(ssid)}&password=${encodeURIComponent(password)}`, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+    })
+        .then(response => {
+            if (!response.ok) {
+                return response.json().then(errData => {
+                    throw new Error(errData.detail || 'Failed to connect to WiFi');
+                });
+            }
+
+            // Clear the form fields
+            document.getElementById('ssid').value = '';
+            document.getElementById('password').value = '';
+
+            return response.json();
+        })
+        .then(data => {
+            handleStatus({ mode: 'busy' });
+        })
+        .catch(error => {
+            console.error('Error connecting to WiFi:', error);
+            alert(`Error connecting to WiFi: ${error.message}`);
+        });
+    return false; // Prevent form submission
+};
+
+let currentMode = null;
+
+const handleStatus = (status) => {
+    const statusDiv = document.getElementById('wifi-status');
+
+    const knownNetworksDiv = document.getElementById('known-networks');
+    const knownNetworksList = document.getElementById('known-networks-list');
+    knownNetworksDiv.classList.remove('hidden');
+
+    const mode = status.mode;
+
+    knownNetworksList.innerHTML = '';
+    if (status.known_networks !== undefined && Array.isArray(status.known_networks)) {
+        status.known_networks.forEach((network) => {
+            const li = document.createElement('li');
+            li.classList = 'flex flex-row items-center mb-1 gap-4 justify-left';
+
+            const nameSpan = document.createElement('span');
+            nameSpan.innerText = network;
+            li.appendChild(nameSpan);
+
+            // const removeBtn = document.createElement('span');
+            // removeBtn.innerText = ' (remove ❌)';
+            // removeBtn.style.cursor = 'pointer';
+            // removeBtn.title = 'Remove network';
+            // removeBtn.onclick = async () => {
+            //     if (confirm(`Remove network '${network}'?`)) {
+            //         removeNetwork(network);
+            //     }
+            // };
+            // li.appendChild(removeBtn);
+
+            knownNetworksList.appendChild(li);
+        });
+    }
+
+    if (mode == 'hotspot') {
+        statusDiv.innerText = 'Hotspot mode active. 🔌';
+
+    } else if (mode == 'wlan') {
+        if (currentMode !== null && currentMode !== 'wlan') {
+            alert(`Successfully connected to WiFi network: ${status.connected_network} ✅`);
+        }
+
+        statusDiv.innerText = `Connected to WiFi (SSID: ${status.connected_network}). 📶`;
+
+    } else if (mode == 'disconnected') {
+        statusDiv.innerText = 'WiFi disconnected. ❌';
+    } else if (mode == 'busy') {
+        statusDiv.innerText = 'Changing your WiFi configuration... Please wait ⏳';
+    } else if (mode == 'error') {
+        statusDiv.innerText = 'Error connecting to WiFi. ⚠️';
+    } else {
+        console.warn(`Unknown status: ${status}`);
+    }
+
+    currentMode = mode;
+};
+
+const removeNetwork = async (ssid) => {
+    const status = await getStatus();
+
+    // TODO:
+    // if ssid !== status.connected_network:
+    //    remove connection
+    // else:
+    //    refresh nmcli? go back to hotspot if needed?
+};
+
+const cleanAndRefresh = async () => {
+    const statusDiv = document.getElementById('wifi-status');
+    statusDiv.innerText = 'Checking WiFi configuration...';
+
+    const knownNetworksDiv = document.getElementById('known-networks');
+    knownNetworksDiv.classList.add('hidden');
+
+    const addWifi = document.getElementById('add-wifi');
+    addWifi.classList.add('hidden');
+
+    await scanAndListWifiNetworks();
+    await refreshStatus();
+
+    addWifi.classList.remove('hidden');
+};
+
+window.addEventListener('load', async () => {
+    await cleanAndRefresh();
+    setInterval(refreshStatus, 1000);
+});

reachy_mini/daemon/app/dashboard/tailwindcss/README.md

@@ -0,0 +1,15 @@
+# Generate static Tailwind CSS
+
+## Requirements
+
+(From this folder)
+
+```bash
+pnpm install -D tailwindcss @tailwindcss/cli 
+```
+
+## Generate CSS
+
+```bash
+npx @tailwindcss/cli -i ./styles/app.css -o ../static/css/app.css
+```