Cloudflare Pages + SvelteKit streaming responses

import type { RequestEvent, RequestHandler } from '@sveltejs/kit';

export const POST: RequestHandler = async ({ url }: RequestEvent) => {
    const stream = createLetterStream();

    const { readable, writable } = new TransformStream();

    const writer = writable.getWriter();
    const encoder = new TextEncoder();
    const response = new Response(readable);

    (async () => {
        try {
            for await (const chunk of stream as any) {
                writer.write(encoder.encode(chunk));
            }
            writer.close();
        } catch (e) {
            return new Response('Error while reading stream', { status: 500 });
        }
    })();

    return response;
};

const createLetterStream = () => {
    let index = 0;
    const text = 'Hello, World!';

    return new ReadableStream<string>({
        start(controller) {
            const timer = setInterval(() => {
                if (index < text.length) {
                    controller.enqueue(text.charAt(index));
                    index++;
                } else {
                    controller.close();
                    clearInterval(timer);
                }
            }, 100);
        },
    });
};