handleBrowserRequest() — ui Function Reference

Architecture documentation for the handleBrowserRequest() function in entry.server.tsx from the ui codebase.

Function tsx FrameworkTooling CLICore called by 1

Entity Profile

FrameworkTooling→ CLICore→ handleBrowserRequest() — ui Function Reference

Dependency Diagram

graph TD
  d2a730e1_a804_fd9e_6d7b_81b8156b8bca["handleBrowserRequest()"]
  28fbe87d_bb74_73af_6290_ba685d687fe8["entry.server.tsx"]
  d2a730e1_a804_fd9e_6d7b_81b8156b8bca -->|defined in| 28fbe87d_bb74_73af_6290_ba685d687fe8
  9c2425d3_ebc8_dbee_0125_62e9642c281b["handleRequest()"]
  9c2425d3_ebc8_dbee_0125_62e9642c281b -->|calls| d2a730e1_a804_fd9e_6d7b_81b8156b8bca
  style d2a730e1_a804_fd9e_6d7b_81b8156b8bca fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shadcn/test/fixtures/frameworks/remix-indie-stack/app/entry.server.tsx lines 80–120

function handleBrowserRequest(
  request: Request,
  responseStatusCode: number,
  responseHeaders: Headers,
  remixContext: EntryContext,
) {
  return new Promise((resolve, reject) => {
    const { abort, pipe } = renderToPipeableStream(
      <RemixServer
        context={remixContext}
        url={request.url}
        abortDelay={ABORT_DELAY}
      />,
      {
        onShellReady() {
          const body = new PassThrough();

          responseHeaders.set("Content-Type", "text/html");

          resolve(
            new Response(createReadableStreamFromReadable(body), {
              headers: responseHeaders,
              status: responseStatusCode,
            }),
          );

          pipe(body);
        },
        onShellError(error: unknown) {
          reject(error);
        },
        onError(error: unknown) {
          console.error(error);
          responseStatusCode = 500;
        },
      },
    );

    setTimeout(abort, ABORT_DELAY);
  });
}