feat: WebSocket upload (one TCP, no Cilium cycling), bump 1.0.9→1.0.10

site/static/app.js

@@ -143,20 +143,22 @@ function warmup() {
   });
 }
 
-/** uploadAll() — последовательная загрузка всех файлов чанками по 100KB */
+/** uploadAll() — загрузка всех файлов через один WebSocket */
 async function uploadAll() {
   if (uploading || files.length === 0) return;
   uploading = true;
   uploadBtn.disabled = true;
   clearBtn.disabled = true;
 
-  var CHUNK = 100 * 1024;  // 100KB raw chunks
-
   var totalBytes = 0;
   var totalElapsed = 0;
   var okCount = 0;
   var errCount = 0;
 
+  // Один WebSocket на все файлы
+  var proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+  var wsUrl = proto + '//' + location.host + '/ws-upload';
+
   for (var i = 0; i < files.length; i++) {
     var f = files[i];
     if (f.status === 'ok') continue;
@@ -165,38 +167,18 @@ async function uploadAll() {
     f.progress = 0;
     renderTable();
 
-    var fileBytes = 0;
-    var fileElapsed = 0;
-    var offset = 0;
-    var totalChunks = Math.ceil(f.size / CHUNK);
-    var failed = false;
-
-    while (offset < f.size && !failed) {
-      var end = Math.min(offset + CHUNK, f.size);
-      var blob = f.file.slice(offset, end);
-
-      try {
-        var result = await uploadChunk(blob);
-        fileBytes += result.bytes;
-        fileElapsed += result.elapsed_ms;
-        f.progress = Math.round((offset + (end - offset)) / f.size * 100);
-        renderTable();
-      } catch (e) {
-        f.status = 'err';
-        f.error = 'Чанк ' + (Math.floor(offset/CHUNK)+1) + '/' + totalChunks + ': ' + e.message;
-        failed = true;
-        errCount++;
-      }
-      offset = end;
-    }
-
-    if (!failed) {
+    try {
+      var result = await uploadFileWS(wsUrl, f, i);
       f.status = 'ok';
-      f.elapsed = fileElapsed;
-      f.speed = fileElapsed > 0 ? Math.round(fileBytes / (fileElapsed / 1000)) : null;
-      totalBytes += fileBytes;
-      totalElapsed += fileElapsed;
+      f.elapsed = result.elapsed_ms;
+      f.speed = result.elapsed_ms > 0 ? Math.round(result.bytes / (result.elapsed_ms / 1000)) : null;
+      totalBytes += result.bytes;
+      totalElapsed += result.elapsed_ms;
       okCount++;
+    } catch (e) {
+      f.status = 'err';
+      f.error = e.message;
+      errCount++;
     }
     renderTable();
   }
@@ -214,36 +196,72 @@ async function uploadAll() {
   fileSummary.textContent = summary;
 }
 
-/** uploadChunk(blob) — отправить чанк с ретраем до 3 раз */
-function uploadChunk(blob) {
-  var MAX = 3;
-  var attempt = 0;
-
+/** uploadFileWS(url, f, idx) — загрузить файл через WebSocket чанками */
+function uploadFileWS(url, f, idx) {
   return new Promise(function (resolve, reject) {
-    function trySend() {
-      attempt++;
-      var xhr = new XMLHttpRequest();
-      xhr.open('POST', '/upload');
-      xhr.timeout = 5000;
-      xhr.setRequestHeader('Content-Type', 'application/octet-stream');
-      xhr.onload = function () {
-        try {
-          var r = JSON.parse(xhr.responseText);
-          if (r.ok) { resolve({ bytes: r.bytes, elapsed_ms: r.elapsed_ms }); }
-          else { reject(new Error(r.error || 'Ошибка сервера')); }
-        } catch (e) { reject(new Error('Bad JSON')); }
+    var ws = new WebSocket(url);
+    var CHUNK = 64 * 1024;  // 64KB chunks
+    var offset = 0;
+    var startTime = Date.now();
+    var lastProgress = 0;
+
+    ws.binaryType = 'arraybuffer';
+
+    ws.onopen = function () {
+      // Шлём заголовок: имя файла + размер
+      ws.send(JSON.stringify({ name: f.name, size: f.size }));
+
+      // Читаем и шлём чанки
+      var reader = new FileReader();
+      reader.onload = function (e) {
+        ws.send(e.target.result);
+        offset += CHUNK;
+
+        if (offset < f.size) {
+          // Прогресс каждые 10%
+          var pct = Math.round(offset / f.size * 100);
+          if (pct - lastProgress >= 10) {
+            lastProgress = pct;
+            f.progress = pct;
+            renderTable();
+          }
+          readNext();
+        } else {
+          // Все чанки отправлены — шлём сигнал завершения
+          ws.send('DONE');
+        }
       };
-      xhr.onerror = function () {
-        if (attempt < MAX) { setTimeout(trySend, 300); }
-        else { reject(new Error('Сеть')); }
-      };
-      xhr.ontimeout = function () {
-        if (attempt < MAX) { setTimeout(trySend, 300); }
-        else { reject(new Error('Таймаут')); }
-      };
-      xhr.send(blob);
-    }
-    trySend();
+
+      function readNext() {
+        var end = Math.min(offset + CHUNK, f.size);
+        reader.readAsArrayBuffer(f.file.slice(offset, end));
+      }
+
+      readNext();
+    };
+
+    ws.onmessage = function (e) {
+      try {
+        var r = JSON.parse(e.data);
+        var elapsed = Date.now() - startTime;
+        f.progress = 100;
+        renderTable();
+        ws.close();
+        resolve({ bytes: r.bytes, elapsed_ms: elapsed });
+      } catch (err) {
+        reject(new Error('Bad response'));
+      }
+    };
+
+    ws.onerror = function () {
+      reject(new Error('WebSocket error'));
+    };
+
+    ws.onclose = function (e) {
+      if (e.code !== 1000 && offset < f.size) {
+        reject(new Error('WS closed (' + e.code + ')'));
+      }
+    };
   });
 }