reachy-mini 1.0.0__py3-none-any.whl

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

@@ -0,0 +1,132 @@
+const updateMoveItems = async (dataset) => {
+    fetch(`/api/move/recorded-move-datasets/list/${dataset}`)
+        .then(response => response.json())
+        .then(data => {
+            // Update the UI with the list of recorded moves
+            const moveSelectToggle = document.getElementById('move-select-toggle');
+            moveSelectToggle.innerHTML = '';
+
+            data.forEach(moveName => {
+                const option = document.createElement('option');
+                option.value = moveName;
+                option.textContent = moveName;
+                moveSelectToggle.appendChild(option);
+            });
+
+        })
+        .catch(error => {
+            console.error(`Error fetching recorded moves for dataset '${dataset}':`, error);
+        });
+};
+
+const movePlayer = {
+    playing: false,
+    currentMove: null,
+
+    playRecordedMove: async (dataset, move) => {
+        console.log(`Requesting play move '${move}' from dataset '${dataset}'`);
+
+        // movePlayer.playing = true;
+        // movePlayer.updateUI();
+
+        await fetch(`/api/move/play/recorded-move-dataset/${dataset}/${move}`, {
+            method: 'POST'
+        }).then(response => {
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            return response.json();
+        }
+        ).then(data => {
+            movePlayer.currentMove = data.uuid;
+        }).catch(error => {
+            console.error(`Error playing move '${move}' from dataset '${dataset}':`, error);
+            // movePlayer.playing = false;
+            // movePlayer.currentMove = null;
+            // movePlayer.updateUI();
+        });
+    },
+
+    stopMove: async () => {
+        console.log(`Requesting stop of current move`);
+
+        await fetch(`/api/move/stop`, {
+            method: 'POST',
+            body: JSON.stringify({ uuid: movePlayer.currentMove }),
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        });
+    },
+
+    updateUI: () => {
+        const movePlayBtn = document.getElementById('move-play-btn');
+        const moveStopBtn = document.getElementById('move-stop-btn');
+
+        if (movePlayer.playing) {
+            movePlayBtn.disabled = true;
+            moveStopBtn.disabled = false;
+        } else {
+            movePlayBtn.disabled = false;
+            moveStopBtn.disabled = true;
+        }
+    },
+
+    checkMoveStatus: async () => {
+        let ws = new WebSocket(`ws://${window.location.host}/api/move/ws/updates`);
+
+        ws.onmessage = (event) => {
+            const data = JSON.parse(event.data);
+            if (data.type === 'move_started') {
+                movePlayer.playing = true;
+                movePlayer.currentMove = data.move_id;
+            }
+            else if (data.type === 'move_completed') {
+                movePlayer.playing = false;
+                movePlayer.currentMove = null;
+            }
+            else if (data.type === 'move_failed' || data.type === 'move_cancelled') {
+                movePlayer.playing = false;
+                movePlayer.currentMove = null;
+            }
+
+            movePlayer.updateUI();
+        };
+
+        ws.onclose = () => {
+            console.log('Move status WebSocket closed, reconnecting in 1 second...');
+            setTimeout(() => {
+                movePlayer.checkMoveStatus();
+            }, 1000);
+        };
+    }
+};
+
+window.addEventListener('DOMContentLoaded', (event) => {
+    const moveDatasetToggle = document.getElementById('move-dataset-toggle');
+
+    moveDatasetToggle.addEventListener('change', (_) => {
+        const selectedDataset = moveDatasetToggle.value;
+        updateMoveItems(selectedDataset);
+    });
+
+    const movePlayBtn = document.getElementById('move-play-btn');
+    movePlayBtn.addEventListener('click', async () => {
+        const selectedDataset = moveDatasetToggle.value;
+        const moveSelectToggle = document.getElementById('move-select-toggle');
+        const selectedMove = moveSelectToggle.value;
+
+        await movePlayer.playRecordedMove(selectedDataset, selectedMove);
+    });
+
+    const moveStopBtn = document.getElementById('move-stop-btn');
+    moveStopBtn.addEventListener('click', async () => {
+        await movePlayer.stopMove();
+    });
+
+    // Initialize move items on page load
+    updateMoveItems(moveDatasetToggle.value);
+
+    movePlayer.checkMoveStatus();
+    movePlayer.updateUI();
+});

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

