sparkecoder 0.1.69 → 0.1.70

package/dist/cli.js

@@ -2629,10 +2629,6 @@ var init_stream_proxy = __esm({
           console.log(`[BROWSER-WS] Connected to ${url} (after ${this.reconnectAttempts} retries)`);
           this.reconnectAttempts = 0;
           this._connected = true;
-          this.emit("status", {
-            connected: true,
-            screencasting: true
-          });
         });
         this.ws.on("message", (raw) => {
           try {
@@ -2718,6 +2714,17 @@ var init_stream_proxy = __esm({
           this.ws.send(JSON.stringify(event));
         }
       }
+      /**
+       * Ask the StreamServer to send its current status (triggers sendStatus and
+       * re-evaluates screencasting). Useful when listeners are replaced on a new
+       * stream and we want a fresh status event.
+       */
+      requestStatus() {
+        if (this.ws?.readyState === WebSocket.OPEN) {
+          console.log(`[BROWSER-WS] Requesting fresh status from StreamServer`);
+          this.ws.send(JSON.stringify({ type: "status" }));
+        }
+      }
       destroy() {
         console.log(`[BROWSER-WS] Destroying proxy for port ${this.port} (emitted ${this.frameCount} frames, throttled ${this.throttledCount})`);
         this.destroyed = true;
@@ -9270,37 +9277,40 @@ ${prompt}` });
                 recorder.start();
                 sessionRecorders.set(sessionId, recorder);
               }
-              if (proxy.listenerCount("frame") === 0) {
-                console.log(`[BROWSER-STREAM:${streamId}] Attaching frame+status listeners to proxy`);
-                proxy.on("frame", (frame) => {
-                  sseBrowserFrameCount++;
-                  if (sseBrowserFrameCount === 1) {
-                    console.log(`[BROWSER-STREAM:${streamId}] First browser frame received! dataSize=${frame.data?.length ?? 0} writerClosed=${writerClosed}`);
-                  } else if (sseBrowserFrameCount % 50 === 0) {
-                    console.log(`[BROWSER-STREAM:${streamId}] Browser frame #${sseBrowserFrameCount} (writerClosed=${writerClosed})`);
-                  }
-                  const rec = sessionRecorders.get(sessionId);
-                  rec?.addFrame(frame);
-                  writeSSE(JSON.stringify({
-                    type: "browser-frame",
-                    data: frame.data,
-                    metadata: frame.metadata
-                  })).catch((err) => {
-                    console.warn(`[BROWSER-STREAM:${streamId}] Failed to send browser-frame via SSE:`, err);
-                  });
+              const oldFrameListeners = proxy.listenerCount("frame");
+              if (oldFrameListeners > 0) {
+                console.log(`[BROWSER-STREAM:${streamId}] Replacing ${oldFrameListeners} stale frame listener(s) from previous stream`);
+                proxy.removeAllListeners("frame");
+                proxy.removeAllListeners("status");
+              }
+              console.log(`[BROWSER-STREAM:${streamId}] Attaching frame+status listeners to proxy`);
+              proxy.on("frame", (frame) => {
+                sseBrowserFrameCount++;
+                if (sseBrowserFrameCount === 1) {
+                  console.log(`[BROWSER-STREAM:${streamId}] First browser frame received! dataSize=${frame.data?.length ?? 0} writerClosed=${writerClosed}`);
+                } else if (sseBrowserFrameCount % 50 === 0) {
+                  console.log(`[BROWSER-STREAM:${streamId}] Browser frame #${sseBrowserFrameCount} (writerClosed=${writerClosed})`);
+                }
+                const rec = sessionRecorders.get(sessionId);
+                rec?.addFrame(frame);
+                writeSSE(JSON.stringify({
+                  type: "browser-frame",
+                  data: frame.data,
+                  metadata: frame.metadata
+                })).catch((err) => {
+                  console.warn(`[BROWSER-STREAM:${streamId}] Failed to send browser-frame via SSE:`, err);
                 });
-                proxy.on("status", (s) => {
-                  console.log(`[BROWSER-STREAM:${streamId}] Browser status event: connected=${s.connected} screencasting=${s.screencasting} viewport=${s.viewportWidth}x${s.viewportHeight}`);
-                  writeSSE(JSON.stringify({
-                    type: "browser-status",
-                    ...s
-                  })).catch((err) => {
-                    console.warn(`[BROWSER-STREAM:${streamId}] Failed to send browser-status via SSE:`, err);
-                  });
+              });
+              proxy.on("status", (s) => {
+                console.log(`[BROWSER-STREAM:${streamId}] Browser status event: connected=${s.connected} screencasting=${s.screencasting} viewport=${s.viewportWidth}x${s.viewportHeight}`);
+                writeSSE(JSON.stringify({
+                  type: "browser-status",
+                  ...s
+                })).catch((err) => {
+                  console.warn(`[BROWSER-STREAM:${streamId}] Failed to send browser-status via SSE:`, err);
                 });
-              } else {
-                console.log(`[BROWSER-STREAM:${streamId}] Frame listeners already attached (count=${proxy.listenerCount("frame")}), skipping`);
-              }
+              });
+              proxy.requestStatus();
             }
           },
           onStepFinish: async () => {
@@ -9795,37 +9805,40 @@ agents.post(
                   recorder.start();
                   sessionRecorders.set(session.id, recorder);
                 }
-                if (proxy.listenerCount("frame") === 0) {
-                  console.log(`[BROWSER-STREAM:${streamId}] Attaching frame+status listeners to proxy`);
-                  proxy.on("frame", (frame) => {
-                    sseBrowserFrameCount++;
-                    if (sseBrowserFrameCount === 1) {
-                      console.log(`[BROWSER-STREAM:${streamId}] First browser frame received! dataSize=${frame.data?.length ?? 0} writerClosed=${writerClosed}`);
-                    } else if (sseBrowserFrameCount % 50 === 0) {
-                      console.log(`[BROWSER-STREAM:${streamId}] Browser frame #${sseBrowserFrameCount} (writerClosed=${writerClosed})`);
-                    }
-                    const rec = sessionRecorders.get(session.id);
-                    rec?.addFrame(frame);
-                    writeSSE(JSON.stringify({
-                      type: "browser-frame",
-                      data: frame.data,
-                      metadata: frame.metadata
-                    })).catch((err) => {
-                      console.warn(`[BROWSER-STREAM:${streamId}] Failed to send browser-frame via SSE:`, err);
-                    });
+                const oldFrameListeners = proxy.listenerCount("frame");
+                if (oldFrameListeners > 0) {
+                  console.log(`[BROWSER-STREAM:${streamId}] Replacing ${oldFrameListeners} stale frame listener(s) from previous stream`);
+                  proxy.removeAllListeners("frame");
+                  proxy.removeAllListeners("status");
+                }
+                console.log(`[BROWSER-STREAM:${streamId}] Attaching frame+status listeners to proxy`);
+                proxy.on("frame", (frame) => {
+                  sseBrowserFrameCount++;
+                  if (sseBrowserFrameCount === 1) {
+                    console.log(`[BROWSER-STREAM:${streamId}] First browser frame received! dataSize=${frame.data?.length ?? 0} writerClosed=${writerClosed}`);
+                  } else if (sseBrowserFrameCount % 50 === 0) {
+                    console.log(`[BROWSER-STREAM:${streamId}] Browser frame #${sseBrowserFrameCount} (writerClosed=${writerClosed})`);
+                  }
+                  const rec = sessionRecorders.get(session.id);
+                  rec?.addFrame(frame);
+                  writeSSE(JSON.stringify({
+                    type: "browser-frame",
+                    data: frame.data,
+                    metadata: frame.metadata
+                  })).catch((err) => {
+                    console.warn(`[BROWSER-STREAM:${streamId}] Failed to send browser-frame via SSE:`, err);
                   });
-                  proxy.on("status", (s) => {
-                    console.log(`[BROWSER-STREAM:${streamId}] Browser status event: connected=${s.connected} screencasting=${s.screencasting} viewport=${s.viewportWidth}x${s.viewportHeight}`);
-                    writeSSE(JSON.stringify({
-                      type: "browser-status",
-                      ...s
-                    })).catch((err) => {
-                      console.warn(`[BROWSER-STREAM:${streamId}] Failed to send browser-status via SSE:`, err);
-                    });
+                });
+                proxy.on("status", (s) => {
+                  console.log(`[BROWSER-STREAM:${streamId}] Browser status event: connected=${s.connected} screencasting=${s.screencasting} viewport=${s.viewportWidth}x${s.viewportHeight}`);
+                  writeSSE(JSON.stringify({
+                    type: "browser-status",
+                    ...s
+                  })).catch((err) => {
+                    console.warn(`[BROWSER-STREAM:${streamId}] Failed to send browser-status via SSE:`, err);
                   });
-                } else {
-                  console.log(`[BROWSER-STREAM:${streamId}] Frame listeners already attached (count=${proxy.listenerCount("frame")}), skipping`);
-                }
+                });
+                proxy.requestStatus();
               }
             },
             onStepFinish: async () => {