рабочая версия

rollup.config.js

@@ -49,7 +49,7 @@ export default {
         module: true,
         toplevel: true,
         unsafe_arrows: true,
-        drop_console: true,
+        drop_console: false,
         drop_debugger: true,
       },
       output: { quote_style: 1 },

src/App.svelte

@@ -42,7 +42,10 @@
   //******************************************************************************************************************************/
   const debug = true;
   const LOG_MAX_MESSAGES = 100;
-  const reconnectTimeout = 60000; //период проверки соединения с устройством
+  let reconnectTimeout = 60; //период проверки соединения с устройством
+  let remainingTimeout = reconnectTimeout;
+  let connecting = true;
+  let tickerTask;
   let preventReconnect = false;
   const waitingAckTimeout = 18000; //время ожидания ответа от устройства
   const rebootingTimeout = 30000;
@@ -54,13 +57,12 @@
   const blobDebug = false;
   const devMode = true;
 
-  let timeout = reconnectTimeout / 1000;
   let percent;
 
   //****************************************************variable section**********************************************************/
   //******************************************************************************************************************************/
   let myip = document.location.hostname;
-  if (devMode) myip = "192.168.87.242";
+  if (devMode) myip = "192.168.1.232";
 
   //Flags
   let firstDevListRequest = true;
@@ -107,6 +109,10 @@
     },
   ];
 
+  var ackTimeoutsArr = [];
+  var startMillis = [];
+  var ping = [];
+
   let incDeviceList = [];
   let layoutJson = [];
   let paramsJson = {};
@@ -184,7 +190,6 @@
     console.log("[i]", "mounted");
     await getUser();
     onCheck();
-
     opened = screenSize > 900 ? true : false;
     selectedDeviceDataRefresh();
     //флаг первого запроса списка устройств
@@ -236,32 +241,6 @@
     }
   }
 
