big optimizations

2026-03-22 23:21:27 -05:00
parent f69ca74346
commit 5c9c8dd543
18 changed files with 602 additions and 114 deletions
@@ -10,6 +10,31 @@ let dashboardWs = null;
 let dashboardWsConnected = false;
 let wsReconnectTimer = null;

+function moveClientCardImmediately(msg) {
+  const clientId = typeof msg?.clientId === "string" ? msg.clientId : "";
+  if (!clientId) return;
+  const selectorId =
+    typeof CSS !== "undefined" && typeof CSS.escape === "function"
+      ? CSS.escape(clientId)
+      : clientId;
+  const grid = document.getElementById("grid");
+  const card = grid?.querySelector(`article[data-id="${selectorId}"]`);
+  if (!grid || !card) return;
+
+  if (msg.event === "client_online") {
+    card.dataset.online = "true";
+    card.classList.remove("card-offline");
+    grid.prepend(card);
+    return;
+  }
+
+  if (msg.event === "client_offline") {
+    card.dataset.online = "false";
+    card.classList.add("card-offline");
+    grid.appendChild(card);
+  }
+}
+
 export function registerRenderer(fn) {
  render = fn;
 }
@@ -129,6 +154,11 @@ function connectDashboardWs() {
      const msg = typeof event.data === "string" ? JSON.parse(event.data) : null;
      if (msg && msg.type === "clients_changed") {
        loadWithOptions({ force: false, reorder: true });
+        return;
+      }
+      if (msg && msg.type === "client_event") {
+        moveClientCardImmediately(msg);
+        loadWithOptions({ force: false, reorder: true });
      }
    } catch {}
  };