mirror of
https://github.com/zebrajr/react.git
synced 2025-12-07 00:20:28 +01:00
dbe3363ccd
* Wire up DOM legacy build * Hack to filter extra comments for testing purposes * Use string concat in renderToString I think this might be faster. We could probably use a combination of this technique in the stream too to lower the overhead. * Error if we can't complete the root synchronously Maybe this should always error but in the async forms we can just delay the stream until it resolves so it does have some useful semantics. In the synchronous form it's never useful though. I'm mostly adding the error because we're testing this behavior for renderToString specifically. * Gate memory leak tests of internals These tests don't translate as is to the new implementation and have been ported to the Fizz tests separately. * Enable Fizz legacy mode in stable * Add wrapper around the ServerFormatConfig for legacy mode This ensures that we can inject custom overrides without negatively affecting the new implementation. This adds another field for static mark up for example. * Wrap pushTextInstance to avoid emitting comments for text in static markup * Don't emit static mark up for completed suspense boundaries Completed and client rendered boundaries are only marked for the client to take over. Pending boundaries are still supported in case you stream non-hydratable mark up. * Wire up generateStaticMarkup to static API entry points * Mark as renderer for stable This shouldn't affect the FB one ideally but it's done with the same build so let's hope this works.
128 lines
2.8 KiB
JavaScript
128 lines
2.8 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import ReactVersion from 'shared/ReactVersion';
|
|
import invariant from 'shared/invariant';
|
|
|
|
import type {ReactNodeList} from 'shared/ReactTypes';
|
|
|
|
import {
|
|
createRequest,
|
|
startWork,
|
|
startFlowing,
|
|
abort,
|
|
} from 'react-server/src/ReactFizzServer';
|
|
|
|
import {
|
|
createResponseState,
|
|
createRootFormatContext,
|
|
} from './ReactDOMServerLegacyFormatConfig';
|
|
|
|
type ServerOptions = {
|
|
identifierPrefix?: string,
|
|
};
|
|
|
|
function onError() {
|
|
// Non-fatal errors are ignored.
|
|
}
|
|
|
|
function renderToStringImpl(
|
|
children: ReactNodeList,
|
|
options: void | ServerOptions,
|
|
generateStaticMarkup: boolean,
|
|
): string {
|
|
let didFatal = false;
|
|
let fatalError = null;
|
|
let result = '';
|
|
const destination = {
|
|
push(chunk) {
|
|
if (chunk !== null) {
|
|
result += chunk;
|
|
}
|
|
return true;
|
|
},
|
|
destroy(error) {
|
|
didFatal = true;
|
|
fatalError = error;
|
|
},
|
|
};
|
|
|
|
let readyToStream = false;
|
|
function onReadyToStream() {
|
|
readyToStream = true;
|
|
}
|
|
const request = createRequest(
|
|
children,
|
|
destination,
|
|
createResponseState(
|
|
generateStaticMarkup,
|
|
options ? options.identifierPrefix : undefined,
|
|
),
|
|
createRootFormatContext(undefined),
|
|
Infinity,
|
|
onError,
|
|
undefined,
|
|
onReadyToStream,
|
|
);
|
|
startWork(request);
|
|
// If anything suspended and is still pending, we'll abort it before writing.
|
|
// That way we write only client-rendered boundaries from the start.
|
|
abort(request);
|
|
startFlowing(request);
|
|
if (didFatal) {
|
|
throw fatalError;
|
|
}
|
|
invariant(
|
|
readyToStream,
|
|
'A React component suspended while rendering, but no fallback UI was specified.\n' +
|
|
'\n' +
|
|
'Add a <Suspense fallback=...> component higher in the tree to ' +
|
|
'provide a loading indicator or placeholder to display.',
|
|
);
|
|
return result;
|
|
}
|
|
|
|
function renderToString(
|
|
children: ReactNodeList,
|
|
options?: ServerOptions,
|
|
): string {
|
|
return renderToStringImpl(children, options, false);
|
|
}
|
|
|
|
function renderToStaticMarkup(
|
|
children: ReactNodeList,
|
|
options?: ServerOptions,
|
|
): string {
|
|
return renderToStringImpl(children, options, true);
|
|
}
|
|
|
|
function renderToNodeStream() {
|
|
invariant(
|
|
false,
|
|
'ReactDOMServer.renderToNodeStream(): The streaming API is not available ' +
|
|
'in the browser. Use ReactDOMServer.renderToString() instead.',
|
|
);
|
|
}
|
|
|
|
function renderToStaticNodeStream() {
|
|
invariant(
|
|
false,
|
|
'ReactDOMServer.renderToStaticNodeStream(): The streaming API is not available ' +
|
|
'in the browser. Use ReactDOMServer.renderToStaticMarkup() instead.',
|
|
);
|
|
}
|
|
|
|
export {
|
|
renderToString,
|
|
renderToStaticMarkup,
|
|
renderToNodeStream,
|
|
renderToStaticNodeStream,
|
|
ReactVersion as version,
|
|
};
|