better-rtplot 0.4.3__tar.gz → 0.4.4__tar.gz

{better_rtplot-0.4.3 → better_rtplot-0.4.4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: better-rtplot
-Version: 0.4.3
+Version: 0.4.4
 Summary: 
 License: GPL V3.0
 Author: jmontp

{better_rtplot-0.4.3 → better_rtplot-0.4.4}/pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "better-rtplot"
-version = "0.4.3"
+version = "0.4.4"
 description = ""
 authors = ["jmontp <jmontp@umich.edu>"]
 license = "GPL V3.0"

{better_rtplot-0.4.3 → better_rtplot-0.4.4}/rtplot/server_browser.py

@@ -956,6 +956,29 @@ async def rename_tab(tab_id: str, new_name: str):
     await broadcast_tab(tab_id)
 
 
+async def reconnect_tab(tab_id: str):
+    """Close and reopen ``tab_id``'s sockets, restart its receiver task.
+
+    The tab's buffer and plot config are preserved — if the sender on
+    the other side is still running the same stream we avoid a visible
+    flash to empty. A new config from the sender will replace the state
+    via the normal RECEIVED_PLOT_UPDATE path.
+    """
+    t = tabs.get(tab_id)
+    if t is None:
+        return
+    await _cancel_task(t.receiver_task)
+    # _open_tab_sockets closes first, then reopens. Status gets set to
+    # "idle" on success or "error" + a message on bind/connect failure.
+    _open_tab_sockets(t)
+    # Reset the data-rate estimate so a stale Hz doesn't mislead the
+    # resources panel until new samples arrive.
+    t.data_rate_hz = 0.0
+    t._last_rx_ts = 0.0
+    t.receiver_task = asyncio.create_task(zmq_receiver(t))
+    await broadcast_tab(tab_id)
+
+
 ###############################
 # HTTP / WebSocket handlers #
 ###############################
@@ -1049,6 +1072,11 @@ async def handle_ws(request):
                     if tid and tid != BIND_ME_ID:
                         await delete_tab(tid)
 
+                elif ptype == "tab_reconnect":
+                    tid = payload.get("id")
+                    if tid:
+                        await reconnect_tab(tid)
+
                 elif ptype == "control_button":
                     btn_id = payload.get("id")
                     tid = ws_tab.get(ws, BIND_ME_ID)

{better_rtplot-0.4.3 → better_rtplot-0.4.4}/rtplot/static/index.html

@@ -18,8 +18,16 @@
   .tab .tab-dot.error { background: #e05252; }
   .tab .tab-dot.connecting { background: #e8b13a; animation: pulse 1s ease-in-out infinite alternate; }
   @keyframes pulse { from { opacity: 0.5; } to { opacity: 1.0; } }
-  .tab .tab-name { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
+  .tab .tab-labels { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
+  .tab .tab-name { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .tab .tab-endpoint { font-family: monospace; font-size: calc(10px * var(--ui-scale)); color: #888; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .tab.active .tab-endpoint { color: #5a6880; }
   .tab .tab-name-input { border: 1px solid #2a5db0; border-radius: 3px; padding: 1px 4px; font: inherit; color: #111; width: 160px; }
+  .tab .tab-reconnect { font-size: calc(13px * var(--ui-scale)); color: #888; cursor: pointer; padding: 1px 5px; border-radius: 2px; opacity: 0.0; line-height: 1; }
+  .tab:hover .tab-reconnect, .tab .tab-dot.error ~ .tab-reconnect { opacity: 1.0; }
+  .tab .tab-reconnect:hover { background: #e0e6f0; color: #2a5db0; }
+  .tab .tab-reconnect.spinning { animation: tab-spin 0.6s linear; }
+  @keyframes tab-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
   .tab .tab-rename { font-size: calc(11px * var(--ui-scale)); color: #888; cursor: pointer; padding: 1px 4px; border-radius: 2px; opacity: 0.0; }
   .tab:hover .tab-rename { opacity: 1.0; }
   .tab .tab-rename:hover { background: #e0e0e0; color: #333; }
@@ -916,10 +924,37 @@
           if (t.error) dot.title = t.error;
           el.appendChild(dot);
 
+          // Stacked labels: name on top, endpoint on a muted subline so
+          // users can see at a glance which tab is wired to which device.
+          const labels = document.createElement('div');
+          labels.className = 'tab-labels';
           const name = document.createElement('span');
           name.className = 'tab-name';
           name.textContent = t.name || id;
-          el.appendChild(name);
+          labels.appendChild(name);
+          const ep = document.createElement('span');
+          ep.className = 'tab-endpoint';
+          ep.textContent = (t.mode === 'bind')
+            ? `listening on ${t.endpoint || '*:5555'}`
+            : `connected to ${t.endpoint || '?'}`;
+          labels.appendChild(ep);
+          el.appendChild(labels);
+
+          const reconnect = document.createElement('span');
+          reconnect.className = 'tab-reconnect';
+          reconnect.textContent = '\u21BB';
+          reconnect.title = 'Reconnect';
+          reconnect.addEventListener('click', (e) => {
+            e.stopPropagation();
+            sendCtrl({ type: 'tab_reconnect', id: id });
+            // Visual feedback: the icon spins once so users see the click
+            // registered even when the server returns the same status
+            // (e.g. reconnect succeeded, no dot color change).
+            reconnect.classList.remove('spinning');
+            void reconnect.offsetWidth;  // force reflow to restart animation
+            reconnect.classList.add('spinning');
+          });
+          el.appendChild(reconnect);
 
           if (id !== 'bind_me') {
             const ren = document.createElement('span');