sjs/vibetunnel
1
0
Fork 0
mirror of https://github.com/samsonjs/vibetunnel.git synced 2026-04-27 15:17:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix live streaming for terminal previews with asciinema player

Browse source 
- Configure asciinema player with eventsource driver for SSE support
- Update server stream endpoint to properly format SSE for asciinema
- Session preview cards now display live terminal output

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Mario Zechner 2025-06-16 05:42:33 +02:00
parent 520cf9641d
commit a7dce56757
2 changed files with 36 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/client/components/session-list.ts
View file

@ -99,9 +99,9 @@ export class SessionList extends LitElement {
const playerElement = this.querySelector(`#player-${sessionId}`) as HTMLElement; const playerElement = this.querySelector(`#player-${sessionId}`) as HTMLElement;
if (playerElement && (window as any).AsciinemaPlayer) { if (playerElement && (window as any).AsciinemaPlayer) {
try { try {
const snapshotUrl = `/api/sessions/${sessionId}/snapshot`; const streamUrl = `/api/sessions/${sessionId}/stream`;
(window as any).AsciinemaPlayer.create(snapshotUrl, playerElement, { (window as any).AsciinemaPlayer.create({driver: "eventsource", url: streamUrl}, playerElement, {
autoPlay: true, autoPlay: true,
loop: false, loop: false,
controls: false, controls: false,

2
web/src/server.ts
View file

@ -277,7 +277,7 @@ app.post('/api/cleanup-exited', async (req, res) => {
// === TERMINAL I/O === // === TERMINAL I/O ===
// Server-sent events for terminal output streaming // Live streaming cast file for asciinema player
app.get('/api/sessions/:sessionId/stream', (req, res) => { app.get('/api/sessions/:sessionId/stream', (req, res) => {
const sessionId = req.params.sessionId; const sessionId = req.params.sessionId;
const streamOutPath = path.join(TTY_FWD_CONTROL_DIR, sessionId, 'stream-out'); const streamOutPath = path.join(TTY_FWD_CONTROL_DIR, sessionId, 'stream-out');