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
  1e69d0fe_9af9_b9b9_fe66_302bb93dcfad["handleBrowserRequest()"]
  dd93a79d_ef56_573c_1a16_44a4b272d302["entry.server.tsx"]
  1e69d0fe_9af9_b9b9_fe66_302bb93dcfad -->|defined in| dd93a79d_ef56_573c_1a16_44a4b272d302
  41b5c008_a121_a540_b807_36151a789d69["handleRequest()"]
  41b5c008_a121_a540_b807_36151a789d69 -->|calls| 1e69d0fe_9af9_b9b9_fe66_302bb93dcfad
  style 1e69d0fe_9af9_b9b9_fe66_302bb93dcfad fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shadcn/test/fixtures/frameworks/remix/app/entry.server.tsx lines 92–140

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

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

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

          pipe(body);
        },
        onShellError(error: unknown) {
          reject(error);
        },
        onError(error: unknown) {
          responseStatusCode = 500;
          // Log streaming rendering errors from inside the shell.  Don't log
          // errors encountered during initial shell rendering since they'll
          // reject and get logged in handleDocumentRequest.
          if (shellRendered) {
            console.error(error);
          }
        },
      }
    );

    setTimeout(abort, ABORT_DELAY);
  });
}