reachy-mini 1.0.0__py3-none-any.whl

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

@@ -0,0 +1,304 @@
+const installedApps = {
+    refreshAppList: async () => {
+        const appsData = await installedApps.fetchInstalledApps();
+        await installedApps.displayInstalledApps(appsData);
+    },
+
+    currentlyRunningApp: null,
+    busy: false,
+    toggles: {},
+
+    startApp: async (appName) => {
+        if (installedApps.busy) {
+            console.log(`Another app is currently being started or stopped.`);
+            return;
+        }
+        installedApps.setBusy(true);
+
+        console.log(`Current running app: ${installedApps.currentlyRunningApp}`);
+
+        if (installedApps.currentlyRunningApp) {
+            console.log(`Stopping currently running app: ${installedApps.currentlyRunningApp}...`);
+            await installedApps.stopApp(installedApps.currentlyRunningApp, true);
+        }
+
+        console.log(`Starting app: ${appName}...`);
+        const endpoint = `/api/apps/start-app/${appName}`;
+        const resp = await fetch(endpoint, { method: 'POST' });
+        if (!resp.ok) {
+            console.error(`Failed to staret app ${appName}: ${resp.statusText}`);
+            installedApps.toggles[appName].setChecked(false);
+            installedApps.setBusy(false);
+            return;
+        } else {
+            console.log(`App ${appName} started successfully.`);
+        }
+
+        installedApps.currentlyRunningApp = appName;
+        installedApps.setBusy(false);
+    },
+
+    stopApp: async (appName, force = false) => {
+        if (installedApps.busy && !force) {
+            console.log(`Another app is currently being started or stopped.`);
+            return;
+        }
+        installedApps.setBusy(true);
+
+        console.log(`Stopping app: ${appName}...`);
+
+        if (force) {
+            console.log(`Force stopping app: ${appName}...`);
+            installedApps.toggles[appName].setChecked(false);
+        }
+
+        const endpoint = `/api/apps/stop-current-app`;
+        const resp = await fetch(endpoint, { method: 'POST' });
+        if (!resp.ok) {
+            console.error(`Failed to stop app ${appName}: ${resp.statusText}`);
+            installedApps.setBusy(false);
+            return;
+        } else {
+            console.log(`App ${appName} stopped successfully.`);
+            installedApps.toggles[appName].setChecked(false);
+        }
+
+        if (installedApps.currentlyRunningApp === appName) {
+            installedApps.currentlyRunningApp = null;
+        }
+        installedApps.setBusy(false);
+    },
+
+    setBusy: (isBusy) => {
+        installedApps.busy = isBusy;
+        for (const toggle of Object.values(installedApps.toggles)) {
+            if (isBusy) {
+                toggle.disable();
+            } else {
+                toggle.enable();
+            }
+        }
+    },
+
+    fetchInstalledApps: async () => {
+        const resp = await fetch('/api/apps/list-available/installed');
+        const appsData = await resp.json();
+        return appsData;
+    },
+
+    displayInstalledApps: async (appsData) => {
+        const appsListElement = document.getElementById('installed-apps');
+        appsListElement.innerHTML = '';
+
+        if (!appsData || appsData.length === 0) {
+            appsListElement.innerHTML = '<li>No installed apps found.</li>';
+            return;
+        }
+
+        const runningApp = await installedApps.getRunningApp();
+
+        installedApps.toggles = {};
+        appsData.forEach(app => {
+            const li = document.createElement('li');
+            li.className = 'app-list-item';
+            const isRunning = (app.name === runningApp);
+            li.appendChild(installedApps.createAppElement(app, isRunning));
+            appsListElement.appendChild(li);
+        });
+    },
+
+    createAppElement: (app, isRunning) => {
+        const container = document.createElement('div');
+        container.className = 'grid grid-cols-[auto_6rem_2rem] justify-stretch gap-x-2';
+
+        const title = document.createElement('div');
+        title.className = 'installed-app-title top-1/2 ';
+        title.innerHTML = app.name;
+        container.appendChild(title);
+
+        const slider = document.createElement('div');
+        const toggle = new ToggleSlider({
+            checked: isRunning,
+            onChange: (checked) => {
+                if (installedApps.busy) {
+                    toggle.setChecked(!checked);
+                    return;
+                }
+                if (checked) {
+                    installedApps.startApp(app.name);
+                } else {
+                    installedApps.stopApp(app.name);
+                }
+            }
+        });
+        installedApps.toggles[app.name] = toggle;
+        slider.appendChild(toggle.element);
+        container.appendChild(slider);
+
+        const remove = document.createElement('button');
+        remove.innerHTML = '🗑️';
+        remove.className = '-translate-y-1 text-xl';
+        container.appendChild(remove);
+        remove.onclick = async () => {
+            console.log(`Removing ${app.name}...`);
+            const resp = await fetch(`/api/apps/remove/${app.name}`, { method: 'POST' });
+            const data = await resp.json();
+            const jobId = data.job_id;
+
+            installedApps.appUninstallLogHandler(app.name, jobId);
+        };
+
+        return container;
+    },
+
+    getRunningApp: async () => {
+        const resp = await fetch('/api/apps/current-app-status');
+        const data = await resp.json();
+        if (!data) {
+            return null;
+        }
+        installedApps.currentlyRunningApp = data.info.name;
+        return data.info.name;
+    },
+
+    appUninstallLogHandler: async (appName, jobId) => {
+        const installModal = document.getElementById('install-modal');
+        const modalTitle = installModal.querySelector('#modal-title');
+        modalTitle.textContent = `Uninstalling ${appName}...`;
+        installModal.classList.remove('hidden');
+
+        const logsDiv = document.getElementById('install-logs');
+        logsDiv.textContent = '';
+
+        const closeButton = document.getElementById('modal-close-button');
+        closeButton.onclick = () => {
+            installModal.classList.add('hidden');
+        };
+        closeButton.classList = "hidden";
+        closeButton.textContent = '';
+
+        const ws = new WebSocket(`ws://${location.host}/api/apps/ws/apps-manager/${jobId}`);
+        ws.onmessage = (event) => {
+            try {
+                const data = JSON.parse(event.data);
+                console.log(data.status);
+
+                if (data.status === "failed") {
+                    closeButton.classList = "text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800";
+                    closeButton.textContent = 'Close';
+                    console.error(`Uninstallation of ${appName} failed.`);
+                } else if (data.status === "done") {
+                    closeButton.classList = "text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800";
+                    closeButton.textContent = 'Uninstall done';
+                    console.log(`Uninstallation of ${appName} completed.`);
+
+                }
+            } catch {
+                logsDiv.innerHTML += event.data + '\n';
+                logsDiv.scrollTop = logsDiv.scrollHeight;
+            }
+        };
+        ws.onclose = async () => {
+            hfAppsStore.refreshAppList();
+            installedApps.refreshAppList();
+        };
+    },
+};
+
+class ToggleSlider {
+    constructor({ checked = false, onChange = null } = {}) {
+        this.label = document.createElement('label');
+        this.label.className = 'relative inline-block w-28 h-8 cursor-pointer';
+
+        this.input = document.createElement('input');
+        this.input.type = 'checkbox';
+        this.input.className = 'sr-only peer';
+        this.input.checked = checked;
+        this.label.appendChild(this.input);
+
+        // Off label
+        this.offLabel = document.createElement('span');
+        this.offLabel.textContent = 'Off';
+        this.offLabel.className = 'absolute left-0 top-1/2 -translate-x-8 -translate-y-1/2 text-base select-none transition-colors duration-200 text-gray-900 peer-checked:text-gray-400';
+        this.label.appendChild(this.offLabel);
+
+        this.track = document.createElement('div');
+        this.track.className = 'absolute top-0 left-0 w-16 h-8 bg-gray-200 rounded-full transition-colors duration-200 peer-checked:bg-blue-800 dark:bg-gray-400 dark:peer-checked:bg-blue-800';
+        this.label.appendChild(this.track);
+
+        this.thumb = document.createElement('div');
+        this.thumb.className = 'absolute top-0.5 left-0.5 w-7 h-7 bg-white border border-gray-300 rounded-full transition-all duration-200';
+        this.track.appendChild(this.thumb);
+
+        // On label
+        this.onLabel = document.createElement('span');
+        this.onLabel.textContent = 'On';
+        this.onLabel.className = 'absolute right-0 top-1/2 -translate-y-1/2 -translate-x-4 text-base select-none transition-colors duration-200 text-gray-400 peer-checked:text-gray-900';
+        this.label.appendChild(this.onLabel);
+
+
+        this.input.addEventListener('change', () => {
+            if (this.input.checked) {
+                this.thumb.style.transform = 'translateX(31px)';
+                this.onLabel.classList.remove('text-gray-400');
+                this.onLabel.classList.add('text-gray-900');
+                this.offLabel.classList.remove('text-gray-900');
+                this.offLabel.classList.add('text-gray-400');
+            } else {
+                this.thumb.style.transform = 'translateX(0)';
+                this.onLabel.classList.remove('text-gray-900');
+                this.onLabel.classList.add('text-gray-400');
+                this.offLabel.classList.remove('text-gray-400');
+                this.offLabel.classList.add('text-gray-900');
+            }
+            if (onChange) onChange(this.input.checked);
+        });
+
+        // Set initial thumb and label color
+        if (checked) {
+            this.thumb.style.transform = 'translateX(31px)';
+            this.onLabel.classList.remove('text-gray-400');
+            this.onLabel.classList.add('text-gray-900');
+        } else {
+            this.onLabel.classList.remove('text-gray-900');
+            this.onLabel.classList.add('text-gray-400');
+        }
+
+        this.element = this.label;
+    }
+
+    setChecked(val) {
+        this.input.checked = val;
+        if (this.input.checked) {
+            this.thumb.style.transform = 'translateX(48px)';
+            this.onLabel.classList.remove('text-gray-400');
+            this.onLabel.classList.add('text-gray-900');
+            this.offLabel.classList.remove('text-gray-900');
+            this.offLabel.classList.add('text-gray-400');
+        } else {
+            this.thumb.style.transform = 'translateX(0)';
+            this.onLabel.classList.remove('text-gray-900');
+            this.onLabel.classList.add('text-gray-400');
+            this.offLabel.classList.remove('text-gray-400');
+            this.offLabel.classList.add('text-gray-900');
+        }
+    }
+
+    getChecked() {
+        return this.input.checked;
+    }
+
+    disable() {
+        this.input.disabled = true;
+        this.label.classList.add('opacity-50', 'pointer-events-none');
+    }
+
+    enable() {
+        this.input.disabled = false;
+        this.label.classList.remove('opacity-50', 'pointer-events-none');
+    }
+};
+
+window.addEventListener('load', async () => {
+    await installedApps.refreshAppList();
+});

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

