📡 Event Source Demo

Event Source Component Demo

This page demonstrates the <event-source> web component functionality with full round-trip messaging.

Usage Examples

Basic HTML Usage

<event-source src="/amnesia/sse/diff" class="diff"></event-source>

Async Iteration Pattern

for await (const chunk of this.closest("event-source")) {
    console.log(chunk);
}

Event Listening Pattern

eventSource.addEventListener('message', function(e) {
    console.log('Message:', e.detail.data);
});

Connection Lifecycle

• Connection opens lazily on first subscription
• Automatically closes when no subscribers remain (with 100ms debounce)
• Supports reconnection when new subscribers are added