rwsdk/dist/runtime/render/renderRscThenableToHtmlStream.js

Build fast, server-driven webapps on Cloudflare with SSR, RSC, and realtime

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { use } from "react";
import { renderToReadableStream } from "react-dom/server.edge";
export const renderRscThenableToHtmlStream = async ({ thenable, Document, requestInfo, shouldSSR, }) => {
    const Component = () => {
        const node = use(thenable).node;
        // todo(justinvdm, 18 Jun 2025): We can build on this later to allow users
        // surface context. e.g:
        // * we assign `user: requestInfo.clientCtx` here
        // * user populates requestInfo.clientCtx on worker side
        // * user can import a read only `import { clientCtx } from "rwsdk/client"`
        // on client side
        const clientContext = {
            rw: {
                ssr: shouldSSR,
            },
        };
        return (_jsxs(Document, { ...requestInfo, children: [_jsx("script", { nonce: requestInfo.rw.nonce, dangerouslySetInnerHTML: {
                        __html: `globalThis.__RWSDK_CONTEXT = ${JSON.stringify(clientContext)}`,
                    } }), _jsx("div", { id: "hydrate-root", children: node })] }));
    };
    return await renderToReadableStream(_jsx(Component, {}), {
        nonce: requestInfo.rw.nonce,
    });
};