@@ -0,0 +1,150 @@
+
+const hfAppsStore = {
+    refreshAppList: async () => {
+        const appsData = await hfAppsStore.fetchAvailableApps();
+        await hfAppsStore.displayAvailableApps(appsData);
+    },
+    fetchAvailableApps: async () => {
+        const resAvailable = await fetch('/api/apps/list-available');
+        const appsData = await resAvailable.json();
+        return appsData;
+    },
+
+    isInstalling: false,
+
+    installApp: async (app) => {
+        if (hfAppsStore.isInstalling) {
+            console.warn('An installation is already in progress.');
+            return;
+        }
+        hfAppsStore.isInstalling = true;
+
+        const appName = app.extra.cardData.title || app.name;
+        console.log(`Installing ${app.name}...`);
+
+        const resp = await fetch('/api/apps/install', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(app)
+        });
+        const data = await resp.json();
+        const jobId = data.job_id;
+
+        hfAppsStore.appInstallLogHandler(appName, jobId);
+    },
+
+    displayAvailableApps: async (appsData) => {
+        const appsListElement = document.getElementById('hf-available-apps');
+        appsListElement.innerHTML = '';
+
+        if (!appsData || appsData.length === 0) {
+            appsListElement.innerHTML = '<li>No available apps found.</li>';
+            return;
+        }
+
+        const hfApps = appsData.filter(app => app.source_kind === 'hf_space');
+        const installedApps = appsData.filter(app => app.source_kind === 'installed');
+
+        hfApps.forEach(app => {
+            const li = document.createElement('li');
+            li.className = 'app-list-item';
+            const isInstalled = installedApps.some(installedApp => installedApp.name === app.name);
+            li.appendChild(hfAppsStore.createAppElement(app, isInstalled));
+            appsListElement.appendChild(li);
+        });
+    },
+
+    createAppElement: (app, isInstalled) => {
+        const container = document.createElement('div');
+        container.className = 'grid grid-cols-[2rem_auto_8rem] justify-stretch gap-x-6';
+
+        const iconDiv = document.createElement('div');
+        iconDiv.className = 'hf-app-icon row-span-2 my-1';
+        iconDiv.textContent = app.extra.cardData.emoji || '📦';
+        container.appendChild(iconDiv);
+
+        const nameDiv = document.createElement('div');
+        nameDiv.className = 'flex flex-col';
+
+        const titleDiv = document.createElement('a');
+        titleDiv.href = app.url;
+        titleDiv.target = '_blank';
+        titleDiv.rel = 'noopener noreferrer';
+        titleDiv.className = 'hf-app-title';
+        titleDiv.textContent = app.extra.cardData.title || app.name;
+        nameDiv.appendChild(titleDiv);
+        const descriptionDiv = document.createElement('span');
+        descriptionDiv.className = 'hf-app-description';
+        descriptionDiv.textContent = app.description || 'No description available.';
+        nameDiv.appendChild(descriptionDiv);
+        container.appendChild(nameDiv);
+
+        const installButtonDiv = document.createElement('button');
+        installButtonDiv.className = 'row-span-2 my-2 hf-app-install-button';
+
+        if (isInstalled) {
+            installButtonDiv.classList.add('bg-gray-400', 'cursor-not-allowed');
+            installButtonDiv.textContent = 'Installed';
+            installButtonDiv.disabled = true;
+        } else {
+            installButtonDiv.classList.add('border', 'border-red-600');
+            installButtonDiv.textContent = 'Install';
+            installButtonDiv.onclick = async () => {
+                hfAppsStore.installApp(app);
+            };
+        }
+
+        container.appendChild(installButtonDiv);
+
+        return container;
+    },
+
+    appInstallLogHandler: async (appName, jobId) => {
+        const installModal = document.getElementById('install-modal');
+        const modalTitle = installModal.querySelector('#modal-title');
+        modalTitle.textContent = `Installing ${appName}...`;
+        installModal.classList.remove('hidden');
+
+        const logsDiv = document.getElementById('install-logs');
+        logsDiv.textContent = '';
+
+        const closeButton = document.getElementById('modal-close-button');
+        closeButton.onclick = () => {
+            installModal.classList.add('hidden');
+        };
+        closeButton.classList = "hidden";
+        closeButton.textContent = '';
+
+        const ws = new WebSocket(`ws://${location.host}/api/apps/ws/apps-manager/${jobId}`);
+        ws.onmessage = (event) => {
+            try {
+                const data = JSON.parse(event.data);
+                console.log(data.status);
+
+                if (data.status === "failed") {
+                    closeButton.classList = "text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800";
+                    closeButton.textContent = 'Close';
+                    console.error(`Installation of ${appName} failed.`);
+                } else if (data.status === "done") {
+                    closeButton.classList = "text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800";
+                    closeButton.textContent = 'Install done';
+                    console.log(`Installation of ${appName} completed.`);
+
+                }
+            } catch {
+                logsDiv.innerHTML += event.data + '\n';
+                logsDiv.scrollTop = logsDiv.scrollHeight;
+            }
+        };
+        ws.onclose = async () => {
+            hfAppsStore.isInstalling = false;
+            hfAppsStore.refreshAppList();
+            installedApps.refreshAppList();
+        };
+    },
+};
+
+
+window.addEventListener('load', async () => {
+    await hfAppsStore.refreshAppList();
+});

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