@@ -0,0 +1,94 @@
+
+window.onload = () => {
+    refreshStatus();
+    setInterval(refreshStatus, 1000);
+};
+
+
+const refreshStatus = () => {
+    const statusDiv = document.getElementById('status');
+
+    fetch('/wifi/status')
+        .then(response => response.json())
+        .then(data => {
+            statusDiv.innerText = `Status: ${data}`;
+
+            handleStatus(data);
+        })
+        .catch(error => {
+            console.error('Error fetching WiFi status:', error);
+            statusDiv.innerText = 'Make sure you are connected on the right WiFi.\n Attempt to reconnect...';
+        });
+
+    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 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');
+                });
+            }
+            return response.json();
+        })
+        .then(data => {
+            console.log('Connection response:', data);
+            handleStatus('busy');
+        })
+        .catch(error => {
+            console.error('Error connecting to WiFi:', error);
+            alert(`Error connecting to WiFi: ${error.message}`);
+        });
+    return false; // Prevent form submission
+}
+
+const handleStatus = (status) => {
+    const addWifiDiv = document.getElementById('add-wifi');
+    addWifiDiv.hidden = true;
+
+    const busyDiv = document.getElementById('busy');
+    busyDiv.hidden = true;
+
+    const connectedDiv = document.getElementById('connected');
+    connectedDiv.hidden = true;
+
+    if (status === 'hotspot') {
+        addWifiDiv.hidden = false;
+    } else if (status === 'wlan') {
+        connectedDiv.hidden = false;
+    }
+    else if (status === 'busy') {
+        busyDiv.hidden = false;
+    }
+    else {
+        console.warn(`Unknown status: ${status}`);
+    }
+
+    currentStatus = status;
+};

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

@@ -0,0 +1,80 @@
+async function checkUpdates() {
+    const statusElem = document.getElementById('status');
+    const updateBtn = document.getElementById('update-btn');
+    statusElem.textContent = 'Checking for updates...';
+    updateBtn.style.display = 'none';
+
+    try {
+        const response = await fetch('/update/available');
+        const data = await response.json();
+        if (data.update.reachy_mini) {
+            statusElem.textContent = 'An update is available!';
+            updateBtn.style.display = 'inline-block';
+        } else {
+            statusElem.textContent = 'Your system is up to date.';
+        }
+    } catch (e) {
+        statusElem.textContent = 'Error checking for updates.';
+    }
+}
+
+async function triggerUpdate() {
+    const statusElem = document.getElementById('status');
+    statusElem.textContent = 'Updating...';
+    try {
+        const response = await fetch('/update/start', { method: 'POST' });
+        if (response.ok) {
+            await response.json().then(data => {
+                connectLogsWebSocket(data.job_id);
+            });
+            statusElem.textContent = 'Update started!';
+
+        } else {
+            await response.json().then(data => {
+                if (data.detail) {
+                    statusElem.textContent = 'Error: ' + data.detail;
+                }
+            });
+        }
+    } catch (e) {
+        statusElem.textContent = 'Error triggering update.';
+    }
+}
+
+
+function connectLogsWebSocket(jobId) {
+    const logsElem = document.getElementById('logs');
+    if (!logsElem) return;
+
+    let wsProto = window.location.protocol === 'https:' ? 'wss' : 'ws';
+    let wsUrl = wsProto + '://' + window.location.host + '/update/ws/logs?job_id=' + jobId;
+    const ws = new WebSocket(wsUrl);
+
+    ws.onmessage = function (event) {
+        // Append new log line
+        logsElem.textContent += event.data + '\n';
+        logsElem.scrollTop = logsElem.scrollHeight;
+    };
+    ws.onerror = function () {
+        logsElem.textContent += '[WebSocket error connecting to logs]\n';
+    };
+    ws.onclose = function () {
+        logsElem.textContent += '[WebSocket closed]\n';
+
+        const statusElem = document.getElementById('status');
+        statusElem.textContent = 'Update completed. Reloading in a 5 seconds...';
+
+        for (let i = 5; i > 0; i--) {
+            setTimeout(() => {
+                statusElem.textContent = 'Update completed. Reloading in ' + i + ' seconds...';
+            }, (5 - i) * 1000);
+        }
+        setTimeout(() => {
+            window.location.reload();
+        }, 5000);
+    };
+}
+
+window.onload = function () {
+    checkUpdates();
+};

