UNPKG

next

Version:

The React Framework

1,021 lines 101 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); 0 && (module.exports = { EntryStatus: null, attemptToFulfillDynamicSegmentFromBFCache: null, attemptToUpgradeSegmentFromBFCache: null, canNewFetchStrategyProvideMoreContent: null, convertReusedFlightRouterStateToRouteTree: null, convertRootFlightRouterStateToRouteTree: null, convertRouteTreeToFlightRouterState: null, createDetachedSegmentCacheEntry: null, createMetadataRouteTree: null, deprecated_requestOptimisticRouteCacheEntry: null, fetchInlinedSegmentsOnCacheMiss: null, fetchRouteOnCacheMiss: null, fetchSegmentOnCacheMiss: null, fetchSegmentPrefetchesUsingDynamicRequest: null, fulfillRouteCacheEntry: null, getCurrentRouteCacheVersion: null, getCurrentSegmentCacheVersion: null, getStaleAt: null, getStaleTimeMs: null, invalidateEntirePrefetchCache: null, invalidateRouteCacheEntries: null, invalidateSegmentCacheEntries: null, markRouteEntryAsDynamicRewrite: null, overwriteRevalidatingSegmentCacheEntry: null, pingInvalidationListeners: null, processRuntimePrefetchStream: null, readOrCreateRevalidatingSegmentEntry: null, readOrCreateRouteCacheEntry: null, readOrCreateSegmentCacheEntry: null, readRouteCacheEntry: null, readSegmentCacheEntry: null, stripIsPartialByte: null, upgradeToPendingSegment: null, upsertSegmentEntry: null, waitForSegmentCacheEntry: null, writeDynamicRenderResponseIntoCache: null, writeRouteIntoCache: null, writeStaticStageResponseIntoCache: null }); function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { EntryStatus: function() { return EntryStatus; }, attemptToFulfillDynamicSegmentFromBFCache: function() { return attemptToFulfillDynamicSegmentFromBFCache; }, attemptToUpgradeSegmentFromBFCache: function() { return attemptToUpgradeSegmentFromBFCache; }, canNewFetchStrategyProvideMoreContent: function() { return canNewFetchStrategyProvideMoreContent; }, convertReusedFlightRouterStateToRouteTree: function() { return convertReusedFlightRouterStateToRouteTree; }, convertRootFlightRouterStateToRouteTree: function() { return convertRootFlightRouterStateToRouteTree; }, convertRouteTreeToFlightRouterState: function() { return convertRouteTreeToFlightRouterState; }, createDetachedSegmentCacheEntry: function() { return createDetachedSegmentCacheEntry; }, createMetadataRouteTree: function() { return createMetadataRouteTree; }, deprecated_requestOptimisticRouteCacheEntry: function() { return deprecated_requestOptimisticRouteCacheEntry; }, fetchInlinedSegmentsOnCacheMiss: function() { return fetchInlinedSegmentsOnCacheMiss; }, fetchRouteOnCacheMiss: function() { return fetchRouteOnCacheMiss; }, fetchSegmentOnCacheMiss: function() { return fetchSegmentOnCacheMiss; }, fetchSegmentPrefetchesUsingDynamicRequest: function() { return fetchSegmentPrefetchesUsingDynamicRequest; }, fulfillRouteCacheEntry: function() { return fulfillRouteCacheEntry; }, getCurrentRouteCacheVersion: function() { return getCurrentRouteCacheVersion; }, getCurrentSegmentCacheVersion: function() { return getCurrentSegmentCacheVersion; }, getStaleAt: function() { return getStaleAt; }, getStaleTimeMs: function() { return getStaleTimeMs; }, invalidateEntirePrefetchCache: function() { return invalidateEntirePrefetchCache; }, invalidateRouteCacheEntries: function() { return invalidateRouteCacheEntries; }, invalidateSegmentCacheEntries: function() { return invalidateSegmentCacheEntries; }, markRouteEntryAsDynamicRewrite: function() { return markRouteEntryAsDynamicRewrite; }, overwriteRevalidatingSegmentCacheEntry: function() { return overwriteRevalidatingSegmentCacheEntry; }, pingInvalidationListeners: function() { return pingInvalidationListeners; }, processRuntimePrefetchStream: function() { return processRuntimePrefetchStream; }, readOrCreateRevalidatingSegmentEntry: function() { return readOrCreateRevalidatingSegmentEntry; }, readOrCreateRouteCacheEntry: function() { return readOrCreateRouteCacheEntry; }, readOrCreateSegmentCacheEntry: function() { return readOrCreateSegmentCacheEntry; }, readRouteCacheEntry: function() { return readRouteCacheEntry; }, readSegmentCacheEntry: function() { return readSegmentCacheEntry; }, stripIsPartialByte: function() { return stripIsPartialByte; }, upgradeToPendingSegment: function() { return upgradeToPendingSegment; }, upsertSegmentEntry: function() { return upsertSegmentEntry; }, waitForSegmentCacheEntry: function() { return waitForSegmentCacheEntry; }, writeDynamicRenderResponseIntoCache: function() { return writeDynamicRenderResponseIntoCache; }, writeRouteIntoCache: function() { return writeRouteIntoCache; }, writeStaticStageResponseIntoCache: function() { return writeStaticStageResponseIntoCache; } }); const _varyparamsdecoding = require("../../../shared/lib/segment-cache/vary-params-decoding"); const _approuterheaders = require("../app-router-headers"); const _fetchserverresponse = require("../router-reducer/fetch-server-response"); const _scheduler = require("./scheduler"); const _varypath = require("./vary-path"); const _createhreffromurl = require("../router-reducer/create-href-from-url"); const _cachekey = require("./cache-key"); const _routeparams = require("../../route-params"); const _cachemap = require("./cache-map"); const _segmentvalueencoding = require("../../../shared/lib/segment-cache/segment-value-encoding"); const _flightdatahelpers = require("../../flight-data-helpers"); const _navigatereducer = require("../router-reducer/reducers/navigate-reducer"); const _links = require("../links"); const _segment = require("../../../shared/lib/segment"); const _types = require("./types"); const _promisewithresolvers = require("../../../shared/lib/promise-with-resolvers"); const _bfcache = require("./bfcache"); const _optimisticroutes = require("./optimistic-routes"); const _navigation = require("./navigation"); const _navigationbuildid = require("../../navigation-build-id"); const _constants = require("../../../lib/constants"); function getStaleTimeMs(staleTimeSeconds) { return Math.max(staleTimeSeconds, 30) * 1000; } var EntryStatus = /*#__PURE__*/ function(EntryStatus) { EntryStatus[EntryStatus["Empty"] = 0] = "Empty"; EntryStatus[EntryStatus["Pending"] = 1] = "Pending"; EntryStatus[EntryStatus["Fulfilled"] = 2] = "Fulfilled"; EntryStatus[EntryStatus["Rejected"] = 3] = "Rejected"; return EntryStatus; }({}); const isOutputExportMode = process.env.NODE_ENV === 'production' && process.env.__NEXT_CONFIG_OUTPUT === 'export'; const MetadataOnlyRequestTree = [ '', {}, null, 'metadata-only' ]; let routeCacheMap = (0, _cachemap.createCacheMap)(); let segmentCacheMap = (0, _cachemap.createCacheMap)(); // All invalidation listeners for the whole cache are tracked in single set. // Since we don't yet support tag or path-based invalidation, there's no point // tracking them any more granularly than this. Once we add granular // invalidation, that may change, though generally the model is to just notify // the listeners and allow the caller to poll the prefetch cache with a new // prefetch task if desired. let invalidationListeners = null; // Incrementing counters used to track cache invalidations. Route and segment // caches have separate versions so they can be invalidated independently. // Invalidation does not eagerly evict anything from the cache; entries are // lazily evicted when read. let currentRouteCacheVersion = 0; let currentSegmentCacheVersion = 0; function getCurrentRouteCacheVersion() { return currentRouteCacheVersion; } function getCurrentSegmentCacheVersion() { return currentSegmentCacheVersion; } function invalidateEntirePrefetchCache(nextUrl, tree) { currentRouteCacheVersion++; currentSegmentCacheVersion++; (0, _links.pingVisibleLinks)(nextUrl, tree); pingInvalidationListeners(nextUrl, tree); } function invalidateRouteCacheEntries(nextUrl, tree) { currentRouteCacheVersion++; (0, _links.pingVisibleLinks)(nextUrl, tree); pingInvalidationListeners(nextUrl, tree); } function invalidateSegmentCacheEntries(nextUrl, tree) { currentSegmentCacheVersion++; (0, _links.pingVisibleLinks)(nextUrl, tree); pingInvalidationListeners(nextUrl, tree); } function attachInvalidationListener(task) { // This function is called whenever a prefetch task reads a cache entry. If // the task has an onInvalidate function associated with it — i.e. the one // optionally passed to router.prefetch(onInvalidate) — then we attach that // listener to the every cache entry that the task reads. Then, if an entry // is invalidated, we call the function. if (task.onInvalidate !== null) { if (invalidationListeners === null) { invalidationListeners = new Set([ task ]); } else { invalidationListeners.add(task); } } } function notifyInvalidationListener(task) { const onInvalidate = task.onInvalidate; if (onInvalidate !== null) { // Clear the callback from the task object to guarantee it's not called more // than once. task.onInvalidate = null; // This is a user-space function, so we must wrap in try/catch. try { onInvalidate(); } catch (error) { if (typeof reportError === 'function') { reportError(error); } else { console.error(error); } } } } function pingInvalidationListeners(nextUrl, tree) { // The rough equivalent of pingVisibleLinks, but for onInvalidate callbacks. // This is called when the Next-Url or the base tree changes, since those // may affect the result of a prefetch task. It's also called after a // cache invalidation. if (invalidationListeners !== null) { const tasks = invalidationListeners; invalidationListeners = null; for (const task of tasks){ if ((0, _scheduler.isPrefetchTaskDirty)(task, nextUrl, tree)) { notifyInvalidationListener(task); } } } } function readRouteCacheEntry(now, key) { const varyPath = (0, _varypath.getRouteVaryPath)(key.pathname, key.search, key.nextUrl); const isRevalidation = false; const existingEntry = (0, _cachemap.getFromCacheMap)(now, getCurrentRouteCacheVersion(), routeCacheMap, varyPath, isRevalidation); if (existingEntry !== null) { return existingEntry; } // No cache hit. Attempt to construct from template using the new // optimistic routing mechanism (pattern-based matching). if (process.env.__NEXT_OPTIMISTIC_ROUTING) { return (0, _optimisticroutes.matchKnownRoute)(key.pathname, key.search); } return null; } function readSegmentCacheEntry(now, varyPath) { const isRevalidation = false; return (0, _cachemap.getFromCacheMap)(now, getCurrentSegmentCacheVersion(), segmentCacheMap, varyPath, isRevalidation); } function readRevalidatingSegmentCacheEntry(now, varyPath) { const isRevalidation = true; return (0, _cachemap.getFromCacheMap)(now, getCurrentSegmentCacheVersion(), segmentCacheMap, varyPath, isRevalidation); } function waitForSegmentCacheEntry(pendingEntry) { // Because the entry is pending, there's already a in-progress request. // Attach a promise to the entry that will resolve when the server responds. let promiseWithResolvers = pendingEntry.promise; if (promiseWithResolvers === null) { promiseWithResolvers = pendingEntry.promise = (0, _promisewithresolvers.createPromiseWithResolvers)(); } else { // There's already a promise we can use } return promiseWithResolvers.promise; } function createDetachedRouteCacheEntry() { return { canonicalUrl: null, status: 0, blockedTasks: null, tree: null, metadata: null, // This is initialized to true because we don't know yet whether the route // could be intercepted. It's only set to false once we receive a response // from the server. couldBeIntercepted: true, // Similarly, we don't yet know if the route supports PPR. supportsPerSegmentPrefetching: false, renderedSearch: null, // Map-related fields ref: null, size: 0, // Since this is an empty entry, there's no reason to ever evict it. It will // be updated when the data is populated. staleAt: Infinity, version: getCurrentRouteCacheVersion() }; } function readOrCreateRouteCacheEntry(now, task, key) { attachInvalidationListener(task); const existingEntry = readRouteCacheEntry(now, key); if (existingEntry !== null) { return existingEntry; } // Create a pending entry and add it to the cache. const pendingEntry = createDetachedRouteCacheEntry(); const varyPath = (0, _varypath.getRouteVaryPath)(key.pathname, key.search, key.nextUrl); const isRevalidation = false; (0, _cachemap.setInCacheMap)(routeCacheMap, varyPath, pendingEntry, isRevalidation); return pendingEntry; } function deprecated_requestOptimisticRouteCacheEntry(now, requestedUrl, nextUrl) { // This function is called during a navigation when there was no matching // route tree in the prefetch cache. Before de-opting to a blocking, // unprefetched navigation, we will first attempt to construct an "optimistic" // route tree by checking the cache for similar routes. // // Check if there's a route with the same pathname, but with different // search params. We can then base our optimistic route tree on this entry. // // Conceptually, we are simulating what would happen if we did perform a // prefetch the requested URL, under the assumption that the server will // not redirect or rewrite the request in a different manner than the // base route tree. This assumption might not hold, in which case we'll have // to recover when we perform the dynamic navigation request. However, this // is what would happen if a route were dynamically rewritten/redirected // in between the prefetch and the navigation. So the logic needs to exist // to handle this case regardless. // Look for a route with the same pathname, but with an empty search string. // TODO: There's nothing inherently special about the empty search string; // it's chosen somewhat arbitrarily, with the rationale that it's the most // likely one to exist. But we should update this to match _any_ search // string. The plan is to generalize this logic alongside other improvements // related to "fallback" cache entries. const requestedSearch = requestedUrl.search; if (requestedSearch === '') { // The caller would have already checked if a route with an empty search // string is in the cache. So we can bail out here. return null; } const urlWithoutSearchParams = new URL(requestedUrl); urlWithoutSearchParams.search = ''; const routeWithNoSearchParams = readRouteCacheEntry(now, (0, _cachekey.createCacheKey)(urlWithoutSearchParams.href, nextUrl)); if (routeWithNoSearchParams === null || routeWithNoSearchParams.status !== 2) { // Bail out of constructing an optimistic route tree. This will result in // a blocking, unprefetched navigation. return null; } // Now we have a base route tree we can "patch" with our optimistic values. // Optimistically assume that redirects for the requested pathname do // not vary on the search string. Therefore, if the base route was // redirected to a different search string, then the optimistic route // should be redirected to the same search string. Otherwise, we use // the requested search string. const canonicalUrlForRouteWithNoSearchParams = new URL(routeWithNoSearchParams.canonicalUrl, requestedUrl.origin); const optimisticCanonicalSearch = canonicalUrlForRouteWithNoSearchParams.search !== '' ? canonicalUrlForRouteWithNoSearchParams.search : requestedSearch; // Similarly, optimistically assume that rewrites for the requested // pathname do not vary on the search string. Therefore, if the base // route was rewritten to a different search string, then the optimistic // route should be rewritten to the same search string. Otherwise, we use // the requested search string. const optimisticRenderedSearch = routeWithNoSearchParams.renderedSearch !== '' ? routeWithNoSearchParams.renderedSearch : requestedSearch; const optimisticUrl = new URL(routeWithNoSearchParams.canonicalUrl, location.origin); optimisticUrl.search = optimisticCanonicalSearch; const optimisticCanonicalUrl = (0, _createhreffromurl.createHrefFromUrl)(optimisticUrl); const optimisticRouteTree = deprecated_createOptimisticRouteTree(routeWithNoSearchParams.tree, optimisticRenderedSearch); const optimisticMetadataTree = deprecated_createOptimisticRouteTree(routeWithNoSearchParams.metadata, optimisticRenderedSearch); // Clone the base route tree, and override the relevant fields with our // optimistic values. const optimisticEntry = { canonicalUrl: optimisticCanonicalUrl, status: 2, // This isn't cloned because it's instance-specific blockedTasks: null, tree: optimisticRouteTree, metadata: optimisticMetadataTree, couldBeIntercepted: routeWithNoSearchParams.couldBeIntercepted, supportsPerSegmentPrefetching: routeWithNoSearchParams.supportsPerSegmentPrefetching, hasDynamicRewrite: routeWithNoSearchParams.hasDynamicRewrite, // Override the rendered search with the optimistic value. renderedSearch: optimisticRenderedSearch, // Map-related fields ref: null, size: 0, staleAt: routeWithNoSearchParams.staleAt, version: routeWithNoSearchParams.version }; // Do not insert this entry into the cache. It only exists so we can // perform the current navigation. Just return it to the caller. return optimisticEntry; } function deprecated_createOptimisticRouteTree(tree, newRenderedSearch) { // Create a new route tree that identical to the original one except for // the rendered search string, which is contained in the vary path. let clonedSlots = null; const originalSlots = tree.slots; if (originalSlots !== null) { clonedSlots = {}; for(const parallelRouteKey in originalSlots){ const childTree = originalSlots[parallelRouteKey]; clonedSlots[parallelRouteKey] = deprecated_createOptimisticRouteTree(childTree, newRenderedSearch); } } // We only need to clone the vary path if the route is a page. if (tree.isPage) { return { requestKey: tree.requestKey, segment: tree.segment, refreshState: tree.refreshState, varyPath: (0, _varypath.clonePageVaryPathWithNewSearchParams)(tree.varyPath, newRenderedSearch), isPage: true, slots: clonedSlots, prefetchHints: tree.prefetchHints }; } return { requestKey: tree.requestKey, segment: tree.segment, refreshState: tree.refreshState, varyPath: tree.varyPath, isPage: false, slots: clonedSlots, prefetchHints: tree.prefetchHints }; } function readOrCreateSegmentCacheEntry(now, fetchStrategy, tree) { const existingEntry = readSegmentCacheEntry(now, tree.varyPath); if (existingEntry !== null) { return existingEntry; } // Create a pending entry and add it to the cache. The stale time is set to a // default value; the actual stale time will be set when the entry is // fulfilled with data from the server response. const varyPathForRequest = (0, _varypath.getSegmentVaryPathForRequest)(fetchStrategy, tree); const pendingEntry = createDetachedSegmentCacheEntry(now); const isRevalidation = false; (0, _cachemap.setInCacheMap)(segmentCacheMap, varyPathForRequest, pendingEntry, isRevalidation); return pendingEntry; } function readOrCreateRevalidatingSegmentEntry(now, fetchStrategy, tree) { // This function is called when we've already confirmed that a particular // segment is cached, but we want to perform another request anyway in case it // returns more complete and/or fresher data than we already have. The logic // for deciding whether to replace the existing entry is handled elsewhere; // this function just handles retrieving a cache entry that we can use to // track the revalidation. // // The reason revalidations are stored in the cache is because we need to be // able to dedupe multiple revalidation requests. The reason they have to be // handled specially is because we shouldn't overwrite a "normal" entry if // one exists at the same keypath. So, for each internal cache location, there // is a special "revalidation" slot that is used solely for this purpose. // // You can think of it as if all the revalidation entries were stored in a // separate cache map from the canonical entries, and then transfered to the // canonical cache map once the request is complete — this isn't how it's // actually implemented, since it's more efficient to store them in the same // data structure as the normal entries, but that's how it's modeled // conceptually. // TODO: Once we implement Fallback behavior for params, where an entry is // re-keyed based on response information, we'll need to account for the // possibility that the keypath of the previous entry is more generic than // the keypath of the revalidating entry. In other words, the server could // return a less generic entry upon revalidation. For now, though, this isn't // a concern because the keypath is based solely on the prefetch strategy, // not on data contained in the response. const existingEntry = readRevalidatingSegmentCacheEntry(now, tree.varyPath); if (existingEntry !== null) { return existingEntry; } // Create a pending entry and add it to the cache. The stale time is set to a // default value; the actual stale time will be set when the entry is // fulfilled with data from the server response. const varyPathForRequest = (0, _varypath.getSegmentVaryPathForRequest)(fetchStrategy, tree); const pendingEntry = createDetachedSegmentCacheEntry(now); const isRevalidation = true; (0, _cachemap.setInCacheMap)(segmentCacheMap, varyPathForRequest, pendingEntry, isRevalidation); return pendingEntry; } function overwriteRevalidatingSegmentCacheEntry(now, fetchStrategy, tree) { // This function is called when we've already decided to replace an existing // revalidation entry. Create a new entry and write it into the cache, // overwriting the previous value. The stale time is set to a default value; // the actual stale time will be set when the entry is fulfilled with data // from the server response. const varyPathForRequest = (0, _varypath.getSegmentVaryPathForRequest)(fetchStrategy, tree); const pendingEntry = createDetachedSegmentCacheEntry(now); const isRevalidation = true; (0, _cachemap.setInCacheMap)(segmentCacheMap, varyPathForRequest, pendingEntry, isRevalidation); return pendingEntry; } function upsertSegmentEntry(now, varyPath, candidateEntry) { // We have a new entry that has not yet been inserted into the cache. Before // we do so, we need to confirm whether it takes precedence over the existing // entry (if one exists). // TODO: We should not upsert an entry if its key was invalidated in the time // since the request was made. We can do that by passing the "owner" entry to // this function and confirming it's the same as `existingEntry`. if ((0, _cachemap.isValueExpired)(now, getCurrentSegmentCacheVersion(), candidateEntry)) { // The entry is expired. We cannot upsert it. return null; } const existingEntry = readSegmentCacheEntry(now, varyPath); if (existingEntry !== null) { // Don't replace a more specific segment with a less-specific one. A case where this // might happen is if the existing segment was fetched via // `<Link prefetch={true}>`. if (// We fetched the new segment using a different, less specific fetch strategy // than the segment we already have in the cache, so it can't have more content. candidateEntry.fetchStrategy !== existingEntry.fetchStrategy && !canNewFetchStrategyProvideMoreContent(existingEntry.fetchStrategy, candidateEntry.fetchStrategy) || // The existing entry isn't partial, but the new one is. // (TODO: can this be true if `candidateEntry.fetchStrategy >= existingEntry.fetchStrategy`?) !existingEntry.isPartial && candidateEntry.isPartial) { // We're going to leave revalidating entry in the cache so that it doesn't // get revalidated again unnecessarily. Downgrade the Fulfilled entry to // Rejected and null out the data so it can be garbage collected. We leave // `staleAt` intact to prevent subsequent revalidation attempts only until // the entry expires. const rejectedEntry = candidateEntry; rejectedEntry.status = 3; rejectedEntry.rsc = null; return null; } // Evict the existing entry from the cache. (0, _cachemap.deleteFromCacheMap)(existingEntry); } const isRevalidation = false; (0, _cachemap.setInCacheMap)(segmentCacheMap, varyPath, candidateEntry, isRevalidation); return candidateEntry; } function createDetachedSegmentCacheEntry(now) { // Default stale time for pending segment cache entries. The actual stale time // is set when the entry is fulfilled with data from the server response. const staleAt = now + 30 * 1000; const emptyEntry = { status: 0, // Default to assuming the fetch strategy will be PPR. This will be updated // when a fetch is actually initiated. fetchStrategy: _types.FetchStrategy.PPR, rsc: null, isPartial: true, promise: null, // Map-related fields ref: null, size: 0, staleAt, version: 0 }; return emptyEntry; } function upgradeToPendingSegment(emptyEntry, fetchStrategy) { const pendingEntry = emptyEntry; pendingEntry.status = 1; pendingEntry.fetchStrategy = fetchStrategy; if (fetchStrategy === _types.FetchStrategy.Full) { // We can assume the response will contain the full segment data. Set this // to false so we know it's OK to omit this segment from any navigation // requests that may happen while the data is still pending. pendingEntry.isPartial = false; } // Set the version here, since this is right before the request is initiated. // The next time the segment cache version is incremented, the entry will // effectively be evicted. This happens before initiating the request, rather // than when receiving the response, because it's guaranteed to happen // before the data is read on the server. pendingEntry.version = getCurrentSegmentCacheVersion(); return pendingEntry; } function attemptToFulfillDynamicSegmentFromBFCache(now, segment, tree) { // Attempts to fulfill an empty segment cache entry using data from the // bfcache. This is only valid during a Full prefetch (i.e. one that includes // dynamic data), because the bfcache stores data from navigations which // always include dynamic data. // We always use the canonical vary path when checking the bfcache. This is // the same operation we'd use to access the cache during a // regular navigation. const varyPath = tree.varyPath; // Read from the BFCache without expiring it (pass -1). We check freshness // ourselves using navigatedAt, because the BFCache's staleAt may have been // overridden by a per-page unstable_dynamicStaleTime and can't be used to // derive the original request time. const bfcacheEntry = (0, _bfcache.readFromBFCache)(varyPath); if (bfcacheEntry !== null) { // The stale time for dynamic prefetches (default: 5 mins) is different // from the stale time for regular navigations (default: 0 secs). Use // navigatedAt to compute the correct expiry for prefetch purposes. const dynamicPrefetchStaleAt = bfcacheEntry.navigatedAt + _navigatereducer.STATIC_STALETIME_MS; if (now > dynamicPrefetchStaleAt) { return null; } const pendingSegment = upgradeToPendingSegment(segment, _types.FetchStrategy.Full); const isPartial = false; return fulfillSegmentCacheEntry(pendingSegment, bfcacheEntry.rsc, dynamicPrefetchStaleAt, isPartial); } return null; } function attemptToUpgradeSegmentFromBFCache(now, tree) { const varyPath = tree.varyPath; const bfcacheEntry = (0, _bfcache.readFromBFCache)(varyPath); if (bfcacheEntry !== null) { const dynamicPrefetchStaleAt = bfcacheEntry.navigatedAt + _navigatereducer.STATIC_STALETIME_MS; if (now > dynamicPrefetchStaleAt) { return null; } const pendingSegment = upgradeToPendingSegment(createDetachedSegmentCacheEntry(now), _types.FetchStrategy.Full); const isPartial = false; const newEntry = fulfillSegmentCacheEntry(pendingSegment, bfcacheEntry.rsc, dynamicPrefetchStaleAt, isPartial); const segmentVaryPath = (0, _varypath.getSegmentVaryPathForRequest)(_types.FetchStrategy.Full, tree); const upserted = upsertSegmentEntry(now, segmentVaryPath, newEntry); if (upserted !== null && upserted.status === 2) { return upserted; } } return null; } function pingBlockedTasks(entry) { const blockedTasks = entry.blockedTasks; if (blockedTasks !== null) { for (const task of blockedTasks){ (0, _scheduler.pingPrefetchTask)(task); } entry.blockedTasks = null; } } function createMetadataRouteTree(metadataVaryPath) { // The Head is not actually part of the route tree, but other than that, it's // fetched and cached like a segment. Some functions expect a RouteTree // object, so rather than fork the logic in all those places, we use this // "fake" one. const metadata = { requestKey: _segmentvalueencoding.HEAD_REQUEST_KEY, segment: _segmentvalueencoding.HEAD_REQUEST_KEY, refreshState: null, varyPath: metadataVaryPath, // The metadata isn't really a "page" (though it isn't really a "segment" // either) but for the purposes of how this field is used, it behaves like // one. If this logic ever gets more complex we can change this to an enum. isPage: true, slots: null, prefetchHints: 0 }; return metadata; } function fulfillRouteCacheEntry(now, entry, tree, metadataVaryPath, couldBeIntercepted, canonicalUrl, supportsPerSegmentPrefetching) { // Get the rendered search from the vary path const renderedSearch = (0, _varypath.getRenderedSearchFromVaryPath)(metadataVaryPath) ?? ''; const fulfilledEntry = entry; fulfilledEntry.status = 2; fulfilledEntry.tree = tree; fulfilledEntry.metadata = createMetadataRouteTree(metadataVaryPath); // Route structure is essentially static — it only changes on deploy. // Always use the static stale time. // NOTE: An exception is rewrites/redirects in middleware or proxy, which can // change routes dynamically. We have other strategies for handling those. fulfilledEntry.staleAt = now + _navigatereducer.STATIC_STALETIME_MS; fulfilledEntry.couldBeIntercepted = couldBeIntercepted; fulfilledEntry.canonicalUrl = canonicalUrl; fulfilledEntry.renderedSearch = renderedSearch; fulfilledEntry.supportsPerSegmentPrefetching = supportsPerSegmentPrefetching; fulfilledEntry.hasDynamicRewrite = false; pingBlockedTasks(entry); return fulfilledEntry; } function writeRouteIntoCache(now, pathname, nextUrl, tree, metadataVaryPath, couldBeIntercepted, canonicalUrl, supportsPerSegmentPrefetching) { const pendingEntry = createDetachedRouteCacheEntry(); const fulfilledEntry = fulfillRouteCacheEntry(now, pendingEntry, tree, metadataVaryPath, couldBeIntercepted, canonicalUrl, supportsPerSegmentPrefetching); const renderedSearch = fulfilledEntry.renderedSearch; const varyPath = (0, _varypath.getFulfilledRouteVaryPath)(pathname, renderedSearch, nextUrl, couldBeIntercepted); const isRevalidation = false; (0, _cachemap.setInCacheMap)(routeCacheMap, varyPath, fulfilledEntry, isRevalidation); return fulfilledEntry; } function markRouteEntryAsDynamicRewrite(entry) { entry.hasDynamicRewrite = true; // Note: The caller is responsible for also calling invalidateRouteCacheEntries // to invalidate other entries that may have been derived from this template // before we knew it had a dynamic rewrite. } function fulfillSegmentCacheEntry(segmentCacheEntry, rsc, staleAt, isPartial) { const fulfilledEntry = segmentCacheEntry; fulfilledEntry.status = 2; fulfilledEntry.rsc = rsc; fulfilledEntry.staleAt = staleAt; fulfilledEntry.isPartial = isPartial; // Resolve any listeners that were waiting for this data. if (segmentCacheEntry.promise !== null) { segmentCacheEntry.promise.resolve(fulfilledEntry); // Free the promise for garbage collection. fulfilledEntry.promise = null; } return fulfilledEntry; } function rejectRouteCacheEntry(entry, staleAt) { const rejectedEntry = entry; rejectedEntry.status = 3; rejectedEntry.staleAt = staleAt; pingBlockedTasks(entry); } function rejectSegmentCacheEntry(entry, staleAt) { const rejectedEntry = entry; rejectedEntry.status = 3; rejectedEntry.staleAt = staleAt; if (entry.promise !== null) { // NOTE: We don't currently propagate the reason the prefetch was canceled // but we could by accepting a `reason` argument. entry.promise.resolve(null); entry.promise = null; } } function convertRootTreePrefetchToRouteTree(rootTree, renderedPathname, renderedSearch, acc) { // Remove trailing and leading slashes const pathnameParts = renderedPathname.split('/').filter((p)=>p !== ''); const index = 0; const rootSegment = _segmentvalueencoding.ROOT_SEGMENT_REQUEST_KEY; return convertTreePrefetchToRouteTree(rootTree.tree, rootSegment, null, _segmentvalueencoding.ROOT_SEGMENT_REQUEST_KEY, pathnameParts, index, renderedSearch, acc); } function convertTreePrefetchToRouteTree(prefetch, segment, partialVaryPath, requestKey, pathnameParts, pathnamePartsIndex, renderedSearch, acc) { // Converts the route tree sent by the server into the format used by the // cache. The cached version of the tree includes additional fields, such as a // cache key for each segment. Since this is frequently accessed, we compute // it once instead of on every access. This same cache key is also used to // request the segment from the server. let slots = null; let isPage; let varyPath; const prefetchSlots = prefetch.slots; if (prefetchSlots !== null) { isPage = false; varyPath = (0, _varypath.finalizeLayoutVaryPath)(requestKey, partialVaryPath); slots = {}; for(let parallelRouteKey in prefetchSlots){ const childPrefetch = prefetchSlots[parallelRouteKey]; const childSegmentName = childPrefetch.name; const childParam = childPrefetch.param; let childDoesAppearInURL; let childSegment; let childPartialVaryPath; if (childParam !== null) { // This segment is parameterized. Get the param from the pathname. const childParamValue = (0, _routeparams.parseDynamicParamFromURLPart)(childParam.type, pathnameParts, pathnamePartsIndex); // Assign a cache key to the segment, based on the param value. In the // pre-Segment Cache implementation, the server computes this and sends // it in the body of the response. In the Segment Cache implementation, // the server sends an empty string and we fill it in here. // TODO: We're intentionally not adding the search param to page // segments here; it's tracked separately and added back during a read. // This would clearer if we waited to construct the segment until it's // read from the cache, since that's effectively what we're // doing anyway. const childParamKey = // The server omits this field from the prefetch response when // cacheComponents is enabled. childParam.key !== null ? childParam.key : (0, _routeparams.getCacheKeyForDynamicParam)(childParamValue, ''); childPartialVaryPath = (0, _varypath.appendLayoutVaryPath)(partialVaryPath, childParamKey, childSegmentName); childSegment = [ childSegmentName, childParamKey, childParam.type, childParam.siblings ]; childDoesAppearInURL = true; } else { // This segment does not have a param. Inherit the partial vary path of // the parent. childPartialVaryPath = partialVaryPath; childSegment = childSegmentName; childDoesAppearInURL = (0, _routeparams.doesStaticSegmentAppearInURL)(childSegmentName); } // Only increment the index if the segment appears in the URL. If it's a // "virtual" segment, like a route group, it remains the same. const childPathnamePartsIndex = childDoesAppearInURL ? pathnamePartsIndex + 1 : pathnamePartsIndex; const childRequestKeyPart = (0, _segmentvalueencoding.createSegmentRequestKeyPart)(childSegment); const childRequestKey = (0, _segmentvalueencoding.appendSegmentRequestKeyPart)(requestKey, parallelRouteKey, childRequestKeyPart); slots[parallelRouteKey] = convertTreePrefetchToRouteTree(childPrefetch, childSegment, childPartialVaryPath, childRequestKey, pathnameParts, childPathnamePartsIndex, renderedSearch, acc); } } else { if (requestKey.endsWith(_segment.PAGE_SEGMENT_KEY)) { // This is a page segment. isPage = true; varyPath = (0, _varypath.finalizePageVaryPath)(requestKey, renderedSearch, partialVaryPath); // The metadata "segment" is not part the route tree, but it has the same // conceptual params as a page segment. Write the vary path into the // accumulator object. If there are multiple parallel pages, we use the // first one. Which page we choose is arbitrary as long as it's // consistently the same one every time every time. See // finalizeMetadataVaryPath for more details. if (acc.metadataVaryPath === null) { acc.metadataVaryPath = (0, _varypath.finalizeMetadataVaryPath)(requestKey, renderedSearch, partialVaryPath); } } else { // This is a layout segment. isPage = false; varyPath = (0, _varypath.finalizeLayoutVaryPath)(requestKey, partialVaryPath); } } return { requestKey, segment, refreshState: null, // TODO: Cheating the type system here a bit because TypeScript can't tell // that the type of isPage and varyPath are consistent. The fix would be to // create separate constructors and call the appropriate one from each of // the branches above. Just seems a bit overkill only for one field so I'll // leave it as-is for now. If isPage were wrong it would break the behavior // and we'd catch it quickly, anyway. varyPath: varyPath, isPage: isPage, slots, prefetchHints: prefetch.prefetchHints }; } function convertRootFlightRouterStateToRouteTree(flightRouterState, renderedSearch, acc) { return convertFlightRouterStateToRouteTree(flightRouterState, _segmentvalueencoding.ROOT_SEGMENT_REQUEST_KEY, null, renderedSearch, acc); } function convertReusedFlightRouterStateToRouteTree(parentRouteTree, parallelRouteKey, flightRouterState, renderedSearch, acc) { // Create a RouteTree for a FlightRouterState that was reused from an older // route. This happens during a navigation when a parallel route slot does not // match the target route; we reuse whatever slot was already active. // Unlike a FlightRouterState, the RouteTree type contains backreferences to // the parent segments. Append the vary path to the parent's vary path. const parentPartialVaryPath = parentRouteTree.isPage ? (0, _varypath.getPartialPageVaryPath)(parentRouteTree.varyPath) : (0, _varypath.getPartialLayoutVaryPath)(parentRouteTree.varyPath); const segment = flightRouterState[0]; // And the request key. const parentRequestKey = parentRouteTree.requestKey; const requestKeyPart = (0, _segmentvalueencoding.createSegmentRequestKeyPart)(segment); const requestKey = (0, _segmentvalueencoding.appendSegmentRequestKeyPart)(parentRequestKey, parallelRouteKey, requestKeyPart); return convertFlightRouterStateToRouteTree(flightRouterState, requestKey, parentPartialVaryPath, renderedSearch, acc); } function convertFlightRouterStateToRouteTree(flightRouterState, requestKey, parentPartialVaryPath, parentRenderedSearch, acc) { const originalSegment = flightRouterState[0]; // If the FlightRouterState has a refresh state, then this segment is part of // an inactive parallel route. It has a different rendered search query than // the outer parent route. In order to construct the inactive route correctly, // we must restore the query that was originally used to render it. const compressedRefreshState = flightRouterState[2] ?? null; const refreshState = compressedRefreshState !== null ? { canonicalUrl: compressedRefreshState[0], renderedSearch: compressedRefreshState[1] } : null; const renderedSearch = refreshState !== null ? refreshState.renderedSearch : parentRenderedSearch; let segment; let partialVaryPath; let isPage; let varyPath; if (Array.isArray(originalSegment)) { isPage = false; const paramCacheKey = originalSegment[1]; const paramName = originalSegment[0]; partialVaryPath = (0, _varypath.appendLayoutVaryPath)(parentPartialVaryPath, paramCacheKey, paramName); varyPath = (0, _varypath.finalizeLayoutVaryPath)(requestKey, partialVaryPath); segment = originalSegment; } else { // This segment does not have a param. Inherit the partial vary path of // the parent. partialVaryPath = parentPartialVaryPath; if (requestKey.endsWith(_segment.PAGE_SEGMENT_KEY)) { // This is a page segment. isPage = true; // The navigation implementation expects the search params to be included // in the segment. However, in the case of a static response, the search // params are omitted. So the client needs to add them back in when reading // from the Segment Cache. // // For consistency, we'll do this for dynamic responses, too. // // TODO: We should move search params out of FlightRouterState and handle // them entirely on the client, similar to our plan for dynamic params. segment = _segment.PAGE_SEGMENT_KEY; varyPath = (0, _varypath.finalizePageVaryPath)(requestKey, renderedSearch, partialVaryPath); // The metadata "segment" is not part the route tree, but it has the same // conceptual params as a page segment. Write the vary path into the // accumulator object. If there are multiple parallel pages, we use the // first one. Which page we choose is arbitrary as long as it's // consistently the same one every time every time. See // finalizeMetadataVaryPath for more details. if (acc.metadataVaryPath === null) { acc.metadataVaryPath = (0, _varypath.finalizeMetadataVaryPath)(requestKey, renderedSearch, partialVaryPath); } } else { // This is a layout segment. isPage = false; segment = originalSegment; varyPath = (0, _varypath.finalizeLayoutVaryPath)(requestKey, partialVaryPath); } } let slots = null; const parallelRoutes = flightRouterState[1]; for(let parallelRouteKey in parallelRoutes){ const childRouterState = parallelRoutes[parallelRouteKey]; const childSegment = childRouterState[0]; // TODO: Eventually, the param values will not be included in the response // from the server. We'll instead fill them in on the client by parsing // the URL. This is where we'll do that. const childRequestKeyPart = (0, _segmentvalueencoding.createSegmentRequestKeyPart)(childSegment); const childRequestKey = (0, _segmentvalueencoding.appendSegmentRequestKeyPart)(requestKey, parallelRouteKey, childRequestKeyPart); const childTree = convertFlightRouterStateToRouteTree(childRouterState, childRequestKey, partialVaryPath, renderedSearch, acc); if (slots === null) { slots = { [parallelRouteKey]: childTree }; } else { slots[parallelRouteKey] = childTree; } } return { requestKey, segment, refreshState, // TODO: Cheating the type system here a bit because TypeScript can't tell // that the type of isPage and varyPath are consistent. The fix would be to // create separate constructors and call the appropriate one from each of // the branches above. Just seems a bit overkill only for one field so I'll // leave it as-is for now. If isPage were wrong it would break the behavior // and we'd catch it quickly, anyway. varyPath: varyPath, isPage: isPage, slots, prefetchHints: flightRouterState[4] ?? 0 }; } function convertRouteTreeToFlightRouterState(routeTree) { const parallelRoutes = {}; if (routeTree.slots !== null) { for(const parallelRouteKey in routeTree.slots){ parallelRoutes[parallelRouteKey] = convertRouteTreeToFlightRouterState(routeTree.slots[parallelRouteKey]); } } const flightRouterState = [ routeTree.segment, parallelRoutes, null, null ]; return flightRouterState; } async function fetchRouteOnCacheMiss(entry, key) { // This function is allowed to use async/await because it contains the actual // fetch that gets issued on a cache miss. Notice it writes the result to the // cache entry directly, rather than return data that is then written by // the caller. const pathname = key.pathname; const search = key.search; const nextUrl = key.nextUrl; const segmentPath = '/_tree'; const headers = { [_approuterheaders.RSC_HEADER]: '1', [_approuterheaders.NEXT_ROUTER_PREFETCH_HEADER]: '1', [_approuterheaders.NEXT_ROUTER_SEGMENT_PREFETCH_HEADER]: segmentPath }; if (nextUrl !== null) { headers[_approuterheaders.NEXT_URL] = nextUrl; } // Tell the server to perform a static pre-render for the Instant Navigation // Testing API. Static pre-renders don't normally happen during development. addInstantPrefetchHeaderIfLocked(headers); try { const url = new URL(pathname + search, location.origin); let response; let urlAfterRedirects; if (isOutputExportMode) { // In output: "export" mode, we can't use headers to request a particular // segment. Instead, we encode the extra request information into the URL. // This is not part of the "public" interface of the app; it's an internal // Next.js implementation detail that the app developer should not need to // concern themselves with. // // For example, to request a segment: // // Path passed to <Link>: /path/to/page // Path passed to fetch: /path/to/page/__next-segments/_tree // // (This is not the exact protocol, just an illustration.) // // Before we do that, though, we need to account for redirects. Even in // output: "export" mode, a proxy might redirect the page to a differen