@@ -0,0 +1,163 @@
+
+
+
+const daemon = {
+    currentStatus: {},
+
+    start: async (wakeUp) => {
+        fetch(`/api/daemon/start?wake_up=${wakeUp}`, {
+            method: 'POST',
+        })
+            .then((response) => {
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                return response.json();
+            })
+            .then(async (data) => {
+                await daemon.checkStatusUpdate();
+            })
+            .catch((error) => {
+                console.error('Error starting daemon:', error);
+            });
+    },
+
+    stop: async (gotoSleep) => {
+        fetch(`/api/daemon/stop?goto_sleep=${gotoSleep}`, {
+            method: 'POST',
+        })
+            .then((response) => {
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                return response.json();
+            })
+            .then(async (data) => {
+                await daemon.checkStatusUpdate();
+            })
+            .catch((error) => {
+                console.error('Error stopping daemon:', error);
+            });
+    },
+
+    getStatus: async () => {
+        fetch('/api/daemon/status')
+            .then((response) => response.json())
+            .then(async (data) => {
+                let previousState = daemon.currentStatus.state;
+                daemon.currentStatus = data;
+
+                if (previousState !== daemon.currentStatus.state) {
+                    await daemon.updateUI();
+                }
+            })
+            .catch((error) => {
+                console.error('Error fetching daemon status:', error);
+            });
+    },
+
+    checkStatusUpdate: async (initialState) => {
+        await daemon.getStatus();
+
+        if (!initialState) {
+            initialState = daemon.currentStatus.state;
+        }
+
+        let currentState = daemon.currentStatus.state;
+
+        if (currentState === initialState || currentState === "starting" || currentState === "stopping") {
+            setTimeout(() => {
+                daemon.checkStatusUpdate(initialState);
+            }, 500);
+        }
+    },
+
+    toggleSwitch: async () => {
+        const toggleDaemonSwitch = document.getElementById('daemon-toggle');
+
+        if (toggleDaemonSwitch.checked) {
+            console.log('Toggle switched ON. Starting daemon...');
+            await daemon.start(true);
+        } else {
+            console.log('Toggle switched OFF. Stopping daemon...');
+            await daemon.stop(true);
+        }
+
+        await daemon.updateToggle();
+    },
+
+    updateUI: async () => {
+        const daemonStatusAnim = document.getElementById('daemon-status-anim');
+        const toggleDaemonSwitch = document.getElementById('daemon-toggle');
+        const backendStatusIcon = document.getElementById('backend-status-icon');
+        const backendStatusText = document.getElementById('backend-status-text');
+
+        let daemonState = daemon.currentStatus.state;
+
+        toggleDaemonSwitch.disabled = false;
+        backendStatusIcon.classList.remove('bg-green-500', 'bg-yellow-500', 'bg-red-500');
+
+        if (daemonState === 'starting') {
+            // daemonStatusAnim.setAttribute('data', '/static/assets/reachy-mini-wake-up-animation.svg');
+            daemonStatusAnim.setAttribute('data', '/static/assets/awake-cartoon.svg');
+            toggleDaemonSwitch.disabled = true;
+            toggleDaemonSwitch.checked = true;
+            backendStatusIcon.classList.add('bg-yellow-500');
+            backendStatusText.textContent = 'Waking up...';
+        }
+        else if (daemonState === 'running') {
+            // daemonStatusAnim.setAttribute('data', '/static/assets/reachy-mini-awake.svg');
+            daemonStatusAnim.setAttribute('data', '/static/assets/awake-cartoon-static.svg');
+            toggleDaemonSwitch.checked = true;
+            backendStatusIcon.classList.add('bg-green-500');
+            backendStatusText.textContent = 'Up and ready';
+        }
+        else if (daemonState === 'stopping') {
+            // daemonStatusAnim.setAttribute('data', '/static/assets/reachy-mini-go-to-sleep-animation.svg');
+            daemonStatusAnim.setAttribute('data', '/static/assets/go-to-sleep-cartoon.svg');
+            toggleDaemonSwitch.disabled = true;
+            toggleDaemonSwitch.checked = false;
+            backendStatusIcon.classList.add('bg-yellow-500');
+            backendStatusText.textContent = 'Going to sleep...';
+        }
+        else if (daemonState === 'stopped' || daemonState === 'not_initialized') {
+            // daemonStatusAnim.setAttribute('data', '/static/assets/reachy-mini-sleeping.svg');
+            daemonStatusAnim.setAttribute('data', '/static/assets/reachy-mini-sleeping-static.svg');
+            toggleDaemonSwitch.checked = false;
+            backendStatusIcon.classList.add('bg-yellow-500');
+            backendStatusText.textContent = 'Stopped';
+        }
+        else if (daemonState === 'error') {
+            // daemonStatusAnim.setAttribute('data', '/static/assets/reachy-mini-ko-animation.svg');
+            daemonStatusAnim.setAttribute('data', '/static/assets/no-wifi-cartoon.svg');
+            toggleDaemonSwitch.checked = false;
+            backendStatusIcon.classList.add('bg-red-500');
+            backendStatusText.textContent = 'Error occurred';
+        }
+
+        await daemon.updateToggle();
+    },
+
+    updateToggle: async () => {
+        const toggle = document.getElementById('daemon-toggle');
+        const toggleSlider = document.getElementById('daemon-toggle-slider');
+        const toggleOnLabel = document.getElementById('daemon-toggle-on');
+        const toggleOffLabel = document.getElementById('daemon-toggle-off');
+
+        toggleSlider.classList.remove('hidden');
+
+        if (toggle.checked) {
+            toggleOnLabel.classList.remove('hidden');
+            toggleOffLabel.classList.add('hidden');
+        } else {
+            toggleOnLabel.classList.add('hidden');
+            toggleOffLabel.classList.remove('hidden');
+        }
+    },
+};
+
+
+window.addEventListener('load', async () => {
+    document.getElementById('daemon-toggle').onchange = daemon.toggleSwitch;
+    await daemon.getStatus();
+});