next
Version:
The React Framework
293 lines (292 loc) • 11.5 kB
JavaScript
import { workUnitAsyncStorage } from './work-unit-async-storage.external';
function createSegmentVaryParamsAccumulator() {
const accumulator = {
varyParams: new Set(),
status: 'pending',
value: new Set(),
then (onfulfilled) {
if (onfulfilled) {
if (accumulator.status === 'pending') {
accumulator.resolvers.push(onfulfilled);
} else {
onfulfilled(accumulator.value);
}
}
},
resolvers: []
};
return accumulator;
}
/**
* A singleton accumulator that's already resolved to an empty Set. Use this for
* segments where we know upfront that no params will be accessed, such as
* client components or segments without user code.
*
* Benefits:
* - No need to accumulate or resolve later
* - Resilient: resolves correctly even if other tracking fails
* - Memory efficient: reuses the same object
*/ const emptySet = new Set();
export const emptyVaryParamsAccumulator = {
varyParams: emptySet,
status: 'fulfilled',
value: emptySet,
then (onfulfilled) {
if (onfulfilled) {
onfulfilled(emptySet);
}
},
resolvers: []
};
export function createResponseVaryParamsAccumulator() {
// Create the head and rootParams accumulators as top-level fields.
// Segment accumulators are added to the segments set as they are created.
const head = createSegmentVaryParamsAccumulator();
const rootParams = createSegmentVaryParamsAccumulator();
const segments = new Set();
return {
head,
rootParams,
segments
};
}
/**
* Allocates a new VaryParamsAccumulator and adds it to the response accumulator
* associated with the current WorkUnitStore.
*
* Returns a thenable that resolves to the segment's vary params once rendering
* is complete. The thenable can be passed directly to React Flight for
* serialization.
*/ export function createVaryParamsAccumulator() {
const workUnitStore = workUnitAsyncStorage.getStore();
if (workUnitStore) {
switch(workUnitStore.type){
case 'prerender':
case 'prerender-runtime':
{
const responseAccumulator = workUnitStore.varyParamsAccumulator;
if (responseAccumulator !== null) {
const accumulator = createSegmentVaryParamsAccumulator();
responseAccumulator.segments.add(accumulator);
return accumulator;
}
return null;
}
case 'prerender-ppr':
case 'prerender-legacy':
case 'request':
case 'cache':
case 'private-cache':
case 'prerender-client':
case 'validation-client':
case 'unstable-cache':
case 'generate-static-params':
break;
default:
workUnitStore;
}
}
return null;
}
export function getMetadataVaryParamsAccumulator() {
const workUnitStore = workUnitAsyncStorage.getStore();
if (workUnitStore) {
switch(workUnitStore.type){
case 'prerender':
case 'prerender-runtime':
{
const responseAccumulator = workUnitStore.varyParamsAccumulator;
if (responseAccumulator !== null) {
return responseAccumulator.head;
}
return null;
}
case 'prerender-ppr':
case 'prerender-legacy':
case 'request':
case 'cache':
case 'private-cache':
case 'prerender-client':
case 'validation-client':
case 'unstable-cache':
case 'generate-static-params':
return null;
default:
workUnitStore;
}
}
return null;
}
export function getVaryParamsThenable(accumulator) {
return accumulator;
}
export function getMetadataVaryParamsThenable() {
const accumulator = getMetadataVaryParamsAccumulator();
if (accumulator !== null) {
return getVaryParamsThenable(accumulator);
}
return null;
}
// The metadata and viewport are always delivered in a single payload, so they
// don't need to be tracked separately. This may change in the future, but for
// now this is just an alias.
export const getViewportVaryParamsAccumulator = getMetadataVaryParamsAccumulator;
export function getRootParamsVaryParamsAccumulator() {
const workUnitStore = workUnitAsyncStorage.getStore();
if (workUnitStore) {
switch(workUnitStore.type){
case 'prerender':
case 'prerender-runtime':
{
const responseAccumulator = workUnitStore.varyParamsAccumulator;
if (responseAccumulator !== null) {
return responseAccumulator.rootParams;
}
return null;
}
case 'prerender-ppr':
case 'prerender-legacy':
case 'request':
case 'cache':
case 'private-cache':
case 'prerender-client':
case 'validation-client':
case 'unstable-cache':
case 'generate-static-params':
return null;
default:
workUnitStore;
}
}
return null;
}
/**
* Records that a param was accessed. Adds the param name to the accumulator's
* varyParams set.
*/ export function accumulateVaryParam(accumulator, paramName) {
accumulator.varyParams.add(paramName);
}
/**
* Records a root param access.
*/ export function accumulateRootVaryParam(paramName) {
const rootParamsAccumulator = getRootParamsVaryParamsAccumulator();
if (rootParamsAccumulator !== null) {
accumulateVaryParam(rootParamsAccumulator, paramName);
}
}
export function createVaryingParams(accumulator, originalParamsObject, optionalCatchAllParamName) {
if (optionalCatchAllParamName !== null) {
// When there's an optional catch-all param with no value (e.g.,
// [[...slug]] at /), the param doesn't exist as a property on the params
// object. Use a Proxy to track all param access — both existing params
// and the missing optional param — including enumeration patterns like
// Object.keys(), spread, for...in, and `in` checks.
return new Proxy(originalParamsObject, {
get (target, prop, receiver) {
if (typeof prop === 'string') {
if (prop === optionalCatchAllParamName || Object.prototype.hasOwnProperty.call(target, prop)) {
accumulateVaryParam(accumulator, prop);
}
}
return Reflect.get(target, prop, receiver);
},
has (target, prop) {
if (prop === optionalCatchAllParamName) {
accumulateVaryParam(accumulator, optionalCatchAllParamName);
}
return Reflect.has(target, prop);
},
ownKeys (target) {
// Enumerating the params object means the user's code may depend on
// which params are present, so conservatively track the optional
// param as accessed.
accumulateVaryParam(accumulator, optionalCatchAllParamName);
return Reflect.ownKeys(target);
}
});
}
// When there's no optional catch-all, all params exist as properties on the
// object, so we can use defineProperty getters instead of a Proxy. This is
// faster because the engine can optimize property access on regular objects
// more aggressively than Proxy trap calls.
const underlyingParamsWithVarying = {};
for(const paramName in originalParamsObject){
Object.defineProperty(underlyingParamsWithVarying, paramName, {
get () {
accumulateVaryParam(accumulator, paramName);
return originalParamsObject[paramName];
},
enumerable: true
});
}
return underlyingParamsWithVarying;
}
export function createVaryingSearchParams(accumulator, originalSearchParamsObject) {
const underlyingSearchParamsWithVarying = {};
for(const searchParamName in originalSearchParamsObject){
Object.defineProperty(underlyingSearchParamsWithVarying, searchParamName, {
get () {
// TODO: Unlike path params, we don't vary track each search param
// individually. The entire search string is treated as a single param.
// This may change in the future.
accumulateVaryParam(accumulator, '?');
return originalSearchParamsObject[searchParamName];
},
enumerable: true
});
}
return underlyingSearchParamsWithVarying;
}
/**
* Resolves all segment accumulators in a ResponseVaryParamsAccumulator with
* their final vary params. Call this after rendering is complete.
*
* Each segment's thenable is resolved with its vary params merged with the
* root params. If we can't track vary params (e.g., legacy prerender), simply
* don't call this function - the client treats unresolved thenables as
* "unknown" vary params.
*/ export async function finishAccumulatingVaryParams(responseAccumulator) {
const rootVaryParams = responseAccumulator.rootParams.varyParams;
// Resolve head
finishSegmentAccumulator(responseAccumulator.head, rootVaryParams);
// Resolve each segment
for (const segmentAccumulator of responseAccumulator.segments){
finishSegmentAccumulator(segmentAccumulator, rootVaryParams);
}
// Now that the thenables are resolved, Flight should be able to flush the
// vary params into the response stream. This work gets scheduled internally
// by Flight using a microtask as soon as we notify the thenable listeners.
//
// We need to ensure that Flight's pending queues are emptied before this
// function returns; the caller will abort the prerender immediately after.
// We can't use a macrotask, because that would allow dynamic IO to sneak
// into the response. So we use microtasks instead.
//
// The exact number of awaits here isn't important (indeed, one seems to be
// sufficient, at the time of writing), as long as we wait enough ticks for
// Flight to finish writing the response.
//
// Anything that remains in Flight's internal queue after these awaits must
// be actual dynamic IO, not caused by pending vary params tasks. In other
// words, failing to do this would cause us to treat a fully static prerender
// as if it were partially dynamic.
await Promise.resolve();
await Promise.resolve();
await Promise.resolve();
}
function finishSegmentAccumulator(accumulator, rootVaryParams) {
if (accumulator.status !== 'pending') {
return;
}
const merged = new Set(accumulator.varyParams);
for (const param of rootVaryParams){
merged.add(param);
}
accumulator.value = merged;
accumulator.status = 'fulfilled';
for (const resolver of accumulator.resolvers){
resolver(merged);
}
accumulator.resolvers = [];
}
//# sourceMappingURL=vary-params.js.map