replicas-computer 0.2.1 → 0.2.2

package/dist/index.js

@@ -2921,7 +2921,7 @@ async function computerStatusCommand() {
 }
 
 // src/version.ts
-var COMPUTER_USE_VERSION = "0.2.1";
+var COMPUTER_USE_VERSION = "0.2.2";
 var COMPUTER_USE_PROTOCOL_VERSION = 1;
 
 // src/program.ts

package/dist/stream-viewer.js

@@ -46,6 +46,14 @@ var fitScreen = () => {
 var send = (message) => {
   if (socket?.readyState === WebSocket.OPEN) socket.send(JSON.stringify(message));
 };
+var disconnect = () => {
+  clearTimeout(reconnectTimer);
+  reconnectTimer = void 0;
+  send({ type: "release" });
+  const previousSocket = socket;
+  socket = void 0;
+  previousSocket?.close();
+};
 var resetVideoTrack = () => {
   void videoWriter?.close().catch(() => {
   });
@@ -174,6 +182,7 @@ var handleBinary = (data) => {
   }
 };
 var connect = () => {
+  if (document.visibilityState !== "visible") return;
   clearTimeout(reconnectTimer);
   socket?.close();
   showStatus(reconnectAttempt ? "reconnecting\u2026" : "connecting\u2026");
@@ -181,9 +190,11 @@ var connect = () => {
   nextSocket.binaryType = "arraybuffer";
   socket = nextSocket;
   nextSocket.addEventListener("open", () => {
+    if (socket !== nextSocket) return;
     reconnectAttempt = 0;
   });
   nextSocket.addEventListener("message", (event) => {
+    if (socket !== nextSocket) return;
     if (event.data instanceof ArrayBuffer) {
       handleBinary(event.data);
       return;
@@ -274,10 +285,15 @@ window.addEventListener("keyup", (event) => {
 window.addEventListener("blur", () => send({ type: "release" }));
 window.addEventListener("resize", fitScreen);
 window.addEventListener("online", connect);
+document.addEventListener("visibilitychange", () => {
+  if (document.visibilityState === "hidden") {
+    disconnect();
+    return;
+  }
+  connect();
+});
 window.addEventListener("pagehide", () => {
-  clearTimeout(reconnectTimer);
-  send({ type: "release" });
-  socket?.close();
+  disconnect();
   screen.cancelVideoFrameCallback(frameCallback);
   videoDecoder?.close();
   audioDecoder?.close();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "replicas-computer",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Replicas workspace computer-use runtime",
   "type": "module",
   "main": "dist/index.js",