mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
restore next14 sync base branch (#31841)
The original commit for nextjs 14 is
14898b6a93 but since that was lost in the
facebook repo of React when the next nextjs-sync branch was created it
is being restored
This commit is contained in:
@@ -58,12 +58,6 @@ export function typedArrayToBinaryChunk(
|
||||
throw new Error('Not implemented.');
|
||||
}
|
||||
|
||||
export function clonePrecomputedChunk(
|
||||
chunk: PrecomputedChunk,
|
||||
): PrecomputedChunk {
|
||||
return chunk;
|
||||
}
|
||||
|
||||
export function byteLengthOfChunk(chunk: Chunk | PrecomputedChunk): number {
|
||||
throw new Error('Not implemented.');
|
||||
}
|
||||
|
||||
@@ -48,7 +48,6 @@ import {
|
||||
writeChunkAndReturn,
|
||||
stringToChunk,
|
||||
stringToPrecomputedChunk,
|
||||
clonePrecomputedChunk,
|
||||
} from 'react-server/src/ReactServerStreamConfig';
|
||||
import {
|
||||
resolveRequest,
|
||||
@@ -4227,15 +4226,13 @@ export function writeCompletedBoundaryInstruction(
|
||||
) {
|
||||
resumableState.instructions |=
|
||||
SentStyleInsertionFunction | SentCompleteBoundaryFunction;
|
||||
writeChunk(
|
||||
destination,
|
||||
clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth),
|
||||
);
|
||||
writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
|
||||
} else if (
|
||||
(resumableState.instructions & SentStyleInsertionFunction) ===
|
||||
NothingSent
|
||||
) {
|
||||
resumableState.instructions |= SentStyleInsertionFunction;
|
||||
|
||||
writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
|
||||
} else {
|
||||
writeChunk(destination, completeBoundaryWithStylesScript1Partial);
|
||||
|
||||
@@ -731,6 +731,65 @@ describe('ReactDOMFloat', () => {
|
||||
).toEqual(['<script src="src-of-external-runtime" async=""></script>']);
|
||||
});
|
||||
|
||||
// @gate enableFloat
|
||||
it('can send style insertion implementation independent of boundary commpletion instruction implementation', async () => {
|
||||
await act(() => {
|
||||
renderToPipeableStream(
|
||||
<html>
|
||||
<body>
|
||||
<Suspense fallback="loading foo...">
|
||||
<BlockedOn value="foo">foo</BlockedOn>
|
||||
</Suspense>
|
||||
<Suspense fallback="loading bar...">
|
||||
<BlockedOn value="bar">
|
||||
<link rel="stylesheet" href="bar" precedence="bar" />
|
||||
bar
|
||||
</BlockedOn>
|
||||
</Suspense>
|
||||
</body>
|
||||
</html>,
|
||||
).pipe(writable);
|
||||
});
|
||||
|
||||
expect(getMeaningfulChildren(document)).toEqual(
|
||||
<html>
|
||||
<head />
|
||||
<body>
|
||||
{'loading foo...'}
|
||||
{'loading bar...'}
|
||||
</body>
|
||||
</html>,
|
||||
);
|
||||
|
||||
await act(() => {
|
||||
resolveText('foo');
|
||||
});
|
||||
expect(getMeaningfulChildren(document)).toEqual(
|
||||
<html>
|
||||
<head />
|
||||
<body>
|
||||
foo
|
||||
{'loading bar...'}
|
||||
</body>
|
||||
</html>,
|
||||
);
|
||||
await act(() => {
|
||||
resolveText('bar');
|
||||
});
|
||||
expect(getMeaningfulChildren(document)).toEqual(
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="bar" data-precedence="bar" />
|
||||
</head>
|
||||
<body>
|
||||
foo
|
||||
{'loading bar...'}
|
||||
<link rel="preload" href="bar" as="style" />
|
||||
</body>
|
||||
</html>,
|
||||
);
|
||||
});
|
||||
|
||||
// @gate enableFloat
|
||||
it('can avoid inserting a late stylesheet if it already rendered on the client', async () => {
|
||||
await act(() => {
|
||||
|
||||
@@ -46,9 +46,6 @@ const ReactNoopFlightServer = ReactFlightServer({
|
||||
stringToPrecomputedChunk(content: string): Uint8Array {
|
||||
return textEncoder.encode(content);
|
||||
},
|
||||
clonePrecomputedChunk(chunk: Uint8Array): Uint8Array {
|
||||
return chunk;
|
||||
},
|
||||
isClientReference(reference: Object): boolean {
|
||||
return reference.$$typeof === Symbol.for('react.client.reference');
|
||||
},
|
||||
|
||||
+6
-23
@@ -22,7 +22,7 @@ export function flushBuffered(destination: Destination) {
|
||||
// transform streams. https://github.com/whatwg/streams/issues/960
|
||||
}
|
||||
|
||||
const VIEW_SIZE = 512;
|
||||
const VIEW_SIZE = 2048;
|
||||
let currentView = null;
|
||||
let writtenBytes = 0;
|
||||
|
||||
@@ -40,15 +40,6 @@ export function writeChunk(
|
||||
}
|
||||
|
||||
if (chunk.byteLength > VIEW_SIZE) {
|
||||
if (__DEV__) {
|
||||
if (precomputedChunkSet.has(chunk)) {
|
||||
console.error(
|
||||
'A large precomputed chunk was passed to writeChunk without being copied.' +
|
||||
' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' +
|
||||
' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.',
|
||||
);
|
||||
}
|
||||
}
|
||||
// this chunk may overflow a single view which implies it was not
|
||||
// one that is cached by the streaming renderer. We will enqueu
|
||||
// it directly and expect it is not re-used
|
||||
@@ -120,15 +111,15 @@ export function stringToChunk(content: string): Chunk {
|
||||
return textEncoder.encode(content);
|
||||
}
|
||||
|
||||
const precomputedChunkSet: Set<Chunk | BinaryChunk> = __DEV__
|
||||
? new Set()
|
||||
: (null: any);
|
||||
|
||||
export function stringToPrecomputedChunk(content: string): PrecomputedChunk {
|
||||
const precomputedChunk = textEncoder.encode(content);
|
||||
|
||||
if (__DEV__) {
|
||||
precomputedChunkSet.add(precomputedChunk);
|
||||
if (precomputedChunk.byteLength > VIEW_SIZE) {
|
||||
console.error(
|
||||
'precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return precomputedChunk;
|
||||
@@ -151,14 +142,6 @@ export function typedArrayToBinaryChunk(
|
||||
return content.byteLength > VIEW_SIZE ? buffer.slice() : buffer;
|
||||
}
|
||||
|
||||
export function clonePrecomputedChunk(
|
||||
precomputedChunk: PrecomputedChunk,
|
||||
): PrecomputedChunk {
|
||||
return precomputedChunk.byteLength > VIEW_SIZE
|
||||
? precomputedChunk.slice()
|
||||
: precomputedChunk;
|
||||
}
|
||||
|
||||
export function byteLengthOfChunk(chunk: Chunk | PrecomputedChunk): number {
|
||||
return chunk.byteLength;
|
||||
}
|
||||
|
||||
@@ -70,12 +70,6 @@ export function typedArrayToBinaryChunk(
|
||||
return content;
|
||||
}
|
||||
|
||||
export function clonePrecomputedChunk(
|
||||
chunk: PrecomputedChunk,
|
||||
): PrecomputedChunk {
|
||||
return chunk;
|
||||
}
|
||||
|
||||
export function byteLengthOfChunk(chunk: Chunk | PrecomputedChunk): number {
|
||||
return Buffer.byteLength(chunk, 'utf8');
|
||||
}
|
||||
|
||||
+6
-23
@@ -22,7 +22,7 @@ export function flushBuffered(destination: Destination) {
|
||||
// transform streams. https://github.com/whatwg/streams/issues/960
|
||||
}
|
||||
|
||||
const VIEW_SIZE = 512;
|
||||
const VIEW_SIZE = 2048;
|
||||
let currentView = null;
|
||||
let writtenBytes = 0;
|
||||
|
||||
@@ -40,15 +40,6 @@ export function writeChunk(
|
||||
}
|
||||
|
||||
if (chunk.byteLength > VIEW_SIZE) {
|
||||
if (__DEV__) {
|
||||
if (precomputedChunkSet.has(chunk)) {
|
||||
console.error(
|
||||
'A large precomputed chunk was passed to writeChunk without being copied.' +
|
||||
' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' +
|
||||
' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.',
|
||||
);
|
||||
}
|
||||
}
|
||||
// this chunk may overflow a single view which implies it was not
|
||||
// one that is cached by the streaming renderer. We will enqueu
|
||||
// it directly and expect it is not re-used
|
||||
@@ -120,15 +111,15 @@ export function stringToChunk(content: string): Chunk {
|
||||
return textEncoder.encode(content);
|
||||
}
|
||||
|
||||
const precomputedChunkSet: Set<Chunk | BinaryChunk> = __DEV__
|
||||
? new Set()
|
||||
: (null: any);
|
||||
|
||||
export function stringToPrecomputedChunk(content: string): PrecomputedChunk {
|
||||
const precomputedChunk = textEncoder.encode(content);
|
||||
|
||||
if (__DEV__) {
|
||||
precomputedChunkSet.add(precomputedChunk);
|
||||
if (precomputedChunk.byteLength > VIEW_SIZE) {
|
||||
console.error(
|
||||
'precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return precomputedChunk;
|
||||
@@ -151,14 +142,6 @@ export function typedArrayToBinaryChunk(
|
||||
return content.byteLength > VIEW_SIZE ? buffer.slice() : buffer;
|
||||
}
|
||||
|
||||
export function clonePrecomputedChunk(
|
||||
precomputedChunk: PrecomputedChunk,
|
||||
): PrecomputedChunk {
|
||||
return precomputedChunk.byteLength > VIEW_SIZE
|
||||
? precomputedChunk.slice()
|
||||
: precomputedChunk;
|
||||
}
|
||||
|
||||
export function byteLengthOfChunk(chunk: Chunk | PrecomputedChunk): number {
|
||||
return chunk.byteLength;
|
||||
}
|
||||
|
||||
@@ -60,12 +60,6 @@ export function typedArrayToBinaryChunk(
|
||||
throw new Error('Not implemented.');
|
||||
}
|
||||
|
||||
export function clonePrecomputedChunk(
|
||||
chunk: PrecomputedChunk,
|
||||
): PrecomputedChunk {
|
||||
return chunk;
|
||||
}
|
||||
|
||||
export function byteLengthOfChunk(chunk: Chunk | PrecomputedChunk): number {
|
||||
throw new Error('Not implemented.');
|
||||
}
|
||||
|
||||
+4
-21
@@ -99,15 +99,6 @@ function writeViewChunk(
|
||||
return;
|
||||
}
|
||||
if (chunk.byteLength > VIEW_SIZE) {
|
||||
if (__DEV__) {
|
||||
if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
|
||||
console.error(
|
||||
'A large precomputed chunk was passed to writeChunk without being copied.' +
|
||||
' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' +
|
||||
' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.',
|
||||
);
|
||||
}
|
||||
}
|
||||
// this chunk may overflow a single view which implies it was not
|
||||
// one that is cached by the streaming renderer. We will enqueu
|
||||
// it directly and expect it is not re-used
|
||||
@@ -201,14 +192,14 @@ export function stringToChunk(content: string): Chunk {
|
||||
return content;
|
||||
}
|
||||
|
||||
const precomputedChunkSet = __DEV__ ? new Set<PrecomputedChunk>() : null;
|
||||
|
||||
export function stringToPrecomputedChunk(content: string): PrecomputedChunk {
|
||||
const precomputedChunk = textEncoder.encode(content);
|
||||
|
||||
if (__DEV__) {
|
||||
if (precomputedChunkSet) {
|
||||
precomputedChunkSet.add(precomputedChunk);
|
||||
if (precomputedChunk.byteLength > VIEW_SIZE) {
|
||||
console.error(
|
||||
'precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -222,14 +213,6 @@ export function typedArrayToBinaryChunk(
|
||||
return new Uint8Array(content.buffer, content.byteOffset, content.byteLength);
|
||||
}
|
||||
|
||||
export function clonePrecomputedChunk(
|
||||
precomputedChunk: PrecomputedChunk,
|
||||
): PrecomputedChunk {
|
||||
return precomputedChunk.length > VIEW_SIZE
|
||||
? precomputedChunk.slice()
|
||||
: precomputedChunk;
|
||||
}
|
||||
|
||||
export function byteLengthOfChunk(chunk: Chunk | PrecomputedChunk): number {
|
||||
return typeof chunk === 'string'
|
||||
? Buffer.byteLength(chunk, 'utf8')
|
||||
|
||||
@@ -41,7 +41,6 @@ export const closeWithError = $$$config.closeWithError;
|
||||
export const stringToChunk = $$$config.stringToChunk;
|
||||
export const stringToPrecomputedChunk = $$$config.stringToPrecomputedChunk;
|
||||
export const typedArrayToBinaryChunk = $$$config.typedArrayToBinaryChunk;
|
||||
export const clonePrecomputedChunk = $$$config.clonePrecomputedChunk;
|
||||
export const byteLengthOfChunk = $$$config.byteLengthOfChunk;
|
||||
export const byteLengthOfBinaryChunk = $$$config.byteLengthOfBinaryChunk;
|
||||
export const createFastHash = $$$config.createFastHash;
|
||||
|
||||
Reference in New Issue
Block a user