import type { EntryContext } from '@remix-run/cloudflare';
import { RemixServer } from '@remix-run/react';
import { Head } from './root';
import { renderHeadToString } from 'remix-island';
import { renderToReadableStream } from 'react-dom/server';
export default function handleRequest(
request: Request,
responseStatusCode: number,
responseHeaders: Headers,
remixContext: EntryContext,
) {
return handleBrowserRequest(
request,
responseStatusCode,
responseHeaders,
remixContext,
);
}
async function handleBrowserRequest(
request: Request,
responseStatusCode: number,
responseHeaders: Headers,
remixContext: EntryContext,
) {
let didError = false;
const readable = await renderToReadableStream(
,
);
responseHeaders.set('Content-Type', 'text/html');
const stream = new ReadableStream({
start(controller) {
// Add the HTML head to the response
const head = renderHeadToString({ request, remixContext, Head });
controller.enqueue(
new Uint8Array(
new TextEncoder().encode(
`${head}`,
),
),
);
const reader = readable.getReader();
function read() {
reader
.read()
.then(({ done, value }) => {
if (done) {
controller.enqueue(
new Uint8Array(
new TextEncoder().encode(`
`),
),
);
controller.close();
return;
}
controller.enqueue(value);
read();
})
.catch((error) => {
controller.error(error);
readable.cancel();
});
}
read();
},
cancel() {
readable.cancel();
},
});
return new Response(stream, {
headers: responseHeaders,
status: didError ? 500 : responseStatusCode,
});
}