reachy_mini/daemon/app/dashboard/static/style.css

@@ -0,0 +1,83 @@
+@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;500;700&display=swap');
+
+html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+    font-family: 'Archivo', 'Asap', sans-serif;
+}
+
+.daemon-status-title {
+    font-size: 36px;
+    font-weight: 500;
+    letter-spacing: 0.3px;
+}
+
+.daemon-status-collapse {
+    font-family: 'Asap', sans-serif;
+    font-weight: 400;
+    color: rgba(0, 0, 0, 0.7);
+}
+
+/* APPs styles */
+
+.app-section {
+    border-radius: 8px;
+    border-width: 1px;
+    padding: 16px;
+    gap: 16px;
+    background: #FFFFFF;
+}
+
+.installed-app-title {
+    font-weight: 600;
+}
+
+/* Hugging Face App Store Styles */
+
+.app-section-title {
+    font-weight: 500;
+    font-size: 24px;
+    letter-spacing: 0px;
+}
+
+.app-list-item {
+    padding: 4px;
+}
+
+.hf-app-icon {
+    width: 42px;
+    height: 42px;
+    border-radius: 10px;
+    text-align: center;
+    font-size: 31px;
+    background-color: rgba(0, 0, 0, 0.1);
+
+}
+
+.hf-app-title {
+    font-weight: 500;
+    font-size: 18px;
+}
+
+.hf-app-description {
+    font-family: 'Asap', sans-serif;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 75%;
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.hf-app-install-button {
+    font-weight: 500;
+    font-size: 20px;
+    font-style: Bold;
+    text-align: center;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

reachy_mini/daemon/app/dashboard/templates/base.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}Reachy Mini dashboard{% endblock %}</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="/static/style.css">
+
+    {% block extra_js %}{% endblock %}
+</head>
+
+
+<body class="bg-gray-50">
+    <header>
+    </header>
+    <div class="container py-8 px-4 sm:px-8 md:px-8 lg:px-8 xl:px-8 mx-auto w-full md:w-2/3">
+        {% block content %}{% endblock %}
+    </div>
+</body>
+
+</html>

reachy_mini/daemon/app/dashboard/templates/index.html

@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<div class="grid gap-4">
+    {% include "sections/daemon.html" %}
+    {% include "sections/apps.html" %}
+    {% include "sections/appstore.html" %}
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script src="/static/js/daemon.js"></script>
+<script src="/static/js/apps.js"></script>
+<script src="/static/js/appstore.js"></script>
+<script src="/static/js/move_player.js"></script>
+{% endblock %}

reachy_mini/daemon/app/dashboard/templates/sections/apps.html

@@ -0,0 +1,8 @@
+<section class="w-full">
+    <div class="app-section">
+        <div class="app-section-title">Applications</div>
+        <div class="">
+            <ul id="installed-apps" class="overflow-y-auto max-h-96"></ul>
+        </div>
+    </div>
+</section>

reachy_mini/daemon/app/dashboard/templates/sections/appstore.html

@@ -0,0 +1,29 @@
+<section class="grid app-section">
+
+    <div id="install-modal" tabindex="-1" aria-hidden="true"
+        class="hidden fixed inset-0 z-50 flex items-center justify-center w-full h-full">
+        <div class="relative p-4 w-full max-w-2xl max-h-full">
+            <div class="relative bg-white rounded-lg shadow-sm dark:bg-gray-700">
+                <div
+                    class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600 border-gray-200">
+                    <h3 id="modal-title" class="text-xl font-semibold text-gray-900 dark:text-white"></h3>
+                </div>
+                <div class="p-4 md:p-5 space-y-4">
+                    <div id="install-logs" class="overflow-y-auto max-h-48 text-gray-500 dark:text-gray-400">
+                    </div>
+                </div>
+                <div
+                    class="flex items-center justify-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600">
+                    <button id="modal-close-button" data-modal-hide="default-modal" type="button"
+                        class="hidden"></button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="app-section-title">Install from 🤗 Hugging Face</div>
+    <div class="">
+        <ul id="hf-available-apps" class="overflow-y-auto max-h-96">Loading app from 🤗...</ul>
+    </div>
+</section>

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

@@ -0,0 +1,36 @@
+<section class="flex flex-col md:flex-row gap-4">
+    <!-- Daemon Status Animation -->
+    <div class="flex-1 min-w-[50%] justify-center items-center flex">
+        <object id="daemon-status-anim" data="" type="image/svg+xml" class="w-full h-auto"></object>
+    </div>
+    <div class="flex-1 py-2">
+        <div class="flex justify-between items-center">
+            <div class="daemon-status-title">Reachy Mini</div>
+            <!-- Toggle Daemon slider -->
+            <span>
+                <label>
+                    <input id="daemon-toggle" type="checkbox" value="" class="sr-only peer">
+                    <div id="daemon-toggle-slider"
+                        class="relative w-20 h-8 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-gray-100 dark:peer-focus:ring-gray-100 rounded-full peer dark:bg-red-400 peer-checked:after:translate-x-[46px] rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-7 after:w-7 after:transition-all dark:border-gray-600 peer-checked:bg-green-400 dark:peer-checked:bg-green-400 hidden">
+                        <span id="daemon-toggle-on"
+                            class="absolute top-1/2 start-1.5 -translate-y-1/2 flex justify-center items-center size-7 text-white peer-checked:text-white transition-colors duration-200 hidden">ON</span>
+                        <span id="daemon-toggle-off"
+                            class="absolute top-1/2 end-2.5 -translate-y-1/2 flex justify-center items-center size-7 text-white">
+                            OFF
+                        </span>
+                    </div>
+                </label>
+            </span>
+        </div>
+        <!-- Daemon status: -->
+        <div id="backend-status" class="">
+            <div class="flex items-center pt-1 w-full">
+                <span id="backend-status-icon" class="inline-block w-4 h-4 rounded-full align-middle mr-2"></span>
+                <span id="backend-status-text" class="daemon-status-collapse"></span>
+            </div>
+        </div>
+
+        <div class="mt-4">
+            {% include 'sections/move_player.html' %}
+        </div>
+</section>

reachy_mini/daemon/app/dashboard/templates/sections/move_player.html

@@ -0,0 +1,27 @@
+<div class="grid app-section py-2">
+    <div class="flex flex-row gap-4">
+        <div class="text-xl">Move player</div>
+        <div class="flex flex-row gap-2 py-1">
+            <button id="move-play-btn"
+                class="px-2 py-1 rounded bg-blue-500 text-white font-semibold shadow hover:bg-blue-600 transition-colors duration-150 flex items-center justify-center disabled:bg-gray-300 disabled:text-gray-500">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                    <path d="M6.5 5.5v9l7-4.5-7-4.5z" />
+                </svg>
+            </button>
+            <button id="move-stop-btn" class="px-2 py-1 rounded bg-red-500 text-white font-semibold shadow hover:bg-red-600 transition-colors duration-150 flex items-center justify-center
+                disabled:bg-gray-300 disabled:text-gray-500">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                    <rect x="5" y="5" width="10" height="10" rx="2" />
+                </svg>
+            </button>
+        </div>
+    </div>
+    <div class="flex flex-row gap-4 justify-center">
+        <select id="move-dataset-toggle" class="px-2 py-1 rounded border border-gray-300 bg-white">
+            <option value="pollen-robotics/reachy-mini-dances-library">Dances</option>
+            <option value="pollen-robotics/reachy-mini-emotions-library">Emotions</option>
+        </select>
+        <select id="move-select-toggle" class="px-2 py-1 rounded border border-gray-300 bg-white">
+        </select>
+    </div>
+</div>

reachy_mini/daemon/app/dashboard/update.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Checking Updates</title>
+    <script src="/dashboard/js/update.js"></script>
+</head>
+
+<body>
+    <div class="container">
+        <h1>Checking Updates:</h1>
+        <div class="status" id="status">Checking for updates...</div>
+        <button onclick="checkUpdates()">Refresh</button>
+        <button id="update-btn" onclick="triggerUpdate()" style="display:none;">Update Now</button>
+        <div id="logs"
+            style="margin-top:2em; padding:1em; background:#222; color:#eee; font-family:monospace; height:200px; overflow-y:auto; border-radius:4px;">
+        </div>
+    </div>
+</body>
+
+</html>

reachy_mini/daemon/app/dashboard/wifi_config.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Basic HTML Page</title>
+    <script src="/dashboard/js/setup_wifi.js"></script>
+</head>
+
+<body>
+    <h1>Setup your WiFi</h1>
+
+    <h3>Current Status:</h3>
+    <div id="status">Loading...</div>
+
+    <div id="add-wifi" hidden>
+        <h2>Add your WiFi</h2>
+
+        <form id="wifi-form">
+            <label for="ssid">SSID:</label>
+            <input type="text" id="ssid" name="ssid" required><br><br>
+            <label for="password">Password:</label>
+            <input type="password" id="password" name="password" required><br><br>
+            <input type="button" onclick="connectToWifi(event)" target="_blank" formtarget="_blank" value="Connect">
+        </form>
+    </div>
+
+    <div id="busy" hidden>
+        <h2>Operation in progress...</h2>
+        <p>Please wait while we set up your connection.</p>
+    </div>
+
+    <div id="connected" hidden>
+        <h2>Connected!</h2>
+        <p>Your device is now connected to the WiFi network.</p>
+    </div>
+
+</body>
+
+</html>

reachy_mini/daemon/app/dependencies.py

@@ -0,0 +1,41 @@
+"""FastAPI common request dependencies."""
+
+from fastapi import HTTPException, Request, WebSocket
+
+from ...apps.manager import AppManager
+from ..backend.abstract import Backend
+from ..daemon import Daemon
+
+
+def get_daemon(request: Request) -> Daemon:
+    """Get the daemon as request dependency."""
+    assert isinstance(request.app.state.daemon, Daemon)
+    return request.app.state.daemon
+
+
+def get_backend(request: Request) -> Backend:
+    """Get the backend as request dependency."""
+    backend = request.app.state.daemon.backend
+
+    if backend is None or not backend.ready.is_set():
+        raise HTTPException(status_code=503, detail="Backend not running")
+
+    assert isinstance(backend, Backend)
+    return backend
+
+
+def get_app_manager(request: Request) -> "AppManager":
+    """Get the app manager as request dependency."""
+    assert isinstance(request.app.state.app_manager, AppManager)
+    return request.app.state.app_manager
+
+
+def ws_get_backend(websocket: WebSocket) -> Backend:
+    """Get the backend as websocket dependency."""
+    backend = websocket.app.state.daemon.backend
+
+    if backend is None or not backend.ready.is_set():
+        raise HTTPException(status_code=503, detail="Backend not running")
+
+    assert isinstance(backend, Backend)
+    return backend