-  var ackTimeoutsArr = [];
-  var startMillis = [];
-  var ping = [];
-
-  function ack(ws, st) {
-    if (!st) {
-      startMillis[ws] = Date.now();
-      ackTimeoutsArr[ws] = setTimeout(function () {
-        markDeviceStatus(ws, false);
-      }, waitingAckTimeout);
-    } else {
-      if (ackTimeoutsArr[ws]) clearTimeout(ackTimeoutsArr[ws]);
-      if (startMillis[ws]) {
-        ping[ws] = Date.now() - startMillis[ws];
-      }
-
-      for (let i = 0; i < deviceList.length; i++) {
-        if (deviceList[i].ws === ws) {
-          deviceList[i].ping = ping[ws];
-        }
-      }
-
-      deviceList = deviceList;
-    }
-  }
-
   function markDeviceStatus(ws, status) {
     deviceList.forEach((device) => {
       if (device.ws === ws) {
@@ -310,6 +289,7 @@
       let ip = getIP(ws);
       socket[ws].addEventListener("open", function (event) {
         //if (debug) console.log("[i]", ip, ws, "completed connecting");
+
         markDeviceStatus(ws, true);
         //при первом подключении запросим список устройств
         if (firstDevListRequest && ws === 0) wsSendMsg(ws, "/devlist|");
@@ -331,6 +311,7 @@
           let data = event.data;
           if (data === "/tstr|") {
             //прилетело подтверждение значит устройство онлайн
+
             ack(ws, true);
           }
         }
@@ -436,14 +417,14 @@
         errorsJson = out.json;
         parsed.errorsJson = true;
         //когда запустили обновление предотвращаем попытки проверки связи
-        if (errorsJson.upd === 1) {
+        //if (errorsJson.upd === 1) {
-          preventReconnect = true;
+        //  preventReconnect = true;
-        }
+        //}
         //когда устройство обновилось переподключимся через 5ть секунд
-        if (errorsJson.upd === 5) {
+        //if (errorsJson.upd === 5) {
-          preventReconnect = false;
+        //  preventReconnect = false;
-          timeout = 20;
+        //  reconnectTimeout = 20;
-        }
+        //}
         if (blobDebug) console.log("[✔]", "errorsJson: ", errorsJson);
       } else {
         parsed.errorsJson = false;
@@ -993,19 +974,24 @@
 
   //тикер который тикает каждую секунду и на каждую 0 секунду запускает проверку соединения
   function wsTestMsgTask() {
-    setTimeout(wsTestMsgTask, 1000);
+    tickerTask = setTimeout(wsTestMsgTask, 1000);
     if (!preventReconnect) {
-      timeout--;
+      remainingTimeout--;
-      percent = scale(timeout, reconnectTimeout / 1000, 0, 0, 100);
+      if (socketConnected) showAwaitingCircle = false;
-      if (timeout <= 0) {
+      percent = scale(remainingTimeout, reconnectTimeout, 0, 0, 100);
+      if (remainingTimeout <= 0) {
         if (debug) console.log("[i]", "----timer tick----");
         printAllCreatedWs();
-        timeout = reconnectTimeout / 1000;
+        remainingTimeout = reconnectTimeout;
         deviceList.forEach((device) => {
           if (device.status === false || device.status === undefined) {
             wsConnect(device.ws);
             wsEventAdd(device.ws);
           } else {
+            if (device.ws === selectedWs) {
+              //clearInterval(tickerTask);
+              connecting = true;
+            }
             wsSendMsg(device.ws, "/tst|");
             ack(device.ws, false);
           }
@@ -1014,6 +1000,26 @@
     }
   }
 
+  function ack(ws, st) {
+    if (!st) {
+      startMillis[ws] = Date.now();
+      ackTimeoutsArr[ws] = setTimeout(function () {
+        markDeviceStatus(ws, false);
+      }, waitingAckTimeout);
+    } else {
+      if (ackTimeoutsArr[ws]) clearTimeout(ackTimeoutsArr[ws]);
+      if (startMillis[ws]) {
+        ping[ws] = Date.now() - startMillis[ws];
+      }
+      for (let i = 0; i < deviceList.length; i++) {
+        if (deviceList[i].ws === ws) {
+          deviceList[i].ping = ping[ws];
+        }
+      }
+      deviceList = deviceList;
+    }
+  }
+
   function wsSendMsg(ws, msg) {
     if (socket[ws] && socket[ws].readyState === 1) {
       socket[ws].send(msg);
@@ -1147,7 +1153,9 @@
     wsSendMsg(selectedWs, "/reboot|");
     markDeviceStatus(selectedWs, false);
     showAwaitingCircle = true;
-    rebootTimer = setTimeout(rebootingTask, rebootingTimeout);
+    socketConnected = false;
+    reconnectTimeout = 10;
+    remainingTimeout = reconnectTimeout;
   }
 
   function applicationReboot() {
@@ -1162,8 +1170,6 @@
   }
 
   function rebootingTask() {
-    //перезапуск приложения
-    //location.reload();
     clearTimeout(rebootTimer);
     clearData();
     connectToAllDevices();
@@ -1208,33 +1214,12 @@
   }
 
   function updateBuild(path) {
+    console.log(path);
     wsSendMsg(selectedWs, "/update|" + path);
-  }
+    showAwaitingCircle = true;
-
+    socketConnected = false;
-  //depricated
+    reconnectTimeout = 10;
-  function startUpdate(all) {
+    //rebootTimer = setTimeout(rebootingTask, updatingTimeout);
-    if (choosingVersion !== undefined) {
-      //if (choosingVersion === errorsJson.bver) {
-      //  window.alert("Эта версия уже установленна");
-      //} else {
-      if (confirm("После обновления устройство перезагрузится. Запустить обновление?")) {
-        console.log("start update...");
-        if (all) {
-          sendToAllDevices('/rorre|{"chver":' + choosingVersion + "}");
-          sendToAllDevices("/update|");
-        } else {
-          wsSendMsg(selectedWs, '/rorre|{"chver":' + choosingVersion + "}");
-          wsSendMsg(selectedWs, "/update|");
-        }
-        //showAwaitingCircle = true;
-        //rebootTimer = setTimeout(rebootingTask, updatingTimeout);
-      } else {
-        console.log("update canceled");
-      }
-      //}
-    } else {
-      window.alert("Версия не выбрана или сервер недоступен");
-    }
   }
 
   function moduleOrder(id, key, value) {
@@ -1329,7 +1314,7 @@
     <ul class="menu__main">
       <div class="bg-cover pt-0 px-4">
         {#if !socketConnected && currentPageName != "/|"}
-          <Alarm title="Подключение через {timeout} сек." />
+          <Alarm title="Подключение через {remainingTimeout} сек." />
         {:else}
           <Route path="/">
             <DashboardPage show={pageReady.dash} layoutJson={layoutJson} pages={pages} wsPush={(ws, topic, status) => wsPush(ws, topic, status)} />
@@ -1344,7 +1329,7 @@
             <ListPage show={pageReady.list} deviceList={deviceList} settingsJson={settingsJson} saveSett={() => saveSett()} rebootEsp={() => rebootEsp()} showInput={showInput} addDevInList={() => addDevInList()} newDevice={newDevice} sendToAllDevices={(msg) => sendToAllDevices(msg)} saveList={() => saveList()} percent={percent} devListOverride={() => devListOverride()} applicationReboot={() => applicationReboot()} />
           </Route>
           <Route path="/system">
-            <SystemPage show={pageReady.system} errorsJson={errorsJson} settingsJson={settingsJson} saveSett={() => saveSett()} rebootEsp={() => rebootEsp()} cleanLogs={() => cleanLogs()} cancelAlarm={(alarmKey) => cancelAlarm(alarmKey)} versionsList={versionsList} bind:choosingVersion={choosingVersion} startUpdate={(all) => startUpdate(all)} coreMessages={coreMessages} />
+            <SystemPage show={pageReady.system} errorsJson={errorsJson} settingsJson={settingsJson} saveSett={() => saveSett()} rebootEsp={() => rebootEsp()} cleanLogs={() => cleanLogs()} cancelAlarm={(alarmKey) => cancelAlarm(alarmKey)} versionsList={versionsList} bind:choosingVersion={choosingVersion} coreMessages={coreMessages} />
           </Route>
 
           <Route path="/profile">

src/pages/Profile.svelte

@@ -152,7 +152,7 @@
               {#if allmodeinfo[m.path]?.usedLibs[myProfileJson.projectProp.platformio.default_envs]}
                 <div>
                   <!-- svelte-ignore a11y-click-events-have-key-events -->
-                  <p on:click={() => ((m.active = !m.active), (m.touched = true))} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none {m.touched ? 'border border-gray-400' : 'border border-green-100'} text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
+                  <p on:click={() => (m.active = !m.active)} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
                 </div>
               {/if}
             {/each}
@@ -160,7 +160,7 @@
               {#if allmodeinfo[m.path]?.usedLibs[myProfileJson.projectProp.platformio.default_envs]}
                 <div>
                   <!-- svelte-ignore a11y-click-events-have-key-events -->
-                  <p on:click={() => ((m.active = !m.active), (m.touched = true))} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none {m.touched ? 'border border-gray-400' : 'border border-green-100'} text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
+                  <p on:click={() => (m.active = !m.active)} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
                 </div>
               {/if}
             {/each}
@@ -168,7 +168,7 @@
               {#if allmodeinfo[m.path]?.usedLibs[myProfileJson.projectProp.platformio.default_envs]}
                 <div>
                   <!-- svelte-ignore a11y-click-events-have-key-events -->
-                  <p on:click={() => ((m.active = !m.active), (m.touched = true))} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none {m.touched ? 'border border-gray-400' : 'border border-green-100'} text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
+                  <p on:click={() => (m.active = !m.active)} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
                 </div>
               {/if}
             {/each}
@@ -176,7 +176,7 @@
               {#if allmodeinfo[m.path]?.usedLibs[myProfileJson.projectProp.platformio.default_envs]}
                 <div>
                   <!-- svelte-ignore a11y-click-events-have-key-events -->
-                  <p on:click={() => ((m.active = !m.active), (m.touched = true))} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none {m.touched ? 'border border-gray-400' : 'border border-green-100'} text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
+                  <p on:click={() => (m.active = !m.active)} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
                 </div>
               {/if}
             {/each}
@@ -229,7 +229,8 @@
                           <div onClick={() => showLog(build, "fs.txt")}>{st[build.status.fs]}</div>
                         </td>
                         {#if build.status.build === 2 && build.status.preparation === 2 && build.status.fs === 2}
-                          <td onClick={() => updateBuild("123")} class="tbl-bdy-lg ipt-lg w-full cursor-pointer select-none bg-green-100 hover:bg-green-200">
+                          <!-- svelte-ignore a11y-click-events-have-key-events -->
+                          <td on:click={() => updateBuild("http://portal.iotmanager.org/compiler/userdata/builds/" + build.orderId)} class="tbl-bdy-lg ipt-lg w-full cursor-pointer select-none bg-green-100 hover:bg-green-200">
                             <p class="w-fill">Установить</p>
                           </td>
                         {:else}

src/pages/System.svelte

@@ -131,12 +131,12 @@
 
   export let errorsJson;
 
-  export let versionsList;
+  //export let versionsList;
-  export let choosingVersion;
+  //export let choosingVersion;
   export let coreMessages;
   export let settingsJson;
 
-  export let startUpdate = (all) => {};
+  //export let startUpdate = (all) => {};
   export let saveSett = () => {};
   export let cleanLogs = () => {};
   export let rebootEsp = () => {};
@@ -171,7 +171,7 @@
             <p class="text-gray-500 font-bold text-sm text-center truncate">{errorsJson.bt ? errorsJson.bt : "-"}</p>
           </div>
         </div>
-        <div class="flex mb-2 h-6 items-center">
+        <!--<div class="flex mb-2 h-6 items-center">
           <div class="w-2/3">
             <p class="pr-4 text-gray-500 font-bold text-sm truncate">Доступные версии</p>
           </div>
@@ -186,7 +186,7 @@
               {/if}
             </select>
           </div>
-        </div>
+        </div>-->
 
         <div class="flex mb-2 h-6 items-center">
           <div class="w-2/3">
@@ -332,7 +332,7 @@
             <p class="text-red-500 mb-2 font-bold text-sm text-center truncate">Ошибка пути обновления</p>
           {/if}
         </div>-->
-        <button class="btn-lg mb-2" on:click={() => startUpdate(false)}>{"Обновить прошивку"}</button>
+        <!--<button class="btn-lg mb-2" on:click={() => startUpdate(false)}>{"Обновить прошивку"}</button>-->
         <!--<button class="btn-lg mb-2" on:click={() => startUpdate(true)}>{"Обновить прошивку на всех устройствах"}</button>-->
         <button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить устройство"}</button>
       </Card>