Create reachy-client.js

reachy-client.js

@@ -0,0 +1,51 @@
+let serverIp = 'localhost';
+
+function setServerIp(ip) {
+    serverIp = ip;
+    reachyClient.reachyServer = `${serverIp}:8000`;
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    const form = document.getElementById('server-ip-form');
+    const input = document.getElementById('server-ip-input');
+    if (form && input) {
+        form.addEventListener('submit', (e) => {
+            e.preventDefault();
+            setServerIp(input.value);
+        });
+    }
+});
+
+const reachyClient = {
+    getStatus: async () => {
+        const response = await fetch(`http://${reachyClient.reachyServer}/api/daemon/status`, { mode: 'cors' });
+        return response.json();
+    },
+
+    getWsStatus: async () => {
+        const ws = new WebSocket(`ws://${reachyClient.reachyServer}/api/state/ws/full`);
+        ws.onopen = () => {
+            const statusDiv = document.getElementById('status-text-ws');
+            statusDiv.innerText = 'Connected via WebSocket';
+            ws.close();
+        };
+        ws.onerror = () => {
+            const statusDiv = document.getElementById('status-text-ws');
+            statusDiv.innerText = 'WebSocket Connection Error';
+        };
+    },
+};
+
+
+document.addEventListener('DOMContentLoaded', async () => {
+    const status = await reachyClient.getStatus();
+
+    const statusDiv = document.getElementById('status-text');
+    statusDiv.innerText = status.state;
+});
+
+document.addEventListener('DOMContentLoaded', async () => {
+    await reachyClient.getWsStatus();
+});
+
+