apps/glyph Public The code is public; the app answers only to 1 person who can change it and the crew.

/**

 * Realtime without a framework. Actions `emit` what changed; `GET /events`

 * streams it to every open page as server-sent events, numbered, with the

 * last hundred kept so a client that reconnects with `Last-Event-ID` (or

 * `?since=`) hears what it missed. `static/live.js` turns the stream into

 * DOM events. The bus is this process's: the terminal is another process,

 * and its writes show on the next load rather than live.

 */

export interface LiveEvent {

  readonly id: number;

  readonly type: string;

  readonly data: unknown;

}

const KEEP = 100;

const HEARTBEAT_MS = 25_000;

const kept: LiveEvent[] = [];

const listeners = new Set<(event: LiveEvent) => void>();

let last = 0;

export function emit(type: string, data: unknown): LiveEvent {

  const event: LiveEvent = { id: ++last, type, data };

  kept.push(event);

  if (kept.length > KEEP) kept.shift();

  for (const listen of listeners) listen(event);

  return event;

}

export function subscribe(listen: (event: LiveEvent) => void): () => void {

  listeners.add(listen);

  return () => listeners.delete(listen);

}

/** `GET /events`: a stream that replays what `since` missed, then follows. */

export function events(request: Request): Response {

  const since = Number(

    request.headers.get("last-event-id") ??

      new URL(request.url).searchParams.get("since") ??

      0,

  );

  const encoder = new TextEncoder();

  let stop = (): void => {};

  const stream = new ReadableStream<Uint8Array>({

    start(controller) {

      const write = (text: string): void => {

        try {

          controller.enqueue(encoder.encode(text));

        } catch {

          stop();

        }

      };

      const send = (event: LiveEvent): void =>

        write(

          `id: ${event.id}\ndata: ${JSON.stringify({ type: event.type, data: event.data })}\n\n`,

        );

      const heartbeat = setInterval(() => write(":\n\n"), HEARTBEAT_MS);

      const unsubscribe = subscribe(send);

      stop = () => {

        clearInterval(heartbeat);

        unsubscribe();

        try {

          controller.close();

        } catch {}

      };

      request.signal.addEventListener("abort", stop);

      write("retry: 2000\n\n");

      for (const event of kept) if (event.id > since) send(event);

    },

    cancel() {

      stop();

    },

  });

  return new Response(stream, {

    headers: {

      "content-type": "text/event-stream",

      "cache-control": "no-store",

      "x-accel-buffering": "no",

    },

  });

}