claude-mux 0.7.0 → 0.7.1

package/web/.svelte-kit/adapter-node/chunks/sessions.svelte.js

@@ -1,27 +1,184 @@
-import { c as ssr_context } from "./context.js";
+import { f as ssr_context, g as getContext } from "./context.js";
+import { ae as lifecycle_function_unavailable } from "./index2.js";
 import "clsx";
+import "@sveltejs/kit/internal";
+import "./exports.js";
+import "./utils.js";
+import "@sveltejs/kit/internal/server";
+import "./state.svelte.js";
 function onDestroy(fn) {
   /** @type {SSRContext} */
   ssr_context.r.on_destroy(fn);
 }
-class SessionStore {
-  sessions = [];
-  paused = false;
+function mount() {
+  lifecycle_function_unavailable("mount");
+}
+function unmount() {
+  lifecycle_function_unavailable("unmount");
+}
+async function tick() {
+}
+const getStores = () => {
+  const stores$1 = getContext("__svelte__");
+  return {
+    /** @type {typeof page} */
+    page: {
+      subscribe: stores$1.page.subscribe
+    },
+    /** @type {typeof navigating} */
+    navigating: {
+      subscribe: stores$1.navigating.subscribe
+    },
+    /** @type {typeof updated} */
+    updated: stores$1.updated
+  };
+};
+const page = {
+  subscribe(fn) {
+    const store = getStores().page;
+    return store.subscribe(fn);
+  }
+};
+const DEFAULT_CONFIG = {
+  pingInterval: 3e4,
+  pongTimeout: 1e4,
+  baseReconnectDelay: 1e3,
+  maxReconnectDelay: 3e4
+};
+class ReliableWebSocket {
   connected = false;
   ws = null;
+  pingTimer = null;
   reconnectTimer = null;
-  // Saved projects from localStorage
-  savedProjects = [];
-  connect() {
+  lastPong = 0;
+  reconnectAttempts = 0;
+  visibilityHandler = null;
+  config;
+  constructor(config) {
+    this.config = { ...DEFAULT_CONFIG, ...config };
+  }
+  /** Subclass can override to control reconnection (e.g., only reconnect if target is set) */
+  shouldReconnect() {
+    return true;
+  }
+  /** Subclass can override to run code on successful connection */
+  onConnected() {
+  }
+  /** Subclass can override to run code on disconnection */
+  onDisconnected() {
+  }
+  doConnect() {
     return;
   }
-  disconnect() {
-    this.ws?.close();
-    this.ws = null;
+  doDisconnect() {
     if (this.reconnectTimer) {
       clearTimeout(this.reconnectTimer);
       this.reconnectTimer = null;
     }
+    this.stopPingTimer();
+    this.removeVisibilityHandler();
+    this.connected = false;
+    this.reconnectAttempts = 0;
+    if (this.ws) {
+      this.ws.onopen = null;
+      this.ws.onclose = null;
+      this.ws.onerror = null;
+      this.ws.onmessage = null;
+      if (this.ws.readyState !== WebSocket.CLOSED) {
+        this.ws.close();
+      }
+      this.ws = null;
+    }
+  }
+  /** Force reconnection (resets backoff) */
+  forceReconnect() {
+    this.reconnectAttempts = 0;
+    if (this.ws) {
+      this.ws.onclose = null;
+      this.ws.close();
+      this.ws = null;
+    }
+    this.stopPingTimer();
+    this.connected = false;
+    this.doConnect();
+  }
+  startPingTimer() {
+    this.stopPingTimer();
+    this.pingTimer = setInterval(
+      () => {
+        if (this.ws?.readyState === WebSocket.OPEN) {
+          if (Date.now() - this.lastPong > this.config.pingInterval + this.config.pongTimeout) {
+            this.ws?.close();
+            return;
+          }
+          this.ws.send("ping");
+        }
+      },
+      this.config.pingInterval
+    );
+  }
+  stopPingTimer() {
+    if (this.pingTimer) {
+      clearInterval(this.pingTimer);
+      this.pingTimer = null;
+    }
+  }
+  scheduleReconnect() {
+    if (this.reconnectTimer) return;
+    const delay = Math.min(this.config.baseReconnectDelay * Math.pow(2, this.reconnectAttempts) + Math.random() * 1e3, this.config.maxReconnectDelay);
+    this.reconnectAttempts++;
+    this.reconnectTimer = setTimeout(
+      () => {
+        this.reconnectTimer = null;
+        this.doConnect();
+      },
+      delay
+    );
+  }
+  setupVisibilityHandler() {
+    if (this.visibilityHandler) return;
+    this.visibilityHandler = () => {
+      if (document.visibilityState === "visible" && this.shouldReconnect()) {
+        if (!this.ws || this.ws.readyState !== WebSocket.OPEN) {
+          this.forceReconnect();
+        } else {
+          this.ws.send("ping");
+        }
+      }
+    };
+    document.addEventListener("visibilitychange", this.visibilityHandler);
+  }
+  removeVisibilityHandler() {
+    if (this.visibilityHandler) {
+      document.removeEventListener("visibilitychange", this.visibilityHandler);
+      this.visibilityHandler = null;
+    }
+  }
+}
+class SessionStore extends ReliableWebSocket {
+  sessions = [];
+  paused = false;
+  // Saved projects from localStorage
+  savedProjects = [];
+  getWsUrl() {
+    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+    return `${protocol}//${window.location.host}/api/sessions/stream`;
+  }
+  getLogPrefix() {
+    return "[sessions]";
+  }
+  handleMessage(event) {
+    if (this.paused) return;
+    const data = JSON.parse(event.data);
+    if (data.sessions) {
+      this.sessions = data.sessions;
+    }
+  }
+  connect() {
+    this.doConnect();
+  }
+  disconnect() {
+    this.doDisconnect();
   }
   togglePause() {
     this.paused = !this.paused;
@@ -34,7 +191,7 @@ class SessionStore {
   }
   removeProject(cwd) {
     this.savedProjects = this.savedProjects.filter((p) => p !== cwd);
-    localStorage.setItem("claude-watch-projects", JSON.stringify(this.savedProjects));
+    localStorage.setItem("claude-mux-projects", JSON.stringify(this.savedProjects));
   }
 }
 const sessionStore = new SessionStore();
@@ -60,8 +217,13 @@ function getProjectColor(cwd) {
   return `hsl(${hue}, 60%, 40%)`;
 }
 export {
+  ReliableWebSocket as R,
   stateColor as a,
   getProjectColor as g,
+  mount as m,
   onDestroy as o,
-  sessionStore as s
+  page as p,
+  sessionStore as s,
+  tick as t,
+  unmount as u
 };