{"commit":{"revision":"65ec57df3781d2c62456bb136c7f160f7e834492","authorName":"Sebastian Markbåge","authorEmail":"sebastian@calyptus.eu","shortRevision":"65ec57df37","subject":"[Fizz] Add Web Streams to Fizz Node entry point (#33475)","authoredAt":"2025-06-06T20:16:43-04:00"},"parents":["b3d5e9078685c000e7e9ee3668a7a4b4f3256b1f"],"body":"New take on #33441.\n\nThis uses a wrapper instead of a separate bundle.","files":[{"status":"M","path":"packages\/react-dom\/npm\/server.node.js"},{"status":"M","path":"packages\/react-dom\/npm\/static.node.js"},{"status":"M","path":"packages\/react-dom\/server.node.js"},{"status":"M","path":"packages\/react-dom\/src\/__tests__\/ReactDOMFizzServerNode-test.js"},{"status":"M","path":"packages\/react-dom\/src\/__tests__\/ReactDOMFizzStaticNode-test.js"},{"status":"M","path":"packages\/react-dom\/src\/server\/ReactDOMFizzServerNode.js"},{"status":"M","path":"packages\/react-dom\/src\/server\/ReactDOMFizzStaticEdge.js"},{"status":"M","path":"packages\/react-dom\/src\/server\/ReactDOMFizzStaticNode.js"},{"status":"M","path":"packages\/react-dom\/src\/server\/react-dom-server.node.js"},{"status":"M","path":"packages\/react-dom\/src\/server\/react-dom-server.node.stable.js"},{"status":"M","path":"packages\/react-dom\/static.node.js"},{"status":"M","path":"packages\/react-server\/src\/ReactServerStreamConfigNode.js"}],"patch":"diff --git a\/packages\/react-dom\/npm\/server.node.js b\/packages\/react-dom\/npm\/server.node.js\nindex 0373a33b3a..34276711b1 100644\n--- a\/packages\/react-dom\/npm\/server.node.js\n+++ b\/packages\/react-dom\/npm\/server.node.js\n@@ -13,6 +13,10 @@ exports.version = l.version;\n exports.renderToString = l.renderToString;\n exports.renderToStaticMarkup = l.renderToStaticMarkup;\n exports.renderToPipeableStream = s.renderToPipeableStream;\n+exports.renderToReadableStream = s.renderToReadableStream;\n if (s.resumeToPipeableStream) {\n exports.resumeToPipeableStream = s.resumeToPipeableStream;\n }\n+if (s.resume) {\n+ exports.resume = s.resume;\n+}\ndiff --git a\/packages\/react-dom\/npm\/static.node.js b\/packages\/react-dom\/npm\/static.node.js\nindex 5dc47d472b..24fc9cbc20 100644\n--- a\/packages\/react-dom\/npm\/static.node.js\n+++ b\/packages\/react-dom\/npm\/static.node.js\n@@ -9,4 +9,6 @@ if (process.env.NODE_ENV === 'production') {\n \n exports.version = s.version;\n exports.prerenderToNodeStream = s.prerenderToNodeStream;\n+exports.prerender = s.prerender;\n exports.resumeAndPrerenderToNodeStream = s.resumeAndPrerenderToNodeStream;\n+exports.resumeAndPrerender = s.resumeAndPrerender;\ndiff --git a\/packages\/react-dom\/server.node.js b\/packages\/react-dom\/server.node.js\nindex 5f9c78f6db..bed7b9895d 100644\n--- a\/packages\/react-dom\/server.node.js\n+++ b\/packages\/react-dom\/server.node.js\n@@ -37,3 +37,17 @@ export function resumeToPipeableStream() {\n arguments,\n );\n }\n+\n+export function renderToReadableStream() {\n+ return require('.\/src\/server\/react-dom-server.node').renderToReadableStream.apply(\n+ this,\n+ arguments,\n+ );\n+}\n+\n+export function resume() {\n+ return require('.\/src\/server\/react-dom-server.node').resume.apply(\n+ this,\n+ arguments,\n+ );\n+}\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServerNode-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServerNode-test.js\nindex 7db7a669c3..98030d4338 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServerNode-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServerNode-test.js\n@@ -56,6 +56,18 @@ describe('ReactDOMFizzServerNode', () => {\n throw theInfinitePromise;\n }\n \n+ async function readContentWeb(stream) {\n+ const reader = stream.getReader();\n+ let content = '';\n+ while (true) {\n+ const {done, value} = await reader.read();\n+ if (done) {\n+ return content;\n+ }\n+ content += Buffer.from(value).toString('utf8');\n+ }\n+ }\n+\n it('should call renderToPipeableStream', async () => {\n const {writable, output} = getTestWritable();\n await act(() => {\n@@ -67,6 +79,14 @@ describe('ReactDOMFizzServerNode', () => {\n expect(output.result).toMatchInlineSnapshot(`\"

hello world<\/div>\"`);\n });\n \n+ it('should support web streams', async () => {\n+ const stream = await act(() =>\n+ ReactDOMFizzServer.renderToReadableStream(

hello world<\/div>),\n+ );\n+ const result = await readContentWeb(stream);\n+ expect(result).toMatchInlineSnapshot(`\"

hello world<\/div>\"`);\n+ });\n+\n it('flush fully if piping in on onShellReady', async () => {\n const {writable, output} = getTestWritable();\n await act(() => {\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzStaticNode-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzStaticNode-test.js\nindex 99a417657b..e4b21fcf8d 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzStaticNode-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzStaticNode-test.js\n@@ -46,6 +46,18 @@ describe('ReactDOMFizzStaticNode', () => {\n });\n }\n \n+ async function readContentWeb(stream) {\n+ const reader = stream.getReader();\n+ let content = '';\n+ while (true) {\n+ const {done, value} = await reader.read();\n+ if (done) {\n+ return content;\n+ }\n+ content += Buffer.from(value).toString('utf8');\n+ }\n+ }\n+\n \/\/ @gate experimental\n it('should call prerenderToNodeStream', async () => {\n const result = await ReactDOMFizzStatic.prerenderToNodeStream(\n@@ -55,6 +67,13 @@ describe('ReactDOMFizzStaticNode', () => {\n expect(prelude).toMatchInlineSnapshot(`\"

hello world<\/div>\"`);\n });\n \n+ \/\/ @gate experimental\n+ it('should suppport web streams', async () => {\n+ const result = await ReactDOMFizzStatic.prerender(

hello world<\/div>);\n+ const prelude = await readContentWeb(result.prelude);\n+ expect(prelude).toMatchInlineSnapshot(`\"

hello world<\/div>\"`);\n+ });\n+\n \/\/ @gate experimental\n it('should emit DOCTYPE at the root of the document', async () => {\n const result = await ReactDOMFizzStatic.prerenderToNodeStream(\ndiff --git a\/packages\/react-dom\/src\/server\/ReactDOMFizzServerNode.js b\/packages\/react-dom\/src\/server\/ReactDOMFizzServerNode.js\nindex 317fc9e086..0bf6ba5452 100644\n--- a\/packages\/react-dom\/src\/server\/ReactDOMFizzServerNode.js\n+++ b\/packages\/react-dom\/src\/server\/ReactDOMFizzServerNode.js\n@@ -41,6 +41,8 @@ import {\n createRootFormatContext,\n } from 'react-dom-bindings\/src\/server\/ReactFizzConfigDOM';\n \n+import {textEncoder} from 'react-server\/src\/ReactServerStreamConfigNode';\n+\n import {ensureCorrectIsomorphicReactVersion} from '..\/shared\/ensureCorrectIsomorphicReactVersion';\n ensureCorrectIsomorphicReactVersion();\n \n@@ -167,6 +169,141 @@ function renderToPipeableStream(\n };\n }\n \n+function createFakeWritableFromReadableStreamController(\n+ controller: ReadableStreamController,\n+): Writable {\n+ \/\/ The current host config expects a Writable so we create\n+ \/\/ a fake writable for now to push into the Readable.\n+ return ({\n+ write(chunk: string | Uint8Array) {\n+ if (typeof chunk === 'string') {\n+ chunk = textEncoder.encode(chunk);\n+ }\n+ controller.enqueue(chunk);\n+ \/\/ in web streams there is no backpressure so we can alwas write more\n+ return true;\n+ },\n+ end() {\n+ controller.close();\n+ },\n+ destroy(error) {\n+ \/\/ $FlowFixMe[method-unbinding]\n+ if (typeof controller.error === 'function') {\n+ \/\/ $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.\n+ controller.error(error);\n+ } else {\n+ controller.close();\n+ }\n+ },\n+ }: any);\n+}\n+\n+\/\/ TODO: Move to sub-classing ReadableStream.\n+type ReactDOMServerReadableStream = ReadableStream & {\n+ allReady: Promise,\n+};\n+\n+type WebStreamsOptions = Omit<\n+ Options,\n+ 'onShellReady' | 'onShellError' | 'onAllReady' | 'onHeaders',\n+> & {signal: AbortSignal, onHeaders?: (headers: Headers) => void};\n+\n+function renderToReadableStream(\n+ children: ReactNodeList,\n+ options?: WebStreamsOptions,\n+): Promise {\n+ return new Promise((resolve, reject) => {\n+ let onFatalError;\n+ let onAllReady;\n+ const allReady = new Promise((res, rej) => {\n+ onAllReady = res;\n+ onFatalError = rej;\n+ });\n+\n+ function onShellReady() {\n+ let writable: Writable;\n+ const stream: ReactDOMServerReadableStream = (new ReadableStream(\n+ {\n+ type: 'bytes',\n+ start: (controller): ?Promise => {\n+ writable =\n+ createFakeWritableFromReadableStreamController(controller);\n+ },\n+ pull: (controller): ?Promise => {\n+ startFlowing(request, writable);\n+ },\n+ cancel: (reason): ?Promise => {\n+ stopFlowing(request);\n+ abort(request, reason);\n+ },\n+ },\n+ \/\/ $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.\n+ {highWaterMark: 0},\n+ ): any);\n+ \/\/ TODO: Move to sub-classing ReadableStream.\n+ stream.allReady = allReady;\n+ resolve(stream);\n+ }\n+ function onShellError(error: mixed) {\n+ \/\/ If the shell errors the caller of `renderToReadableStream` won't have access to `allReady`.\n+ \/\/ However, `allReady` will be rejected by `onFatalError` as well.\n+ \/\/ So we need to catch the duplicate, uncatchable fatal error in `allReady` to prevent a `UnhandledPromiseRejection`.\n+ allReady.catch(() => {});\n+ reject(error);\n+ }\n+\n+ const onHeaders = options ? options.onHeaders : undefined;\n+ let onHeadersImpl;\n+ if (onHeaders) {\n+ onHeadersImpl = (headersDescriptor: HeadersDescriptor) => {\n+ onHeaders(new Headers(headersDescriptor));\n+ };\n+ }\n+\n+ const resumableState = createResumableState(\n+ options ? options.identifierPrefix : undefined,\n+ options ? options.unstable_externalRuntimeSrc : undefined,\n+ options ? options.bootstrapScriptContent : undefined,\n+ options ? options.bootstrapScripts : undefined,\n+ options ? options.bootstrapModules : undefined,\n+ );\n+ const request = createRequest(\n+ children,\n+ resumableState,\n+ createRenderState(\n+ resumableState,\n+ options ? options.nonce : undefined,\n+ options ? options.unstable_externalRuntimeSrc : undefined,\n+ options ? options.importMap : undefined,\n+ onHeadersImpl,\n+ options ? options.maxHeadersLength : undefined,\n+ ),\n+ createRootFormatContext(options ? options.namespaceURI : undefined),\n+ options ? options.progressiveChunkSize : undefined,\n+ options ? options.onError : undefined,\n+ onAllReady,\n+ onShellReady,\n+ onShellError,\n+ onFatalError,\n+ options ? options.onPostpone : undefined,\n+ options ? options.formState : undefined,\n+ );\n+ if (options && options.signal) {\n+ const signal = options.signal;\n+ if (signal.aborted) {\n+ abort(request, (signal: any).reason);\n+ } else {\n+ const listener = () => {\n+ abort(request, (signal: any).reason);\n+ signal.removeEventListener('abort', listener);\n+ };\n+ signal.addEventListener('abort', listener);\n+ }\n+ }\n+ startWork(request);\n+ });\n+}\n+\n function resumeRequestImpl(\n children: ReactNodeList,\n postponedState: PostponedState,\n@@ -225,8 +362,89 @@ function resumeToPipeableStream(\n };\n }\n \n+type WebStreamsResumeOptions = Omit<\n+ Options,\n+ 'onShellReady' | 'onShellError' | 'onAllReady',\n+> & {signal: AbortSignal};\n+\n+function resume(\n+ children: ReactNodeList,\n+ postponedState: PostponedState,\n+ options?: WebStreamsResumeOptions,\n+): Promise {\n+ return new Promise((resolve, reject) => {\n+ let onFatalError;\n+ let onAllReady;\n+ const allReady = new Promise((res, rej) => {\n+ onAllReady = res;\n+ onFatalError = rej;\n+ });\n+\n+ function onShellReady() {\n+ let writable: Writable;\n+ const stream: ReactDOMServerReadableStream = (new ReadableStream(\n+ {\n+ type: 'bytes',\n+ start: (controller): ?Promise => {\n+ writable =\n+ createFakeWritableFromReadableStreamController(controller);\n+ },\n+ pull: (controller): ?Promise => {\n+ startFlowing(request, writable);\n+ },\n+ cancel: (reason): ?Promise => {\n+ stopFlowing(request);\n+ abort(request, reason);\n+ },\n+ },\n+ \/\/ $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.\n+ {highWaterMark: 0},\n+ ): any);\n+ \/\/ TODO: Move to sub-classing ReadableStream.\n+ stream.allReady = allReady;\n+ resolve(stream);\n+ }\n+ function onShellError(error: mixed) {\n+ \/\/ If the shell errors the caller of `renderToReadableStream` won't have access to `allReady`.\n+ \/\/ However, `allReady` will be rejected by `onFatalError` as well.\n+ \/\/ So we need to catch the duplicate, uncatchable fatal error in `allReady` to prevent a `UnhandledPromiseRejection`.\n+ allReady.catch(() => {});\n+ reject(error);\n+ }\n+ const request = resumeRequest(\n+ children,\n+ postponedState,\n+ resumeRenderState(\n+ postponedState.resumableState,\n+ options ? options.nonce : undefined,\n+ ),\n+ options ? options.onError : undefined,\n+ onAllReady,\n+ onShellReady,\n+ onShellError,\n+ onFatalError,\n+ options ? options.onPostpone : undefined,\n+ );\n+ if (options && options.signal) {\n+ const signal = options.signal;\n+ if (signal.aborted) {\n+ abort(request, (signal: any).reason);\n+ } else {\n+ const listener = () => {\n+ abort(request, (signal: any).reason);\n+ signal.removeEventListener('abort', listener);\n+ };\n+ signal.addEventListener('abort', listener);\n+ }\n+ }\n+ startWork(request);\n+ });\n+}\n+\n export {\n renderToPipeableStream,\n+ renderToReadableStream,\n resumeToPipeableStream,\n+ resume,\n ReactVersion as version,\n };\ndiff --git a\/packages\/react-dom\/src\/server\/ReactDOMFizzStaticEdge.js b\/packages\/react-dom\/src\/server\/ReactDOMFizzStaticEdge.js\nindex 7373ec49f6..4c8afd916f 100644\n--- a\/packages\/react-dom\/src\/server\/ReactDOMFizzStaticEdge.js\n+++ b\/packages\/react-dom\/src\/server\/ReactDOMFizzStaticEdge.js\n@@ -159,9 +159,8 @@ function prerender(\n type ResumeOptions = {\n nonce?: NonceOption,\n signal?: AbortSignal,\n- onError?: (error: mixed) => ?string,\n- onPostpone?: (reason: string) => void,\n- unstable_externalRuntimeSrc?: string | BootstrapScriptDescriptor,\n+ onError?: (error: mixed, errorInfo: ErrorInfo) => ?string,\n+ onPostpone?: (reason: string, postponeInfo: PostponeInfo) => void,\n };\n \n function resumeAndPrerender(\ndiff --git a\/packages\/react-dom\/src\/server\/ReactDOMFizzStaticNode.js b\/packages\/react-dom\/src\/server\/ReactDOMFizzStaticNode.js\nindex 5dbf128e0f..94ccd0ebed 100644\n--- a\/packages\/react-dom\/src\/server\/ReactDOMFizzStaticNode.js\n+++ b\/packages\/react-dom\/src\/server\/ReactDOMFizzStaticNode.js\n@@ -28,6 +28,7 @@ import {\n resumeAndPrerenderRequest,\n startWork,\n startFlowing,\n+ stopFlowing,\n abort,\n getPostponedState,\n } from 'react-server\/src\/ReactFizzServer';\n@@ -41,6 +42,8 @@ import {\n \n import {enablePostpone, enableHalt} from 'shared\/ReactFeatureFlags';\n \n+import {textEncoder} from 'react-server\/src\/ReactServerStreamConfigNode';\n+\n import {ensureCorrectIsomorphicReactVersion} from '..\/shared\/ensureCorrectIsomorphicReactVersion';\n ensureCorrectIsomorphicReactVersion();\n \n@@ -72,7 +75,36 @@ type StaticResult = {\n prelude: Readable,\n };\n \n-function createFakeWritable(readable: any): Writable {\n+function createFakeWritableFromReadableStreamController(\n+ controller: ReadableStreamController,\n+): Writable {\n+ \/\/ The current host config expects a Writable so we create\n+ \/\/ a fake writable for now to push into the Readable.\n+ return ({\n+ write(chunk: string | Uint8Array) {\n+ if (typeof chunk === 'string') {\n+ chunk = textEncoder.encode(chunk);\n+ }\n+ controller.enqueue(chunk);\n+ \/\/ in web streams there is no backpressure so we can alwas write more\n+ return true;\n+ },\n+ end() {\n+ controller.close();\n+ },\n+ destroy(error) {\n+ \/\/ $FlowFixMe[method-unbinding]\n+ if (typeof controller.error === 'function') {\n+ \/\/ $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.\n+ controller.error(error);\n+ } else {\n+ controller.close();\n+ }\n+ },\n+ }: any);\n+}\n+\n+function createFakeWritableFromReadable(readable: any): Writable {\n \/\/ The current host config expects a Writable so we create\n \/\/ a fake writable for now to push into the Readable.\n return ({\n@@ -101,7 +133,7 @@ function prerenderToNodeStream(\n startFlowing(request, writable);\n },\n });\n- const writable = createFakeWritable(readable);\n+ const writable = createFakeWritableFromReadable(readable);\n \n const result: StaticResult =\n enablePostpone || enableHalt\n@@ -157,6 +189,101 @@ function prerenderToNodeStream(\n });\n }\n \n+function prerender(\n+ children: ReactNodeList,\n+ options?: Omit & {\n+ onHeaders?: (headers: Headers) => void,\n+ },\n+): Promise<{\n+ postponed: null | PostponedState,\n+ prelude: ReadableStream,\n+}> {\n+ return new Promise((resolve, reject) => {\n+ const onFatalError = reject;\n+\n+ function onAllReady() {\n+ let writable: Writable;\n+ const stream = new ReadableStream(\n+ {\n+ type: 'bytes',\n+ start: (controller): ?Promise => {\n+ writable =\n+ createFakeWritableFromReadableStreamController(controller);\n+ },\n+ pull: (controller): ?Promise => {\n+ startFlowing(request, writable);\n+ },\n+ cancel: (reason): ?Promise => {\n+ stopFlowing(request);\n+ abort(request, reason);\n+ },\n+ },\n+ \/\/ $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.\n+ {highWaterMark: 0},\n+ );\n+\n+ const result =\n+ enablePostpone || enableHalt\n+ ? {\n+ postponed: getPostponedState(request),\n+ prelude: stream,\n+ }\n+ : ({\n+ prelude: stream,\n+ }: any);\n+ resolve(result);\n+ }\n+\n+ const onHeaders = options ? options.onHeaders : undefined;\n+ let onHeadersImpl;\n+ if (onHeaders) {\n+ onHeadersImpl = (headersDescriptor: HeadersDescriptor) => {\n+ onHeaders(new Headers(headersDescriptor));\n+ };\n+ }\n+ const resources = createResumableState(\n+ options ? options.identifierPrefix : undefined,\n+ options ? options.unstable_externalRuntimeSrc : undefined,\n+ options ? options.bootstrapScriptContent : undefined,\n+ options ? options.bootstrapScripts : undefined,\n+ options ? options.bootstrapModules : undefined,\n+ );\n+ const request = createPrerenderRequest(\n+ children,\n+ resources,\n+ createRenderState(\n+ resources,\n+ undefined, \/\/ nonce is not compatible with prerendered bootstrap scripts\n+ options ? options.unstable_externalRuntimeSrc : undefined,\n+ options ? options.importMap : undefined,\n+ onHeadersImpl,\n+ options ? options.maxHeadersLength : undefined,\n+ ),\n+ createRootFormatContext(options ? options.namespaceURI : undefined),\n+ options ? options.progressiveChunkSize : undefined,\n+ options ? options.onError : undefined,\n+ onAllReady,\n+ undefined,\n+ undefined,\n+ onFatalError,\n+ options ? options.onPostpone : undefined,\n+ );\n+ if (options && options.signal) {\n+ const signal = options.signal;\n+ if (signal.aborted) {\n+ abort(request, (signal: any).reason);\n+ } else {\n+ const listener = () => {\n+ abort(request, (signal: any).reason);\n+ signal.removeEventListener('abort', listener);\n+ };\n+ signal.addEventListener('abort', listener);\n+ }\n+ }\n+ startWork(request);\n+ });\n+}\n+\n type ResumeOptions = {\n nonce?: NonceOption,\n signal?: AbortSignal,\n@@ -178,7 +305,7 @@ function resumeAndPrerenderToNodeStream(\n startFlowing(request, writable);\n },\n });\n- const writable = createFakeWritable(readable);\n+ const writable = createFakeWritableFromReadable(readable);\n \n const result = {\n postponed: getPostponedState(request),\n@@ -216,8 +343,79 @@ function resumeAndPrerenderToNodeStream(\n });\n }\n \n+function resumeAndPrerender(\n+ children: ReactNodeList,\n+ postponedState: PostponedState,\n+ options?: ResumeOptions,\n+): Promise<{\n+ postponed: null | PostponedState,\n+ prelude: ReadableStream,\n+}> {\n+ return new Promise((resolve, reject) => {\n+ const onFatalError = reject;\n+\n+ function onAllReady() {\n+ let writable: Writable;\n+ const stream = new ReadableStream(\n+ {\n+ type: 'bytes',\n+ start: (controller): ?Promise => {\n+ writable =\n+ createFakeWritableFromReadableStreamController(controller);\n+ },\n+ pull: (controller): ?Promise => {\n+ startFlowing(request, writable);\n+ },\n+ cancel: (reason): ?Promise => {\n+ stopFlowing(request);\n+ abort(request, reason);\n+ },\n+ },\n+ \/\/ $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.\n+ {highWaterMark: 0},\n+ );\n+\n+ const result = {\n+ postponed: getPostponedState(request),\n+ prelude: stream,\n+ };\n+ resolve(result);\n+ }\n+\n+ const request = resumeAndPrerenderRequest(\n+ children,\n+ postponedState,\n+ resumeRenderState(\n+ postponedState.resumableState,\n+ options ? options.nonce : undefined,\n+ ),\n+ options ? options.onError : undefined,\n+ onAllReady,\n+ undefined,\n+ undefined,\n+ onFatalError,\n+ options ? options.onPostpone : undefined,\n+ );\n+ if (options && options.signal) {\n+ const signal = options.signal;\n+ if (signal.aborted) {\n+ abort(request, (signal: any).reason);\n+ } else {\n+ const listener = () => {\n+ abort(request, (signal: any).reason);\n+ signal.removeEventListener('abort', listener);\n+ };\n+ signal.addEventListener('abort', listener);\n+ }\n+ }\n+ startWork(request);\n+ });\n+}\n+\n export {\n+ prerender,\n prerenderToNodeStream,\n+ resumeAndPrerender,\n resumeAndPrerenderToNodeStream,\n ReactVersion as version,\n };\ndiff --git a\/packages\/react-dom\/src\/server\/react-dom-server.node.js b\/packages\/react-dom\/src\/server\/react-dom-server.node.js\nindex 17c2d755b4..e01fb6413c 100644\n--- a\/packages\/react-dom\/src\/server\/react-dom-server.node.js\n+++ b\/packages\/react-dom\/src\/server\/react-dom-server.node.js\n@@ -10,5 +10,7 @@\n export * from '.\/ReactDOMFizzServerNode.js';\n export {\n prerenderToNodeStream,\n+ prerender,\n resumeAndPrerenderToNodeStream,\n+ resumeAndPrerender,\n } from '.\/ReactDOMFizzStaticNode.js';\ndiff --git a\/packages\/react-dom\/src\/server\/react-dom-server.node.stable.js b\/packages\/react-dom\/src\/server\/react-dom-server.node.stable.js\nindex 4003622625..a650dc1610 100644\n--- a\/packages\/react-dom\/src\/server\/react-dom-server.node.stable.js\n+++ b\/packages\/react-dom\/src\/server\/react-dom-server.node.stable.js\n@@ -7,5 +7,9 @@\n * @flow\n *\/\n \n-export {renderToPipeableStream, version} from '.\/ReactDOMFizzServerNode.js';\n-export {prerenderToNodeStream} from '.\/ReactDOMFizzStaticNode.js';\n+export {\n+ renderToPipeableStream,\n+ renderToReadableStream,\n+ version,\n+} from '.\/ReactDOMFizzServerNode.js';\n+export {prerenderToNodeStream, prerender} from '.\/ReactDOMFizzStaticNode.js';\ndiff --git a\/packages\/react-dom\/static.node.js b\/packages\/react-dom\/static.node.js\nindex 0a45343f91..7e6bccaf4d 100644\n--- a\/packages\/react-dom\/static.node.js\n+++ b\/packages\/react-dom\/static.node.js\n@@ -31,9 +31,23 @@ export function prerenderToNodeStream() {\n );\n }\n \n+export function prerender() {\n+ return require('.\/src\/server\/react-dom-server.node').prerender.apply(\n+ this,\n+ arguments,\n+ );\n+}\n+\n export function resumeAndPrerenderToNodeStream() {\n return require('.\/src\/server\/react-dom-server.node').resumeAndPrerenderToNodeStream.apply(\n this,\n arguments,\n );\n }\n+\n+export function resumeAndPrerender() {\n+ return require('.\/src\/server\/react-dom-server.node').resumeAndPrerender.apply(\n+ this,\n+ arguments,\n+ );\n+}\ndiff --git a\/packages\/react-server\/src\/ReactServerStreamConfigNode.js b\/packages\/react-server\/src\/ReactServerStreamConfigNode.js\nindex 67d70e848c..3fb6984117 100644\n--- a\/packages\/react-server\/src\/ReactServerStreamConfigNode.js\n+++ b\/packages\/react-server\/src\/ReactServerStreamConfigNode.js\n@@ -189,7 +189,7 @@ export function close(destination: Destination) {\n destination.end();\n }\n \n-const textEncoder = new TextEncoder();\n+export const textEncoder: TextEncoder = new TextEncoder();\n \n export function stringToChunk(content: string): Chunk {\n return content;\n"}

dillon1000/react

Files changed