Fixing OTA updates

Author: aaronbeckmann

extras/dashboard.html

@@ -1547,7 +1547,7 @@ <h3 class="modal-title" id="modalTitle">Confirm Action</h3>
         reconnectTimeout = null;
       }
       updateStatus(false);
-      const wsUrl = 'ws://' + window.location.hostname + '/ws';
+      const wsUrl = 'ws://' + "192.168.178.101"+ '/ws';
       ws = new WebSocket(wsUrl);
 
       ws.onopen = () => {
@@ -1719,6 +1719,7 @@ <h3 class="modal-title" id="modalTitle">Confirm Action</h3>
     }
 
     function sendAction(cardId, action, data = {}) {
+      console.log(`[Dashboard] Sending action: ${action} for card: ${cardId}`, data);
       if (ws && ws.readyState === WebSocket.OPEN) {
         ws.send(JSON.stringify({ type: 'action', cardId, action, data }));
       }
@@ -2442,7 +2443,6 @@ <h3 class="modal-title" id="modalTitle">Confirm Action</h3>
           const chunk = data.slice(offset, offset + chunkSize);
           const b64 = btoa(String.fromCharCode.apply(null, chunk));
           sendAction(id, 'ota_chunk', { data: b64 });
-          
           offset += chunkSize;
           const pct = Math.min(100, Math.round((offset / data.length) * 100));
           document.getElementById(`progress-fill-${id}`).style.width = pct + '%';
@@ -2615,6 +2615,8 @@ <h3 class="modal-title" id="modalTitle">Confirm Action</h3>
       zone.style.display = 'none';
       progress.style.display = 'block';
 
+      console.log('Starting OTA upload: ' + file.name + ' (' + file.size + ' bytes)');  
+
       // Send OTA start
       if (ws && ws.readyState === WebSocket.OPEN) {
         ws.send(JSON.stringify({ type: 'ota_start', name: file.name, size: file.size }));
@@ -2628,6 +2630,7 @@ <h3 class="modal-title" id="modalTitle">Confirm Action</h3>
         const data = new Uint8Array(reader.result);
 
         function sendChunk() {
+          console.log('Sending chunk: ' + offset + ' - ' + Math.min(offset + chunkSize, data.length) + ' / ' + data.length);
           if (offset >= data.length) {
             if (ws && ws.readyState === WebSocket.OPEN) {
               ws.send(JSON.stringify({ type: 'ota_end' }));
@@ -2639,7 +2642,7 @@ <h3 class="modal-title" id="modalTitle">Confirm Action</h3>
 
           const chunk = data.slice(offset, offset + chunkSize);
           const b64 = btoa(String.fromCharCode.apply(null, chunk));
-          
+          console.log('Sending chunk: ' + b64.length + ' bytes');
           if (ws && ws.readyState === WebSocket.OPEN) {
             ws.send(JSON.stringify({ type: 'ota_chunk', data: b64 }));
           }

src/ESPDashboardPlus.h

@@ -874,7 +874,7 @@ class ESPDashboardPlus {
    String _lastUpdate;
 
     void handleWebSocketMessage(AsyncWebSocketClient* client, const String& message) {
-        StaticJsonDocument<1024> doc;
+        StaticJsonDocument<2048> doc;
         DeserializationError error = deserializeJson(doc, message);
 
          if (error) {
@@ -902,7 +902,8 @@ class ESPDashboardPlus {
                     _otaInProgress = true;
 
                     if (!Update.begin(_otaSize)) {
-                        Serial.println("[Dashboard] OTA begin failed");
+                        Serial.print("[Dashboard] OTA begin failed: ");
+                        Update.printError(Serial);
                         _otaInProgress = false;
                     }
                 } else if (action == "ota_chunk" && _otaInProgress) {