UNPKG

next

Version:

The React Framework

500 lines (499 loc) • 27.7 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); 0 && (module.exports = { createParamsFromClient: null, createPrerenderParamsForClientSegment: null, createServerParamsForMetadata: null, createServerParamsForRoute: null, createServerParamsForServerSegment: null }); function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { createParamsFromClient: function() { return createParamsFromClient; }, createPrerenderParamsForClientSegment: function() { return createPrerenderParamsForClientSegment; }, createServerParamsForMetadata: function() { return createServerParamsForMetadata; }, createServerParamsForRoute: function() { return createServerParamsForRoute; }, createServerParamsForServerSegment: function() { return createServerParamsForServerSegment; } }); const _workasyncstorageexternal = require("../app-render/work-async-storage.external"); const _varyparams = require("../app-render/vary-params"); const _reflect = require("../web/spec-extension/adapters/reflect"); const _workunitasyncstorageexternal = require("../app-render/work-unit-async-storage.external"); const _invarianterror = require("../../shared/lib/invariant-error"); const _reflectutils = require("../../shared/lib/utils/reflect-utils"); const _dynamicrenderingutils = require("../dynamic-rendering-utils"); const _creatededupedbycallsiteservererrorlogger = require("../create-deduped-by-callsite-server-error-logger"); const _dynamicaccessasyncstorageexternal = require("../app-render/dynamic-access-async-storage.external"); const _paramsutils = require("../lib/params-utils"); function createParamsFromClient(underlyingParams) { const workStore = _workasyncstorageexternal.workAsyncStorage.getStore(); if (!workStore) { throw new _invarianterror.InvariantError('Expected workStore to be initialized'); } const workUnitStore = _workunitasyncstorageexternal.workUnitAsyncStorage.getStore(); if (workUnitStore) { switch(workUnitStore.type){ case 'prerender': case 'prerender-client': case 'prerender-legacy': // Client params don't need additional vary tracking because by the // time they reach the client, the access would have already been // tracked by the server. const varyParamsAccumulator = null; return createStaticPrerenderParams(underlyingParams, null, workStore, workUnitStore, varyParamsAccumulator); case 'cache': case 'private-cache': case 'unstable-cache': throw new _invarianterror.InvariantError('createParamsFromClient should not be called in cache contexts.'); case 'prerender-runtime': throw new _invarianterror.InvariantError('createParamsFromClient should not be called in a runtime prerender.'); case 'build-time-generator': throw new _invarianterror.InvariantError(`createParamsFromClient should not be called inside ${workUnitStore.functionName}.`); case 'validation-client': { if (workUnitStore.validationSamples) { return createClientParamsInInstantValidation(underlyingParams, workStore, workUnitStore.validationSamples); } return makeUntrackedParams(underlyingParams); } case 'request': { if (workUnitStore.validationSamples) { return createClientParamsInInstantValidation(underlyingParams, workStore, workUnitStore.validationSamples); } if (process.env.NODE_ENV === 'development') { const stagedFallbackParams = workUnitStore.stagedFallbackParams; const userspaceParams = underlyingParams; return createRenderParamsInDev(underlyingParams, userspaceParams, stagedFallbackParams, workStore, workUnitStore); } else { return createRenderParamsInProd(underlyingParams); } } default: workUnitStore; } } (0, _workunitasyncstorageexternal.throwInvariantForMissingStore)(); } function createServerParamsForMetadata(underlyingParams, optionalCatchAllParamName) { const metadataVaryParamsAccumulator = (0, _varyparams.getMetadataVaryParamsAccumulator)(); return createServerParamsForServerSegment(underlyingParams, optionalCatchAllParamName, metadataVaryParamsAccumulator); } function createServerParamsForRoute(underlyingParams, varyParamsAccumulator = null) { const workStore = _workasyncstorageexternal.workAsyncStorage.getStore(); if (!workStore) { throw new _invarianterror.InvariantError('Expected workStore to be initialized'); } const workUnitStore = _workunitasyncstorageexternal.workUnitAsyncStorage.getStore(); if (workUnitStore) { switch(workUnitStore.type){ case 'prerender': case 'prerender-legacy': return createStaticPrerenderParams(underlyingParams, null, workStore, workUnitStore, varyParamsAccumulator); case 'prerender-client': case 'validation-client': throw new _invarianterror.InvariantError('createServerParamsForRoute should not be called in client contexts.'); case 'cache': case 'private-cache': case 'unstable-cache': throw new _invarianterror.InvariantError('createServerParamsForRoute should not be called in cache contexts.'); case 'build-time-generator': throw new _invarianterror.InvariantError(`createServerParamsForRoute should not be called inside ${workUnitStore.functionName}.`); case 'prerender-runtime': { throw new _invarianterror.InvariantError('createServerParamsForRoute should not be called in runtime prerenders.'); } case 'request': if (process.env.NODE_ENV === 'development') { const stagedFallbackParams = workUnitStore.stagedFallbackParams; const userspaceParams = underlyingParams; return createRenderParamsInDev(underlyingParams, userspaceParams, stagedFallbackParams, workStore, workUnitStore); } else { return createRenderParamsInProd(underlyingParams); } default: workUnitStore; } } (0, _workunitasyncstorageexternal.throwInvariantForMissingStore)(); } function createServerParamsForServerSegment(underlyingParams, optionalCatchAllParamName, varyParamsAccumulator) { const workStore = _workasyncstorageexternal.workAsyncStorage.getStore(); if (!workStore) { throw new _invarianterror.InvariantError('Expected workStore to be initialized'); } const workUnitStore = _workunitasyncstorageexternal.workUnitAsyncStorage.getStore(); if (workUnitStore) { switch(workUnitStore.type){ case 'prerender': case 'prerender-client': case 'prerender-legacy': return createStaticPrerenderParams(underlyingParams, optionalCatchAllParamName, workStore, workUnitStore, varyParamsAccumulator); case 'validation-client': throw new _invarianterror.InvariantError('createServerParamsForServerSegment should not be called in client contexts.'); case 'cache': case 'private-cache': case 'unstable-cache': throw new _invarianterror.InvariantError('createServerParamsForServerSegment should not be called in cache contexts.'); case 'build-time-generator': throw new _invarianterror.InvariantError(`createServerParamsForServerSegment should not be called inside ${workUnitStore.functionName}.`); case 'prerender-runtime': return createRuntimePrerenderParams(underlyingParams, optionalCatchAllParamName, workStore, workUnitStore, varyParamsAccumulator); case 'request': { return createRenderParamsForPage(workStore, workUnitStore, underlyingParams, optionalCatchAllParamName, varyParamsAccumulator); } default: workUnitStore; } } (0, _workunitasyncstorageexternal.throwInvariantForMissingStore)(); } function createPrerenderParamsForClientSegment(underlyingParams) { const workStore = _workasyncstorageexternal.workAsyncStorage.getStore(); if (!workStore) { throw new _invarianterror.InvariantError('Missing workStore in createPrerenderParamsForClientSegment'); } const workUnitStore = _workunitasyncstorageexternal.workUnitAsyncStorage.getStore(); if (workUnitStore) { switch(workUnitStore.type){ case 'prerender': case 'prerender-client': const fallbackParams = workUnitStore.fallbackRouteParams; if (fallbackParams) { for(let key in underlyingParams){ if (fallbackParams.has(key)) { // This params object has one or more fallback params, so we need // to consider the awaiting of this params object "dynamic". Since // we are in cacheComponents mode we encode this as a promise that never // resolves. return (0, _dynamicrenderingutils.makeFallbackParamsHangingPromise)(workUnitStore.renderSignal, workStore.route, '`params`', workUnitStore); } } } break; case 'validation-client': throw new _invarianterror.InvariantError('createPrerenderParamsForClientSegment should not be called in validation contexts.'); break; case 'cache': case 'private-cache': case 'unstable-cache': throw new _invarianterror.InvariantError('createPrerenderParamsForClientSegment should not be called in cache contexts.'); case 'build-time-generator': throw new _invarianterror.InvariantError(`createPrerenderParamsForClientSegment should not be called inside ${workUnitStore.functionName}.`); case 'prerender-runtime': case 'prerender-legacy': case 'request': break; default: workUnitStore; } } // We're prerendering in a mode that does not abort. We resolve the promise without // any tracking because we're just transporting a value from server to client where the tracking // will be applied. return Promise.resolve(underlyingParams); } function createStaticPrerenderParams(underlyingParams, optionalCatchAllParamName, workStore, prerenderStore, varyParamsAccumulator) { switch(prerenderStore.type){ case 'prerender': { let userspaceParams = underlyingParams; if (varyParamsAccumulator !== null) { userspaceParams = (0, _varyparams.createVaryingParams)(varyParamsAccumulator, underlyingParams, optionalCatchAllParamName); } if ((0, _paramsutils.isEmptyParams)(underlyingParams)) { // This route has no params. return makeUntrackedParams(userspaceParams); } const fallbackParams = prerenderStore.fallbackRouteParams; if ((0, _paramsutils.hasFallbackRouteParams)(underlyingParams, fallbackParams)) { // This params object has one or more fallback params, so we need // to consider the awaiting of this params object dynamic. return makeHangingParams(underlyingParams, workStore, prerenderStore); } // All params are static. const { stagedRendering } = prerenderStore; if (stagedRendering) { // Even if all params are static, we need to exclude them from the app shell // by delaying them to the static stage. However, root params are allowed in shells, // so if all the params are root params, they can be included as well. if (!(0, _paramsutils.allParamsAreRootParams)(underlyingParams, prerenderStore.rootParams)) { const staticParamsStage = _dynamicrenderingutils.RENDER_STAGES_BY_DATA_KIND.staticUrlData.static; return stagedRendering.delayUntilStage(staticParamsStage, 'params', userspaceParams); } } return makeUntrackedParams(userspaceParams); } case 'prerender-client': { const fallbackParams = prerenderStore.fallbackRouteParams; if (fallbackParams) { for(const key in underlyingParams){ if (fallbackParams.has(key)) { // This params object has one or more fallback params, so we need // to consider the awaiting of this params object "dynamic". Since // we are in cacheComponents mode we encode this as a promise that never // resolves. return makeHangingParams(underlyingParams, workStore, prerenderStore); } } } break; } case 'prerender-legacy': break; default: prerenderStore; } let userspaceParams = underlyingParams; if (varyParamsAccumulator !== null) { userspaceParams = (0, _varyparams.createVaryingParams)(varyParamsAccumulator, underlyingParams, optionalCatchAllParamName); } return makeUntrackedParams(userspaceParams); } function createRuntimePrerenderParams(underlyingParams, optionalCatchAllParamName, workStore, workUnitStore, varyParamsAccumulator) { let userspaceParams = underlyingParams; if (varyParamsAccumulator !== null) { userspaceParams = (0, _varyparams.createVaryingParams)(varyParamsAccumulator, underlyingParams, optionalCatchAllParamName); } if ((0, _paramsutils.isEmptyParams)(underlyingParams)) { // This route has no params. return makeUntrackedParams(userspaceParams); } // Root params are allowed in shells, so we allow them to resolve without a delay. if ((0, _paramsutils.allParamsAreRootParams)(underlyingParams, workUnitStore.rootParams)) { return makeUntrackedParams(userspaceParams); } // Non-root params are URL data, and we need to recover a param-less session shell, // so we delay all params until the PrefetchRuntime stage (even if they're static) const paramsStage = _dynamicrenderingutils.RENDER_STAGES_BY_DATA_KIND.runtimeUrlData; const { stagedRendering } = workUnitStore; if (!stagedRendering) { // If there's no stage controller, we're in a prospective runtime prerender. // Make sure we don't unblock content that won't be reached in the final prerender. if (workUnitStore.finalStage < paramsStage) { return makeHangingParams(underlyingParams, workStore, workUnitStore); } else { return makeUntrackedParams(userspaceParams); } } // If params don't resolve in this prerender, caches need to treat them as a hanging input. if (stagedRendering.finalStage && stagedRendering.finalStage < paramsStage) { return makeHangingParams(underlyingParams, workStore, workUnitStore); } else { return stagedRendering.delayUntilStage(paramsStage, 'params', userspaceParams); } } function createRenderParamsForPage(workStore, workUnitStore, underlyingParams, optionalCatchAllParamName, varyParamsAccumulator) { const { stagedRendering, asyncApiPromises, validationSamples } = workUnitStore; // Distinguish the params that we expose to userspace (potentially wrapped in proxies) // and the underlying object containing params values. We do this because wrappers // like `instrumentParamsPromiseWithDevWarnings` need to be able to get the known param names // without triggering other wrapper proxies. let userspaceParams = underlyingParams; if (validationSamples) { userspaceParams = createServerParamsProxyForInstantValidation(underlyingParams, workStore, validationSamples); } if (varyParamsAccumulator) { userspaceParams = (0, _varyparams.createVaryingParams)(varyParamsAccumulator, userspaceParams, optionalCatchAllParamName); } if (stagedRendering && asyncApiPromises) { return createStagedRenderParams(workStore, workUnitStore, stagedRendering, asyncApiPromises, underlyingParams, userspaceParams); } // No staged rendering = no cacheComponents, or cacheComponents prod without cachedNavigations if (process.env.NODE_ENV === 'development') { const stagedFallbackParams = workUnitStore.stagedFallbackParams; return createRenderParamsInDev(underlyingParams, userspaceParams, stagedFallbackParams, workStore, workUnitStore); } else { return createRenderParamsInProd(userspaceParams); } } function createStagedRenderParams(workStore, workUnitStore, stagedRendering, asyncApiPromises, underlyingParams, userspaceParams) { const promise = createStagedRenderParamsImpl(workUnitStore, stagedRendering, asyncApiPromises, underlyingParams, userspaceParams); if (process.env.NODE_ENV === 'development') { return instrumentParamsPromiseWithDevWarnings(underlyingParams, promise, workStore); } else { return promise; } } function createStagedRenderParamsImpl(workUnitStore, stagedRendering, asyncApiPromises, /** The actual param values, without any instrumentation */ underlyingParams, /** The params object to return to userspace, possibly wrapped in a proxy */ userspaceParams) { // If the route has no params, they should resolve immediately. if ((0, _paramsutils.isEmptyParams)(underlyingParams)) { return makeUntrackedParams(userspaceParams); } // If we have fallback params, then they should always resolve in the runtime link data stage. // We do this indirectly via the shared params parent for better debug info. if ((0, _paramsutils.hasFallbackRouteParams)(underlyingParams, workUnitStore.stagedFallbackParams)) { return createParamsPromiseFromTrigger(asyncApiPromises.sharedParamsParent, userspaceParams); } // All params are static. // If we're rendering with shells, even static params must be delayed to exclude them from the shell. // However, root params are allowed in shells, so if all the params are root params, they can be included as well. if (!(0, _paramsutils.allParamsAreRootParams)(underlyingParams, workUnitStore.rootParams)) { // For a dynamic request we generally want to recover a static shell, // so static params can resolve in the static stage, because session // shells are handled with a separate render. // However, in dev we might need to recover a session shell for instant validation. // This is indicated by `needsRuntimeShell`. const staticParamsStage = _dynamicrenderingutils.RENDER_STAGES_BY_DATA_KIND.staticUrlData[workUnitStore.needsRuntimeShell ? 'runtime' : 'static']; const promise = stagedRendering.delayUntilStage(staticParamsStage, 'params', userspaceParams); if (process.env.__NEXT_DEV_SERVER) { // If static params are accessed, we can recover a static shell or a session shell, but not both. return (0, _dynamicrenderingutils.trackPromiseUsed)(promise, _dynamicrenderingutils.trackIncompatibleShellContent.bind(null, workUnitStore, 'static `params`')); } else { return promise; } } return makeUntrackedParams(userspaceParams); } function createParamsPromiseFromTrigger(trigger, userspaceParams) { if (process.env.NODE_ENV === 'development') { // We wrap each instance of params in a `new Promise()`, which lets us show each // await a different set of values. This is important when all awaits // are in third party which would otherwise track all the way to the // internal params. const promise = new Promise((resolve, reject)=>{ trigger.then(()=>resolve(userspaceParams), reject); }); promise.catch(noop); // @ts-expect-error promise.displayName = 'params'; return promise; } else { return (0, _dynamicrenderingutils.makePromiseFromTrigger)(trigger, userspaceParams); } } function noop() {} function createServerParamsProxyForInstantValidation(underlyingParams, workStore, validationSamples) { const { createExhaustiveParamsProxy } = require('../app-render/instant-validation/instant-samples'); const declaredParams = new Set(Object.keys(validationSamples.params ?? {})); return createExhaustiveParamsProxy(underlyingParams, declaredParams, workStore.route); } function createClientParamsInInstantValidation(underlyingParams, workStore, validationSamples) { const { createExhaustiveParamsProxy } = require('../app-render/instant-validation/instant-samples'); const declaredParams = new Set(Object.keys((validationSamples == null ? void 0 : validationSamples.params) ?? {})); const proxiedUnderlying = createExhaustiveParamsProxy(underlyingParams, declaredParams, workStore.route); return Promise.resolve(proxiedUnderlying); } function createRenderParamsInProd(userspaceParams) { return makeUntrackedParams(userspaceParams); } function createRenderParamsInDev(underlyingParams, userpaceParams, stagedFallbackParams, workStore, requestStore) { return makeDynamicallyTrackedParamsWithDevWarnings(underlyingParams, userpaceParams, (0, _paramsutils.hasFallbackRouteParams)(underlyingParams, stagedFallbackParams), workStore, requestStore); } const CachedParams = new WeakMap(); const fallbackParamsProxyHandler = { get: function get(target, prop, receiver) { if (prop === 'then' || prop === 'catch' || prop === 'finally') { const originalMethod = _reflect.ReflectAdapter.get(target, prop, receiver); return ({ [prop]: (...args)=>{ // Record against the store that's active at access time: the // hanging promise is cached by params object across prerender // stores, so the store that created it may not be the one that's // rendering when it's finally awaited. const workUnitStore = _workunitasyncstorageexternal.workUnitAsyncStorage.getStore(); if (workUnitStore !== undefined) { (0, _dynamicrenderingutils.trackFallbackParamsAccessed)(workUnitStore, '`params`'); } (0, _dynamicaccessasyncstorageexternal.abortOnDynamicAccess)('fallback-params', new Error(`Accessed fallback \`params\` during prerendering.`)); return new Proxy(originalMethod.apply(target, args), fallbackParamsProxyHandler); } })[prop]; } return _reflect.ReflectAdapter.get(target, prop, receiver); } }; function makeHangingParams(underlyingParams, workStore, prerenderStore) { const cachedParams = CachedParams.get(underlyingParams); if (cachedParams) { return cachedParams; } const promise = new Proxy((0, _dynamicrenderingutils.makeFallbackParamsHangingPromise)(prerenderStore.renderSignal, workStore.route, '`params`', // Passing `null` for the store disables tracking of params usage. // Caches need the additional logic from `fallbackParamsProxyHandler`, // so we track params usage there instead. null), fallbackParamsProxyHandler); CachedParams.set(underlyingParams, promise); return promise; } function makeUntrackedParams(underlyingParams) { const cachedParams = CachedParams.get(underlyingParams); if (cachedParams) { return cachedParams; } const promise = Promise.resolve(underlyingParams); CachedParams.set(underlyingParams, promise); return promise; } function makeDynamicallyTrackedParamsWithDevWarnings(underlyingParams, userspaceParams, hasFallbackParams, workStore, requestStore) { const cachedParams = CachedParams.get(underlyingParams); if (cachedParams) { return cachedParams; } // We don't use makeResolvedReactPromise here because params // supports copying with spread and we don't want to unnecessarily // instrument the promise with spreadable properties of ReactPromise. const promise = hasFallbackParams ? (0, _dynamicrenderingutils.makeDevtoolsIOAwarePromise)(userspaceParams, requestStore, _dynamicrenderingutils.RENDER_STAGES_BY_DATA_KIND.runtimeUrlData) : Promise.resolve(userspaceParams); const proxiedPromise = instrumentParamsPromiseWithDevWarnings(underlyingParams, promise, workStore); CachedParams.set(underlyingParams, proxiedPromise); return proxiedPromise; } function instrumentParamsPromiseWithDevWarnings(underlyingParams, promise, workStore) { // Track which properties we should warn for. const proxiedProperties = new Set(); Object.keys(underlyingParams).forEach((prop)=>{ if (_reflectutils.wellKnownProperties.has(prop)) { // These properties cannot be shadowed because they need to be the // true underlying value for Promises to work correctly at runtime } else { proxiedProperties.add(prop); } }); return new Proxy(promise, { get (target, prop, receiver) { if (typeof prop === 'string') { if (// We are accessing a property that was proxied to the promise instance proxiedProperties.has(prop)) { const expression = (0, _reflectutils.describeStringPropertyAccess)('params', prop); warnForSyncAccess(workStore.route, expression); } } return _reflect.ReflectAdapter.get(target, prop, receiver); }, set (target, prop, value, receiver) { if (typeof prop === 'string') { proxiedProperties.delete(prop); } return _reflect.ReflectAdapter.set(target, prop, value, receiver); }, ownKeys (target) { const expression = '`...params` or similar expression'; warnForSyncAccess(workStore.route, expression); return Reflect.ownKeys(target); } }); } const warnForSyncAccess = (0, _creatededupedbycallsiteservererrorlogger.createDedupedByCallsiteServerErrorLoggerDev)(createParamsAccessError); function createParamsAccessError(route, expression) { const prefix = route ? `Route "${route}" ` : 'This route '; return new Error(`${prefix}used ${expression}. ` + `\`params\` is a Promise and must be unwrapped with \`await\` or \`React.use()\` before accessing its properties. ` + `Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis`); } //# sourceMappingURL=params.js.map