vinext 0.0.35 → 0.0.36

package/dist/server/pages-page-data.d.ts

@@ -0,0 +1,105 @@
+import { Route } from "../routing/pages-router.js";
+import { CachedPagesValue } from "../shims/cache.js";
+import { ISRCacheEntry } from "./isr-cache.js";
+import { PagesGsspResponse, PagesI18nRenderContext } from "./pages-page-response.js";
+import { ReactNode } from "react";
+
+//#region src/server/pages-page-data.d.ts
+interface PagesRedirectResult {
+  destination: string;
+  permanent?: boolean;
+  statusCode?: number;
+}
+interface PagesStaticPathsEntry {
+  params: Record<string, unknown>;
+}
+interface PagesStaticPathsResult {
+  fallback?: boolean | "blocking";
+  paths?: PagesStaticPathsEntry[];
+}
+interface PagesPagePropsResult {
+  props?: Record<string, unknown>;
+  redirect?: PagesRedirectResult;
+  notFound?: boolean;
+  revalidate?: number;
+}
+interface PagesMutableGsspResponse extends PagesGsspResponse {
+  headersSent: boolean;
+}
+interface PagesGsspContextResponse {
+  req: unknown;
+  res: PagesMutableGsspResponse;
+  responsePromise: Promise<Response>;
+}
+interface PagesPageModule {
+  default?: unknown;
+  getStaticPaths?: (context: {
+    locales: string[];
+    defaultLocale: string;
+  }) => Promise<PagesStaticPathsResult> | PagesStaticPathsResult;
+  getServerSideProps?: (context: {
+    params: Record<string, unknown>;
+    req: unknown;
+    res: PagesMutableGsspResponse;
+    query: Record<string, unknown>;
+    resolvedUrl: string;
+    locale?: string;
+    locales?: string[];
+    defaultLocale?: string;
+  }) => Promise<PagesPagePropsResult> | PagesPagePropsResult;
+  getStaticProps?: (context: {
+    params: Record<string, unknown>;
+    locale?: string;
+    locales?: string[];
+    defaultLocale?: string;
+  }) => Promise<PagesPagePropsResult> | PagesPagePropsResult;
+}
+interface RenderPagesIsrHtmlOptions {
+  buildId: string | null;
+  cachedHtml: string;
+  createPageElement: (pageProps: Record<string, unknown>) => ReactNode;
+  i18n: PagesI18nRenderContext;
+  pageProps: Record<string, unknown>;
+  params: Record<string, unknown>;
+  renderIsrPassToStringAsync: (element: ReactNode) => Promise<string>;
+  routePattern: string;
+  safeJsonStringify: (value: unknown) => string;
+}
+interface ResolvePagesPageDataOptions {
+  applyRequestContexts: () => void;
+  buildId: string | null;
+  createGsspReqRes: () => PagesGsspContextResponse;
+  createPageElement: (pageProps: Record<string, unknown>) => ReactNode;
+  fontLinkHeader: string;
+  i18n: PagesI18nRenderContext;
+  isrCacheKey: (router: string, pathname: string) => string;
+  isrGet: (key: string) => Promise<ISRCacheEntry | null>;
+  isrSet: (key: string, data: CachedPagesValue, revalidateSeconds: number, tags?: string[]) => Promise<void>;
+  pageModule: PagesPageModule;
+  params: Record<string, unknown>;
+  query: Record<string, unknown>;
+  route: Pick<Route, "isDynamic">;
+  routePattern: string;
+  routeUrl: string;
+  runInFreshUnifiedContext: <T>(callback: () => Promise<T>) => Promise<T>;
+  safeJsonStringify: (value: unknown) => string;
+  sanitizeDestination: (destination: string) => string;
+  triggerBackgroundRegeneration: (key: string, renderFn: () => Promise<void>) => void;
+  renderIsrPassToStringAsync: (element: ReactNode) => Promise<string>;
+}
+interface ResolvePagesPageDataRenderResult {
+  kind: "render";
+  gsspRes: PagesGsspResponse | null;
+  isrRevalidateSeconds: number | null;
+  pageProps: Record<string, unknown>;
+}
+interface ResolvePagesPageDataResponseResult {
+  kind: "response";
+  response: Response;
+}
+type ResolvePagesPageDataResult = ResolvePagesPageDataRenderResult | ResolvePagesPageDataResponseResult;
+declare function renderPagesIsrHtml(options: RenderPagesIsrHtmlOptions): Promise<string>;
+declare function resolvePagesPageData(options: ResolvePagesPageDataOptions): Promise<ResolvePagesPageDataResult>;
+//#endregion
+export { PagesGsspContextResponse, PagesMutableGsspResponse, PagesPageModule, RenderPagesIsrHtmlOptions, ResolvePagesPageDataOptions, ResolvePagesPageDataRenderResult, ResolvePagesPageDataResponseResult, ResolvePagesPageDataResult, renderPagesIsrHtml, resolvePagesPageData };
+//# sourceMappingURL=pages-page-data.d.ts.map

package/dist/server/pages-page-data.js

@@ -0,0 +1,177 @@
+import { buildPagesCacheValue } from "./isr-cache.js";
+import { buildPagesNextDataScript } from "./pages-page-response.js";
+//#region src/server/pages-page-data.ts
+function buildPagesNotFoundResponse() {
+	return new Response("<!DOCTYPE html><html><body><h1>404 - Page not found</h1></body></html>", {
+		status: 404,
+		headers: { "Content-Type": "text/html" }
+	});
+}
+function buildPagesDataNotFoundResponse() {
+	return new Response("404", { status: 404 });
+}
+function resolvePagesRedirectStatus(redirect) {
+	return redirect.statusCode != null ? redirect.statusCode : redirect.permanent ? 308 : 307;
+}
+function matchesPagesStaticPath(pathEntry, params) {
+	return Object.entries(pathEntry.params).every(([key, value]) => {
+		const actual = params[key];
+		if (Array.isArray(value)) return Array.isArray(actual) && value.join("/") === actual.join("/");
+		return String(value) === String(actual);
+	});
+}
+function buildPagesCacheResponse(html, cacheState, fontLinkHeader, revalidateSeconds) {
+	const headers = {
+		"Content-Type": "text/html",
+		"X-Vinext-Cache": cacheState,
+		"Cache-Control": cacheState === "HIT" ? `s-maxage=${revalidateSeconds ?? 60}, stale-while-revalidate` : "s-maxage=0, stale-while-revalidate"
+	};
+	if (fontLinkHeader) headers.Link = fontLinkHeader;
+	return new Response(html, {
+		status: 200,
+		headers
+	});
+}
+function rewritePagesCachedHtml(cachedHtml, freshBody, nextDataScript) {
+	const bodyStart = cachedHtml.indexOf("<div id=\"__next\">");
+	const contentStart = bodyStart >= 0 ? bodyStart + 17 : -1;
+	const nextDataStart = cachedHtml.indexOf("<script>window.__NEXT_DATA__");
+	if (contentStart >= 0 && nextDataStart >= 0) {
+		const region = cachedHtml.slice(contentStart, nextDataStart);
+		const lastCloseDiv = region.lastIndexOf("</div>");
+		const gap = lastCloseDiv >= 0 ? region.slice(lastCloseDiv + 6) : "";
+		const nextDataEnd = cachedHtml.indexOf("<\/script>", nextDataStart) + 9;
+		const tail = cachedHtml.slice(nextDataEnd);
+		return cachedHtml.slice(0, contentStart) + freshBody + "</div>" + gap + nextDataScript + tail;
+	}
+	return "<!DOCTYPE html>\n<html>\n<head>\n</head>\n<body>\n  <div id=\"__next\">" + freshBody + "</div>\n  " + nextDataScript + "\n</body>\n</html>";
+}
+async function renderPagesIsrHtml(options) {
+	const freshBody = await options.renderIsrPassToStringAsync(options.createPageElement(options.pageProps));
+	const nextDataScript = buildPagesNextDataScript({
+		buildId: options.buildId,
+		i18n: options.i18n,
+		pageProps: options.pageProps,
+		params: options.params,
+		routePattern: options.routePattern,
+		safeJsonStringify: options.safeJsonStringify
+	});
+	return rewritePagesCachedHtml(options.cachedHtml, freshBody, nextDataScript);
+}
+async function resolvePagesPageData(options) {
+	if (typeof options.pageModule.getStaticPaths === "function" && options.route.isDynamic) {
+		const pathsResult = await options.pageModule.getStaticPaths({
+			locales: options.i18n.locales ?? [],
+			defaultLocale: options.i18n.defaultLocale ?? ""
+		});
+		if ((pathsResult?.fallback ?? false) === false) {
+			if (!(pathsResult?.paths ?? []).some((pathEntry) => matchesPagesStaticPath(pathEntry, options.params))) return {
+				kind: "response",
+				response: buildPagesNotFoundResponse()
+			};
+		}
+	}
+	let pageProps = {};
+	let gsspRes = null;
+	if (typeof options.pageModule.getServerSideProps === "function") {
+		const { req, res, responsePromise } = options.createGsspReqRes();
+		const result = await options.pageModule.getServerSideProps({
+			params: options.params,
+			req,
+			res,
+			query: options.query,
+			resolvedUrl: options.routeUrl,
+			locale: options.i18n.locale,
+			locales: options.i18n.locales,
+			defaultLocale: options.i18n.defaultLocale
+		});
+		if (res.headersSent) return {
+			kind: "response",
+			response: await responsePromise
+		};
+		if (result?.props) pageProps = result.props;
+		if (result?.redirect) return {
+			kind: "response",
+			response: new Response(null, {
+				status: resolvePagesRedirectStatus(result.redirect),
+				headers: { Location: options.sanitizeDestination(result.redirect.destination) }
+			})
+		};
+		if (result?.notFound) return {
+			kind: "response",
+			response: buildPagesDataNotFoundResponse()
+		};
+		gsspRes = res;
+	}
+	let isrRevalidateSeconds = null;
+	if (typeof options.pageModule.getStaticProps === "function") {
+		const pathname = options.routeUrl.split("?")[0];
+		const cacheKey = options.isrCacheKey("pages", pathname);
+		const cached = await options.isrGet(cacheKey);
+		const cachedValue = cached?.value.value;
+		if (cachedValue?.kind === "PAGES" && cached && !cached.isStale) return {
+			kind: "response",
+			response: buildPagesCacheResponse(cachedValue.html, "HIT", options.fontLinkHeader, cachedValue.revalidate)
+		};
+		if (cachedValue?.kind === "PAGES" && cached && cached.isStale) {
+			options.triggerBackgroundRegeneration(cacheKey, async function() {
+				return options.runInFreshUnifiedContext(async () => {
+					const freshResult = await options.pageModule.getStaticProps?.({
+						params: options.params,
+						locale: options.i18n.locale,
+						locales: options.i18n.locales,
+						defaultLocale: options.i18n.defaultLocale
+					});
+					if (freshResult?.props && typeof freshResult.revalidate === "number" && freshResult.revalidate > 0) {
+						options.applyRequestContexts();
+						const freshHtml = await renderPagesIsrHtml({
+							buildId: options.buildId,
+							cachedHtml: cachedValue.html,
+							createPageElement: options.createPageElement,
+							i18n: options.i18n,
+							pageProps: freshResult.props,
+							params: options.params,
+							renderIsrPassToStringAsync: options.renderIsrPassToStringAsync,
+							routePattern: options.routePattern,
+							safeJsonStringify: options.safeJsonStringify
+						});
+						await options.isrSet(cacheKey, buildPagesCacheValue(freshHtml, freshResult.props), freshResult.revalidate);
+					}
+				});
+			});
+			return {
+				kind: "response",
+				response: buildPagesCacheResponse(cachedValue.html, "STALE", options.fontLinkHeader)
+			};
+		}
+		const result = await options.pageModule.getStaticProps({
+			params: options.params,
+			locale: options.i18n.locale,
+			locales: options.i18n.locales,
+			defaultLocale: options.i18n.defaultLocale
+		});
+		if (result?.props) pageProps = result.props;
+		if (result?.redirect) return {
+			kind: "response",
+			response: new Response(null, {
+				status: resolvePagesRedirectStatus(result.redirect),
+				headers: { Location: options.sanitizeDestination(result.redirect.destination) }
+			})
+		};
+		if (result?.notFound) return {
+			kind: "response",
+			response: buildPagesDataNotFoundResponse()
+		};
+		if (typeof result?.revalidate === "number" && result.revalidate > 0) isrRevalidateSeconds = result.revalidate;
+	}
+	return {
+		kind: "render",
+		gsspRes,
+		isrRevalidateSeconds,
+		pageProps
+	};
+}
+//#endregion
+export { renderPagesIsrHtml, resolvePagesPageData };
+
+//# sourceMappingURL=pages-page-data.js.map

package/dist/server/pages-page-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages-page-data.js","names":[],"sources":["../../src/server/pages-page-data.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { Route } from \"../routing/pages-router.js\";\nimport type { CachedPagesValue } from \"../shims/cache.js\";\nimport { buildPagesCacheValue, type ISRCacheEntry } from \"./isr-cache.js\";\nimport {\n  buildPagesNextDataScript,\n  type PagesGsspResponse,\n  type PagesI18nRenderContext,\n} from \"./pages-page-response.js\";\n\ninterface PagesRedirectResult {\n  destination: string;\n  permanent?: boolean;\n  statusCode?: number;\n}\n\ninterface PagesStaticPathsEntry {\n  params: Record<string, unknown>;\n}\n\ninterface PagesStaticPathsResult {\n  fallback?: boolean | \"blocking\";\n  paths?: PagesStaticPathsEntry[];\n}\n\ninterface PagesPagePropsResult {\n  props?: Record<string, unknown>;\n  redirect?: PagesRedirectResult;\n  notFound?: boolean;\n  revalidate?: number;\n}\n\nexport interface PagesMutableGsspResponse extends PagesGsspResponse {\n  headersSent: boolean;\n}\n\nexport interface PagesGsspContextResponse {\n  req: unknown;\n  res: PagesMutableGsspResponse;\n  responsePromise: Promise<Response>;\n}\n\nexport interface PagesPageModule {\n  default?: unknown;\n  getStaticPaths?: (context: {\n    locales: string[];\n    defaultLocale: string;\n  }) => Promise<PagesStaticPathsResult> | PagesStaticPathsResult;\n  getServerSideProps?: (context: {\n    params: Record<string, unknown>;\n    req: unknown;\n    res: PagesMutableGsspResponse;\n    query: Record<string, unknown>;\n    resolvedUrl: string;\n    locale?: string;\n    locales?: string[];\n    defaultLocale?: string;\n  }) => Promise<PagesPagePropsResult> | PagesPagePropsResult;\n  getStaticProps?: (context: {\n    params: Record<string, unknown>;\n    locale?: string;\n    locales?: string[];\n    defaultLocale?: string;\n  }) => Promise<PagesPagePropsResult> | PagesPagePropsResult;\n}\n\nexport interface RenderPagesIsrHtmlOptions {\n  buildId: string | null;\n  cachedHtml: string;\n  createPageElement: (pageProps: Record<string, unknown>) => ReactNode;\n  i18n: PagesI18nRenderContext;\n  pageProps: Record<string, unknown>;\n  params: Record<string, unknown>;\n  renderIsrPassToStringAsync: (element: ReactNode) => Promise<string>;\n  routePattern: string;\n  safeJsonStringify: (value: unknown) => string;\n}\n\nexport interface ResolvePagesPageDataOptions {\n  applyRequestContexts: () => void;\n  buildId: string | null;\n  createGsspReqRes: () => PagesGsspContextResponse;\n  createPageElement: (pageProps: Record<string, unknown>) => ReactNode;\n  fontLinkHeader: string;\n  i18n: PagesI18nRenderContext;\n  isrCacheKey: (router: string, pathname: string) => string;\n  isrGet: (key: string) => Promise<ISRCacheEntry | null>;\n  isrSet: (\n    key: string,\n    data: CachedPagesValue,\n    revalidateSeconds: number,\n    tags?: string[],\n  ) => Promise<void>;\n  pageModule: PagesPageModule;\n  params: Record<string, unknown>;\n  query: Record<string, unknown>;\n  route: Pick<Route, \"isDynamic\">;\n  routePattern: string;\n  routeUrl: string;\n  runInFreshUnifiedContext: <T>(callback: () => Promise<T>) => Promise<T>;\n  safeJsonStringify: (value: unknown) => string;\n  sanitizeDestination: (destination: string) => string;\n  triggerBackgroundRegeneration: (key: string, renderFn: () => Promise<void>) => void;\n  renderIsrPassToStringAsync: (element: ReactNode) => Promise<string>;\n}\n\nexport interface ResolvePagesPageDataRenderResult {\n  kind: \"render\";\n  gsspRes: PagesGsspResponse | null;\n  isrRevalidateSeconds: number | null;\n  pageProps: Record<string, unknown>;\n}\n\nexport interface ResolvePagesPageDataResponseResult {\n  kind: \"response\";\n  response: Response;\n}\n\nexport type ResolvePagesPageDataResult =\n  | ResolvePagesPageDataRenderResult\n  | ResolvePagesPageDataResponseResult;\n\nfunction buildPagesNotFoundResponse(): Response {\n  return new Response(\"<!DOCTYPE html><html><body><h1>404 - Page not found</h1></body></html>\", {\n    status: 404,\n    headers: { \"Content-Type\": \"text/html\" },\n  });\n}\n\nfunction buildPagesDataNotFoundResponse(): Response {\n  return new Response(\"404\", { status: 404 });\n}\n\nfunction resolvePagesRedirectStatus(redirect: PagesRedirectResult): number {\n  return redirect.statusCode != null ? redirect.statusCode : redirect.permanent ? 308 : 307;\n}\n\nfunction matchesPagesStaticPath(\n  pathEntry: PagesStaticPathsEntry,\n  params: Record<string, unknown>,\n): boolean {\n  return Object.entries(pathEntry.params).every(([key, value]) => {\n    const actual = params[key];\n    if (Array.isArray(value)) {\n      return Array.isArray(actual) && value.join(\"/\") === actual.join(\"/\");\n    }\n    return String(value) === String(actual);\n  });\n}\n\nfunction buildPagesCacheResponse(\n  html: string,\n  cacheState: \"HIT\" | \"STALE\",\n  fontLinkHeader: string,\n  revalidateSeconds?: number,\n): Response {\n  const headers: Record<string, string> = {\n    \"Content-Type\": \"text/html\",\n    \"X-Vinext-Cache\": cacheState,\n    \"Cache-Control\":\n      cacheState === \"HIT\"\n        ? `s-maxage=${revalidateSeconds ?? 60}, stale-while-revalidate`\n        : \"s-maxage=0, stale-while-revalidate\",\n  };\n\n  if (fontLinkHeader) {\n    headers.Link = fontLinkHeader;\n  }\n\n  return new Response(html, {\n    status: 200,\n    headers,\n  });\n}\n\nfunction rewritePagesCachedHtml(\n  cachedHtml: string,\n  freshBody: string,\n  nextDataScript: string,\n): string {\n  const bodyMarker = '<div id=\"__next\">';\n  const bodyStart = cachedHtml.indexOf(bodyMarker);\n  const contentStart = bodyStart >= 0 ? bodyStart + bodyMarker.length : -1;\n  const nextDataMarker = \"<script>window.__NEXT_DATA__\";\n  const nextDataStart = cachedHtml.indexOf(nextDataMarker);\n\n  if (contentStart >= 0 && nextDataStart >= 0) {\n    const region = cachedHtml.slice(contentStart, nextDataStart);\n    const lastCloseDiv = region.lastIndexOf(\"</div>\");\n    const gap = lastCloseDiv >= 0 ? region.slice(lastCloseDiv + 6) : \"\";\n    const nextDataEnd = cachedHtml.indexOf(\"</script>\", nextDataStart) + 9;\n    const tail = cachedHtml.slice(nextDataEnd);\n\n    return cachedHtml.slice(0, contentStart) + freshBody + \"</div>\" + gap + nextDataScript + tail;\n  }\n\n  return (\n    '<!DOCTYPE html>\\n<html>\\n<head>\\n</head>\\n<body>\\n  <div id=\"__next\">' +\n    freshBody +\n    \"</div>\\n  \" +\n    nextDataScript +\n    \"\\n</body>\\n</html>\"\n  );\n}\n\nexport async function renderPagesIsrHtml(options: RenderPagesIsrHtmlOptions): Promise<string> {\n  const freshBody = await options.renderIsrPassToStringAsync(\n    options.createPageElement(options.pageProps),\n  );\n  const nextDataScript = buildPagesNextDataScript({\n    buildId: options.buildId,\n    i18n: options.i18n,\n    pageProps: options.pageProps,\n    params: options.params,\n    routePattern: options.routePattern,\n    safeJsonStringify: options.safeJsonStringify,\n  });\n\n  return rewritePagesCachedHtml(options.cachedHtml, freshBody, nextDataScript);\n}\n\nexport async function resolvePagesPageData(\n  options: ResolvePagesPageDataOptions,\n): Promise<ResolvePagesPageDataResult> {\n  if (typeof options.pageModule.getStaticPaths === \"function\" && options.route.isDynamic) {\n    const pathsResult = await options.pageModule.getStaticPaths({\n      locales: options.i18n.locales ?? [],\n      defaultLocale: options.i18n.defaultLocale ?? \"\",\n    });\n    const fallback = pathsResult?.fallback ?? false;\n\n    if (fallback === false) {\n      const paths = pathsResult?.paths ?? [];\n      const isValidPath = paths.some((pathEntry) =>\n        matchesPagesStaticPath(pathEntry, options.params),\n      );\n\n      if (!isValidPath) {\n        return {\n          kind: \"response\",\n          response: buildPagesNotFoundResponse(),\n        };\n      }\n    }\n  }\n\n  let pageProps: Record<string, unknown> = {};\n  let gsspRes: PagesMutableGsspResponse | null = null;\n\n  if (typeof options.pageModule.getServerSideProps === \"function\") {\n    const { req, res, responsePromise } = options.createGsspReqRes();\n    const result = await options.pageModule.getServerSideProps({\n      params: options.params,\n      req,\n      res,\n      query: options.query,\n      resolvedUrl: options.routeUrl,\n      locale: options.i18n.locale,\n      locales: options.i18n.locales,\n      defaultLocale: options.i18n.defaultLocale,\n    });\n\n    if (res.headersSent) {\n      return {\n        kind: \"response\",\n        response: await responsePromise,\n      };\n    }\n\n    if (result?.props) {\n      pageProps = result.props;\n    }\n\n    if (result?.redirect) {\n      return {\n        kind: \"response\",\n        response: new Response(null, {\n          status: resolvePagesRedirectStatus(result.redirect),\n          headers: { Location: options.sanitizeDestination(result.redirect.destination) },\n        }),\n      };\n    }\n\n    if (result?.notFound) {\n      return {\n        kind: \"response\",\n        response: buildPagesDataNotFoundResponse(),\n      };\n    }\n\n    gsspRes = res;\n  }\n\n  let isrRevalidateSeconds: number | null = null;\n\n  if (typeof options.pageModule.getStaticProps === \"function\") {\n    const pathname = options.routeUrl.split(\"?\")[0];\n    const cacheKey = options.isrCacheKey(\"pages\", pathname);\n    const cached = await options.isrGet(cacheKey);\n    const cachedValue = cached?.value.value;\n\n    if (cachedValue?.kind === \"PAGES\" && cached && !cached.isStale) {\n      return {\n        kind: \"response\",\n        response: buildPagesCacheResponse(\n          cachedValue.html,\n          \"HIT\",\n          options.fontLinkHeader,\n          (cachedValue as CachedPagesValue & { revalidate?: number }).revalidate,\n        ),\n      };\n    }\n\n    if (cachedValue?.kind === \"PAGES\" && cached && cached.isStale) {\n      options.triggerBackgroundRegeneration(cacheKey, async function () {\n        return options.runInFreshUnifiedContext(async () => {\n          const freshResult = await options.pageModule.getStaticProps?.({\n            params: options.params,\n            locale: options.i18n.locale,\n            locales: options.i18n.locales,\n            defaultLocale: options.i18n.defaultLocale,\n          });\n\n          if (\n            freshResult?.props &&\n            typeof freshResult.revalidate === \"number\" &&\n            freshResult.revalidate > 0\n          ) {\n            options.applyRequestContexts();\n            const freshHtml = await renderPagesIsrHtml({\n              buildId: options.buildId,\n              cachedHtml: cachedValue.html,\n              createPageElement: options.createPageElement,\n              i18n: options.i18n,\n              pageProps: freshResult.props,\n              params: options.params,\n              renderIsrPassToStringAsync: options.renderIsrPassToStringAsync,\n              routePattern: options.routePattern,\n              safeJsonStringify: options.safeJsonStringify,\n            });\n\n            await options.isrSet(\n              cacheKey,\n              buildPagesCacheValue(freshHtml, freshResult.props),\n              freshResult.revalidate,\n            );\n          }\n        });\n      });\n\n      return {\n        kind: \"response\",\n        response: buildPagesCacheResponse(cachedValue.html, \"STALE\", options.fontLinkHeader),\n      };\n    }\n\n    const result = await options.pageModule.getStaticProps({\n      params: options.params,\n      locale: options.i18n.locale,\n      locales: options.i18n.locales,\n      defaultLocale: options.i18n.defaultLocale,\n    });\n\n    if (result?.props) {\n      pageProps = result.props;\n    }\n\n    if (result?.redirect) {\n      return {\n        kind: \"response\",\n        response: new Response(null, {\n          status: resolvePagesRedirectStatus(result.redirect),\n          headers: { Location: options.sanitizeDestination(result.redirect.destination) },\n        }),\n      };\n    }\n\n    if (result?.notFound) {\n      return {\n        kind: \"response\",\n        response: buildPagesDataNotFoundResponse(),\n      };\n    }\n\n    if (typeof result?.revalidate === \"number\" && result.revalidate > 0) {\n      isrRevalidateSeconds = result.revalidate;\n    }\n  }\n\n  return {\n    kind: \"render\",\n    gsspRes,\n    isrRevalidateSeconds,\n    pageProps,\n  };\n}\n"],"mappings":"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"}

package/dist/server/pages-page-response.d.ts

@@ -48,7 +48,8 @@ interface RenderPagesPageResponseOptions {
   routeUrl: string;
   safeJsonStringify: (value: unknown) => string;
 }
+declare function buildPagesNextDataScript(options: Pick<RenderPagesPageResponseOptions, "buildId" | "i18n" | "pageProps" | "params" | "routePattern" | "safeJsonStringify">): string;
 declare function renderPagesPageResponse(options: RenderPagesPageResponseOptions): Promise<Response>;
 //#endregion
-export { PagesFontPreload, PagesGsspResponse, PagesI18nRenderContext, RenderPagesPageResponseOptions, renderPagesPageResponse };
+export { PagesFontPreload, PagesGsspResponse, PagesI18nRenderContext, RenderPagesPageResponseOptions, buildPagesNextDataScript, renderPagesPageResponse };
 //# sourceMappingURL=pages-page-response.d.ts.map

package/dist/server/pages-page-response.js

@@ -135,6 +135,6 @@ async function renderPagesPageResponse(options) {
 	return response;
 }
 //#endregion
-export { renderPagesPageResponse };
+export { buildPagesNextDataScript, renderPagesPageResponse };
 
 //# sourceMappingURL=pages-page-response.js.map

package/dist/server/pages-page-response.js.map

@@ -1 +1 @@
-{"version":3,"file":"pages-page-response.js","names":[],"sources":["../../src/server/pages-page-response.ts"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from \"react\";\n\nexport interface PagesFontPreload {\n  href: string;\n  type: string;\n}\n\nexport interface PagesI18nRenderContext {\n  locale?: string;\n  locales?: string[];\n  defaultLocale?: string;\n  domainLocales?: unknown;\n}\n\nexport interface PagesGsspResponse {\n  statusCode: number;\n  getHeaders(): Record<string, string | number | boolean | string[]>;\n}\n\ninterface PagesStreamedHtmlResponse extends Response {\n  __vinextStreamedHtmlResponse?: boolean;\n}\n\nexport interface RenderPagesPageResponseOptions {\n  assetTags: string;\n  buildId: string | null;\n  clearSsrContext: () => void;\n  createPageElement: (pageProps: Record<string, unknown>) => ReactNode;\n  DocumentComponent: ComponentType | null;\n  flushPreloads?: (() => Promise<void> | void) | undefined;\n  fontLinkHeader: string;\n  fontPreloads: PagesFontPreload[];\n  getFontLinks: () => string[];\n  getFontStyles: () => string[];\n  getSSRHeadHTML?: (() => string) | undefined;\n  gsspRes: PagesGsspResponse | null;\n  isrCacheKey: (router: string, pathname: string) => string;\n  isrRevalidateSeconds: number | null;\n  isrSet: (\n    key: string,\n    data: {\n      kind: \"PAGES\";\n      html: string;\n      pageData: Record<string, unknown>;\n      headers: undefined;\n      status: undefined;\n    },\n    revalidateSeconds: number,\n  ) => Promise<void>;\n  i18n: PagesI18nRenderContext;\n  pageProps: Record<string, unknown>;\n  params: Record<string, unknown>;\n  renderDocumentToString: (element: ReactNode) => Promise<string>;\n  renderIsrPassToStringAsync: (element: ReactNode) => Promise<string>;\n  renderToReadableStream: (element: ReactNode) => Promise<ReadableStream<Uint8Array>>;\n  resetSSRHead?: (() => void) | undefined;\n  routePattern: string;\n  routeUrl: string;\n  safeJsonStringify: (value: unknown) => string;\n}\n\nfunction escapeAttr(value: string): string {\n  return value.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\");\n}\n\nfunction buildPagesFontHeadHtml(\n  fontLinks: string[],\n  fontPreloads: PagesFontPreload[],\n  fontStyles: string[],\n): string {\n  let html = \"\";\n\n  for (const link of fontLinks) {\n    html += `<link rel=\"stylesheet\" href=\"${escapeAttr(link)}\" />\\n  `;\n  }\n\n  for (const preload of fontPreloads) {\n    html += `<link rel=\"preload\" href=\"${escapeAttr(preload.href)}\" as=\"font\" type=\"${escapeAttr(preload.type)}\" crossorigin />\\n  `;\n  }\n\n  if (fontStyles.length > 0) {\n    html += `<style data-vinext-fonts>${fontStyles.join(\"\\n\")}</style>\\n  `;\n  }\n\n  return html;\n}\n\nfunction buildPagesNextDataScript(\n  options: Pick<\n    RenderPagesPageResponseOptions,\n    \"buildId\" | \"i18n\" | \"pageProps\" | \"params\" | \"routePattern\" | \"safeJsonStringify\"\n  >,\n): string {\n  const nextDataPayload: Record<string, unknown> = {\n    props: { pageProps: options.pageProps },\n    page: options.routePattern,\n    query: options.params,\n    buildId: options.buildId,\n    isFallback: false,\n  };\n\n  if (options.i18n.locales) {\n    nextDataPayload.locale = options.i18n.locale;\n    nextDataPayload.locales = options.i18n.locales;\n    nextDataPayload.defaultLocale = options.i18n.defaultLocale;\n    nextDataPayload.domainLocales = options.i18n.domainLocales;\n  }\n\n  const localeGlobals = options.i18n.locales\n    ? `;window.__VINEXT_LOCALE__=${options.safeJsonStringify(options.i18n.locale)}` +\n      `;window.__VINEXT_LOCALES__=${options.safeJsonStringify(options.i18n.locales)}` +\n      `;window.__VINEXT_DEFAULT_LOCALE__=${options.safeJsonStringify(options.i18n.defaultLocale)}`\n    : \"\";\n\n  return `<script>window.__NEXT_DATA__ = ${options.safeJsonStringify(nextDataPayload)}${localeGlobals}</script>`;\n}\n\nasync function buildPagesShellHtml(\n  bodyMarker: string,\n  fontHeadHTML: string,\n  nextDataScript: string,\n  options: Pick<\n    RenderPagesPageResponseOptions,\n    \"assetTags\" | \"DocumentComponent\" | \"renderDocumentToString\"\n  > & {\n    ssrHeadHTML: string;\n  },\n): Promise<string> {\n  if (options.DocumentComponent) {\n    let html = await options.renderDocumentToString(React.createElement(options.DocumentComponent));\n    html = html.replace(\"__NEXT_MAIN__\", bodyMarker);\n    if (options.ssrHeadHTML || options.assetTags || fontHeadHTML) {\n      html = html.replace(\n        \"</head>\",\n        `  ${fontHeadHTML}${options.ssrHeadHTML}\\n  ${options.assetTags}\\n</head>`,\n      );\n    }\n    html = html.replace(\"<!-- __NEXT_SCRIPTS__ -->\", nextDataScript);\n    if (!html.includes(\"__NEXT_DATA__\")) {\n      html = html.replace(\"</body>\", `  ${nextDataScript}\\n</body>`);\n    }\n    return html;\n  }\n\n  return (\n    \"<!DOCTYPE html>\\n<html>\\n<head>\\n\" +\n    '  <meta charset=\"utf-8\" />\\n' +\n    '  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\\n' +\n    `  ${fontHeadHTML}${options.ssrHeadHTML}\\n` +\n    `  ${options.assetTags}\\n` +\n    \"</head>\\n<body>\\n\" +\n    `  <div id=\"__next\">${bodyMarker}</div>\\n` +\n    `  ${nextDataScript}\\n` +\n    \"</body>\\n</html>\"\n  );\n}\n\nasync function buildPagesCompositeStream(\n  bodyStream: ReadableStream<Uint8Array>,\n  shellPrefix: string,\n  shellSuffix: string,\n): Promise<ReadableStream<Uint8Array>> {\n  const encoder = new TextEncoder();\n\n  return new ReadableStream({\n    async start(controller) {\n      controller.enqueue(encoder.encode(shellPrefix));\n      const reader = bodyStream.getReader();\n      try {\n        for (;;) {\n          const chunk = await reader.read();\n          if (chunk.done) {\n            break;\n          }\n          controller.enqueue(chunk.value);\n        }\n      } finally {\n        reader.releaseLock();\n      }\n      controller.enqueue(encoder.encode(shellSuffix));\n      controller.close();\n    },\n  });\n}\n\nfunction applyGsspHeaders(headers: Headers, gsspRes: PagesGsspResponse | null): number {\n  if (!gsspRes) {\n    return 200;\n  }\n\n  const gsspHeaders = gsspRes.getHeaders();\n  for (const key of Object.keys(gsspHeaders)) {\n    const value = gsspHeaders[key];\n    const lowerKey = key.toLowerCase();\n    if (lowerKey === \"set-cookie\" && Array.isArray(value)) {\n      for (const cookie of value) {\n        headers.append(\"set-cookie\", String(cookie));\n      }\n      continue;\n    }\n    if (Array.isArray(value)) {\n      headers.set(key, value.join(\", \"));\n      continue;\n    }\n    if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n      headers.set(key, String(value));\n    }\n  }\n  headers.set(\"Content-Type\", \"text/html\");\n  return gsspRes.statusCode;\n}\n\nexport async function renderPagesPageResponse(\n  options: RenderPagesPageResponseOptions,\n): Promise<Response> {\n  const pageElement = options.createPageElement(options.pageProps);\n\n  options.resetSSRHead?.();\n  await options.flushPreloads?.();\n\n  const fontHeadHTML = buildPagesFontHeadHtml(\n    options.getFontLinks(),\n    options.fontPreloads,\n    options.getFontStyles(),\n  );\n  const nextDataScript = buildPagesNextDataScript({\n    buildId: options.buildId,\n    i18n: options.i18n,\n    pageProps: options.pageProps,\n    params: options.params,\n    routePattern: options.routePattern,\n    safeJsonStringify: options.safeJsonStringify,\n  });\n  const bodyMarker = \"<!--VINEXT_STREAM_BODY-->\";\n  const shellHtml = await buildPagesShellHtml(bodyMarker, fontHeadHTML, nextDataScript, {\n    assetTags: options.assetTags,\n    DocumentComponent: options.DocumentComponent,\n    renderDocumentToString: options.renderDocumentToString,\n    ssrHeadHTML: options.getSSRHeadHTML?.() ?? \"\",\n  });\n\n  options.clearSsrContext();\n\n  const markerIndex = shellHtml.indexOf(bodyMarker);\n  const shellPrefix = shellHtml.slice(0, markerIndex);\n  const shellSuffix = shellHtml.slice(markerIndex + bodyMarker.length);\n  const bodyStream = await options.renderToReadableStream(pageElement);\n  const compositeStream = await buildPagesCompositeStream(bodyStream, shellPrefix, shellSuffix);\n\n  if (options.isrRevalidateSeconds !== null && options.isrRevalidateSeconds > 0) {\n    const isrElement = options.createPageElement(options.pageProps);\n    const isrHtml = await options.renderIsrPassToStringAsync(isrElement);\n    const fullHtml = shellPrefix + isrHtml + shellSuffix;\n    const isrPathname = options.routeUrl.split(\"?\")[0];\n    const cacheKey = options.isrCacheKey(\"pages\", isrPathname);\n    await options.isrSet(\n      cacheKey,\n      {\n        kind: \"PAGES\",\n        html: fullHtml,\n        pageData: options.pageProps,\n        headers: undefined,\n        status: undefined,\n      },\n      options.isrRevalidateSeconds,\n    );\n  }\n\n  const responseHeaders = new Headers({ \"Content-Type\": \"text/html\" });\n  const finalStatus = applyGsspHeaders(responseHeaders, options.gsspRes);\n\n  if (options.isrRevalidateSeconds) {\n    responseHeaders.set(\n      \"Cache-Control\",\n      `s-maxage=${options.isrRevalidateSeconds}, stale-while-revalidate`,\n    );\n    responseHeaders.set(\"X-Vinext-Cache\", \"MISS\");\n  }\n  if (options.fontLinkHeader) {\n    responseHeaders.set(\"Link\", options.fontLinkHeader);\n  }\n\n  const response = new Response(compositeStream, {\n    status: finalStatus,\n    headers: responseHeaders,\n  }) as PagesStreamedHtmlResponse;\n  // Mark the normal streamed HTML render so the Node prod server can strip\n  // stale Content-Length only for this path, not for custom gSSP responses.\n  response.__vinextStreamedHtmlResponse = true;\n  return response;\n}\n"],"mappings":"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"}
+{"version":3,"file":"pages-page-response.js","names":[],"sources":["../../src/server/pages-page-response.ts"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from \"react\";\n\nexport interface PagesFontPreload {\n  href: string;\n  type: string;\n}\n\nexport interface PagesI18nRenderContext {\n  locale?: string;\n  locales?: string[];\n  defaultLocale?: string;\n  domainLocales?: unknown;\n}\n\nexport interface PagesGsspResponse {\n  statusCode: number;\n  getHeaders(): Record<string, string | number | boolean | string[]>;\n}\n\ninterface PagesStreamedHtmlResponse extends Response {\n  __vinextStreamedHtmlResponse?: boolean;\n}\n\nexport interface RenderPagesPageResponseOptions {\n  assetTags: string;\n  buildId: string | null;\n  clearSsrContext: () => void;\n  createPageElement: (pageProps: Record<string, unknown>) => ReactNode;\n  DocumentComponent: ComponentType | null;\n  flushPreloads?: (() => Promise<void> | void) | undefined;\n  fontLinkHeader: string;\n  fontPreloads: PagesFontPreload[];\n  getFontLinks: () => string[];\n  getFontStyles: () => string[];\n  getSSRHeadHTML?: (() => string) | undefined;\n  gsspRes: PagesGsspResponse | null;\n  isrCacheKey: (router: string, pathname: string) => string;\n  isrRevalidateSeconds: number | null;\n  isrSet: (\n    key: string,\n    data: {\n      kind: \"PAGES\";\n      html: string;\n      pageData: Record<string, unknown>;\n      headers: undefined;\n      status: undefined;\n    },\n    revalidateSeconds: number,\n  ) => Promise<void>;\n  i18n: PagesI18nRenderContext;\n  pageProps: Record<string, unknown>;\n  params: Record<string, unknown>;\n  renderDocumentToString: (element: ReactNode) => Promise<string>;\n  renderIsrPassToStringAsync: (element: ReactNode) => Promise<string>;\n  renderToReadableStream: (element: ReactNode) => Promise<ReadableStream<Uint8Array>>;\n  resetSSRHead?: (() => void) | undefined;\n  routePattern: string;\n  routeUrl: string;\n  safeJsonStringify: (value: unknown) => string;\n}\n\nfunction escapeAttr(value: string): string {\n  return value.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\");\n}\n\nfunction buildPagesFontHeadHtml(\n  fontLinks: string[],\n  fontPreloads: PagesFontPreload[],\n  fontStyles: string[],\n): string {\n  let html = \"\";\n\n  for (const link of fontLinks) {\n    html += `<link rel=\"stylesheet\" href=\"${escapeAttr(link)}\" />\\n  `;\n  }\n\n  for (const preload of fontPreloads) {\n    html += `<link rel=\"preload\" href=\"${escapeAttr(preload.href)}\" as=\"font\" type=\"${escapeAttr(preload.type)}\" crossorigin />\\n  `;\n  }\n\n  if (fontStyles.length > 0) {\n    html += `<style data-vinext-fonts>${fontStyles.join(\"\\n\")}</style>\\n  `;\n  }\n\n  return html;\n}\n\nexport function buildPagesNextDataScript(\n  options: Pick<\n    RenderPagesPageResponseOptions,\n    \"buildId\" | \"i18n\" | \"pageProps\" | \"params\" | \"routePattern\" | \"safeJsonStringify\"\n  >,\n): string {\n  const nextDataPayload: Record<string, unknown> = {\n    props: { pageProps: options.pageProps },\n    page: options.routePattern,\n    query: options.params,\n    buildId: options.buildId,\n    isFallback: false,\n  };\n\n  if (options.i18n.locales) {\n    nextDataPayload.locale = options.i18n.locale;\n    nextDataPayload.locales = options.i18n.locales;\n    nextDataPayload.defaultLocale = options.i18n.defaultLocale;\n    nextDataPayload.domainLocales = options.i18n.domainLocales;\n  }\n\n  const localeGlobals = options.i18n.locales\n    ? `;window.__VINEXT_LOCALE__=${options.safeJsonStringify(options.i18n.locale)}` +\n      `;window.__VINEXT_LOCALES__=${options.safeJsonStringify(options.i18n.locales)}` +\n      `;window.__VINEXT_DEFAULT_LOCALE__=${options.safeJsonStringify(options.i18n.defaultLocale)}`\n    : \"\";\n\n  return `<script>window.__NEXT_DATA__ = ${options.safeJsonStringify(nextDataPayload)}${localeGlobals}</script>`;\n}\n\nasync function buildPagesShellHtml(\n  bodyMarker: string,\n  fontHeadHTML: string,\n  nextDataScript: string,\n  options: Pick<\n    RenderPagesPageResponseOptions,\n    \"assetTags\" | \"DocumentComponent\" | \"renderDocumentToString\"\n  > & {\n    ssrHeadHTML: string;\n  },\n): Promise<string> {\n  if (options.DocumentComponent) {\n    let html = await options.renderDocumentToString(React.createElement(options.DocumentComponent));\n    html = html.replace(\"__NEXT_MAIN__\", bodyMarker);\n    if (options.ssrHeadHTML || options.assetTags || fontHeadHTML) {\n      html = html.replace(\n        \"</head>\",\n        `  ${fontHeadHTML}${options.ssrHeadHTML}\\n  ${options.assetTags}\\n</head>`,\n      );\n    }\n    html = html.replace(\"<!-- __NEXT_SCRIPTS__ -->\", nextDataScript);\n    if (!html.includes(\"__NEXT_DATA__\")) {\n      html = html.replace(\"</body>\", `  ${nextDataScript}\\n</body>`);\n    }\n    return html;\n  }\n\n  return (\n    \"<!DOCTYPE html>\\n<html>\\n<head>\\n\" +\n    '  <meta charset=\"utf-8\" />\\n' +\n    '  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\\n' +\n    `  ${fontHeadHTML}${options.ssrHeadHTML}\\n` +\n    `  ${options.assetTags}\\n` +\n    \"</head>\\n<body>\\n\" +\n    `  <div id=\"__next\">${bodyMarker}</div>\\n` +\n    `  ${nextDataScript}\\n` +\n    \"</body>\\n</html>\"\n  );\n}\n\nasync function buildPagesCompositeStream(\n  bodyStream: ReadableStream<Uint8Array>,\n  shellPrefix: string,\n  shellSuffix: string,\n): Promise<ReadableStream<Uint8Array>> {\n  const encoder = new TextEncoder();\n\n  return new ReadableStream({\n    async start(controller) {\n      controller.enqueue(encoder.encode(shellPrefix));\n      const reader = bodyStream.getReader();\n      try {\n        for (;;) {\n          const chunk = await reader.read();\n          if (chunk.done) {\n            break;\n          }\n          controller.enqueue(chunk.value);\n        }\n      } finally {\n        reader.releaseLock();\n      }\n      controller.enqueue(encoder.encode(shellSuffix));\n      controller.close();\n    },\n  });\n}\n\nfunction applyGsspHeaders(headers: Headers, gsspRes: PagesGsspResponse | null): number {\n  if (!gsspRes) {\n    return 200;\n  }\n\n  const gsspHeaders = gsspRes.getHeaders();\n  for (const key of Object.keys(gsspHeaders)) {\n    const value = gsspHeaders[key];\n    const lowerKey = key.toLowerCase();\n    if (lowerKey === \"set-cookie\" && Array.isArray(value)) {\n      for (const cookie of value) {\n        headers.append(\"set-cookie\", String(cookie));\n      }\n      continue;\n    }\n    if (Array.isArray(value)) {\n      headers.set(key, value.join(\", \"));\n      continue;\n    }\n    if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n      headers.set(key, String(value));\n    }\n  }\n  headers.set(\"Content-Type\", \"text/html\");\n  return gsspRes.statusCode;\n}\n\nexport async function renderPagesPageResponse(\n  options: RenderPagesPageResponseOptions,\n): Promise<Response> {\n  const pageElement = options.createPageElement(options.pageProps);\n\n  options.resetSSRHead?.();\n  await options.flushPreloads?.();\n\n  const fontHeadHTML = buildPagesFontHeadHtml(\n    options.getFontLinks(),\n    options.fontPreloads,\n    options.getFontStyles(),\n  );\n  const nextDataScript = buildPagesNextDataScript({\n    buildId: options.buildId,\n    i18n: options.i18n,\n    pageProps: options.pageProps,\n    params: options.params,\n    routePattern: options.routePattern,\n    safeJsonStringify: options.safeJsonStringify,\n  });\n  const bodyMarker = \"<!--VINEXT_STREAM_BODY-->\";\n  const shellHtml = await buildPagesShellHtml(bodyMarker, fontHeadHTML, nextDataScript, {\n    assetTags: options.assetTags,\n    DocumentComponent: options.DocumentComponent,\n    renderDocumentToString: options.renderDocumentToString,\n    ssrHeadHTML: options.getSSRHeadHTML?.() ?? \"\",\n  });\n\n  options.clearSsrContext();\n\n  const markerIndex = shellHtml.indexOf(bodyMarker);\n  const shellPrefix = shellHtml.slice(0, markerIndex);\n  const shellSuffix = shellHtml.slice(markerIndex + bodyMarker.length);\n  const bodyStream = await options.renderToReadableStream(pageElement);\n  const compositeStream = await buildPagesCompositeStream(bodyStream, shellPrefix, shellSuffix);\n\n  if (options.isrRevalidateSeconds !== null && options.isrRevalidateSeconds > 0) {\n    const isrElement = options.createPageElement(options.pageProps);\n    const isrHtml = await options.renderIsrPassToStringAsync(isrElement);\n    const fullHtml = shellPrefix + isrHtml + shellSuffix;\n    const isrPathname = options.routeUrl.split(\"?\")[0];\n    const cacheKey = options.isrCacheKey(\"pages\", isrPathname);\n    await options.isrSet(\n      cacheKey,\n      {\n        kind: \"PAGES\",\n        html: fullHtml,\n        pageData: options.pageProps,\n        headers: undefined,\n        status: undefined,\n      },\n      options.isrRevalidateSeconds,\n    );\n  }\n\n  const responseHeaders = new Headers({ \"Content-Type\": \"text/html\" });\n  const finalStatus = applyGsspHeaders(responseHeaders, options.gsspRes);\n\n  if (options.isrRevalidateSeconds) {\n    responseHeaders.set(\n      \"Cache-Control\",\n      `s-maxage=${options.isrRevalidateSeconds}, stale-while-revalidate`,\n    );\n    responseHeaders.set(\"X-Vinext-Cache\", \"MISS\");\n  }\n  if (options.fontLinkHeader) {\n    responseHeaders.set(\"Link\", options.fontLinkHeader);\n  }\n\n  const response = new Response(compositeStream, {\n    status: finalStatus,\n    headers: responseHeaders,\n  }) as PagesStreamedHtmlResponse;\n  // Mark the normal streamed HTML render so the Node prod server can strip\n  // stale Content-Length only for this path, not for custom gSSP responses.\n  response.__vinextStreamedHtmlResponse = true;\n  return response;\n}\n"],"mappings":"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"}

package/dist/shims/navigation-state.js

@@ -1,5 +1,5 @@
 import { getRequestContext, isInsideUnifiedScope, runWithUnifiedStateMutation } from "./unified-request-context.js";
-import { _registerStateAccessors } from "./navigation.js";
+import { GLOBAL_ACCESSORS_KEY, _registerStateAccessors } from "./navigation.js";
 import { AsyncLocalStorage } from "node:async_hooks";
 //#region src/shims/navigation-state.ts
 /**
@@ -59,7 +59,7 @@ function runWithServerInsertedHTMLState(fn) {
 	};
 	return _als.run(state, fn);
 }
-_registerStateAccessors({
+const _accessors = {
 	getServerContext() {
 		return _getState().serverContext;
 	},
@@ -72,7 +72,9 @@ _registerStateAccessors({
 	clearInsertedHTMLCallbacks() {
 		_getState().serverInsertedHTMLCallbacks = [];
 	}
-});
+};
+_registerStateAccessors(_accessors);
+globalThis[GLOBAL_ACCESSORS_KEY] = _accessors;
 //#endregion
 export { runWithNavigationContext, runWithServerInsertedHTMLState };
 

package/dist/shims/navigation-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-state.js","names":[],"sources":["../../src/shims/navigation-state.ts"],"sourcesContent":["/**\n * Server-only navigation state backed by AsyncLocalStorage.\n *\n * This module provides request-scoped isolation for navigation context\n * and useServerInsertedHTML callbacks. Without ALS, concurrent requests\n * on Cloudflare Workers would share module-level state and leak data\n * (pathnames, params, CSS-in-JS styles) between requests.\n *\n * This module is server-only — it imports node:async_hooks and must NOT\n * be bundled for the browser. The dual-environment navigation.ts shim\n * uses a registration pattern so it works in both environments.\n */\n\nimport { AsyncLocalStorage } from \"node:async_hooks\";\nimport { _registerStateAccessors, type NavigationContext } from \"./navigation.js\";\nimport {\n  isInsideUnifiedScope,\n  getRequestContext,\n  runWithUnifiedStateMutation,\n} from \"./unified-request-context.js\";\n\n// ---------------------------------------------------------------------------\n// ALS setup — same pattern as headers.ts\n// ---------------------------------------------------------------------------\n\nexport interface NavigationState {\n  serverContext: NavigationContext | null;\n  serverInsertedHTMLCallbacks: Array<() => unknown>;\n}\n\nconst _ALS_KEY = Symbol.for(\"vinext.navigation.als\");\nconst _FALLBACK_KEY = Symbol.for(\"vinext.navigation.fallback\");\nconst _g = globalThis as unknown as Record<PropertyKey, unknown>;\nconst _als = (_g[_ALS_KEY] ??=\n  new AsyncLocalStorage<NavigationState>()) as AsyncLocalStorage<NavigationState>;\n\nconst _fallbackState = (_g[_FALLBACK_KEY] ??= {\n  serverContext: null,\n  serverInsertedHTMLCallbacks: [],\n} satisfies NavigationState) as NavigationState;\n\nfunction _getState(): NavigationState {\n  if (isInsideUnifiedScope()) {\n    return getRequestContext();\n  }\n  return _als.getStore() ?? _fallbackState;\n}\n\n/**\n * Run a function within a navigation ALS scope.\n * Ensures per-request isolation for navigation context and\n * useServerInsertedHTML callbacks on concurrent runtimes.\n */\nexport function runWithNavigationContext<T>(fn: () => T | Promise<T>): T | Promise<T> {\n  if (isInsideUnifiedScope()) {\n    return runWithUnifiedStateMutation((uCtx) => {\n      uCtx.serverContext = null;\n      uCtx.serverInsertedHTMLCallbacks = [];\n    }, fn);\n  }\n  const state: NavigationState = {\n    serverContext: null,\n    serverInsertedHTMLCallbacks: [],\n  };\n  return _als.run(state, fn);\n}\n\n/**\n * Run a function with a fresh useServerInsertedHTML callback list while\n * preserving the current navigation context.\n *\n * Used by the Pages Router ISR cache-fill pass: it is the same request/path,\n * but it needs a fresh callback collection so CSS-in-JS insertions from the\n * streamed render cannot accumulate into the cache-fill render.\n */\nexport function runWithServerInsertedHTMLState<T>(fn: () => T | Promise<T>): T | Promise<T> {\n  if (isInsideUnifiedScope()) {\n    return runWithUnifiedStateMutation((uCtx) => {\n      uCtx.serverInsertedHTMLCallbacks = [];\n    }, fn);\n  }\n\n  const parentState = _als.getStore() ?? _fallbackState;\n  const state: NavigationState = {\n    serverContext: parentState.serverContext,\n    serverInsertedHTMLCallbacks: [],\n  };\n  return _als.run(state, fn);\n}\n\n// ---------------------------------------------------------------------------\n// Register ALS-backed accessors into navigation.ts\n// ---------------------------------------------------------------------------\n\n_registerStateAccessors({\n  getServerContext(): NavigationContext | null {\n    return _getState().serverContext;\n  },\n\n  setServerContext(ctx: NavigationContext | null): void {\n    _getState().serverContext = ctx;\n  },\n\n  getInsertedHTMLCallbacks(): Array<() => unknown> {\n    return _getState().serverInsertedHTMLCallbacks;\n  },\n\n  clearInsertedHTMLCallbacks(): void {\n    _getState().serverInsertedHTMLCallbacks = [];\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,MAAM,WAAW,OAAO,IAAI,wBAAwB;AACpD,MAAM,gBAAgB,OAAO,IAAI,6BAA6B;AAC9D,MAAM,KAAK;AACX,MAAM,OAAQ,GAAG,cACf,IAAI,mBAAoC;AAE1C,MAAM,iBAAkB,GAAG,mBAAmB;CAC5C,eAAe;CACf,6BAA6B,EAAE;CAChC;AAED,SAAS,YAA6B;AACpC,KAAI,sBAAsB,CACxB,QAAO,mBAAmB;AAE5B,QAAO,KAAK,UAAU,IAAI;;;;;;;AAQ5B,SAAgB,yBAA4B,IAA0C;AACpF,KAAI,sBAAsB,CACxB,QAAO,6BAA6B,SAAS;AAC3C,OAAK,gBAAgB;AACrB,OAAK,8BAA8B,EAAE;IACpC,GAAG;AAMR,QAAO,KAAK,IAJmB;EAC7B,eAAe;EACf,6BAA6B,EAAE;EAChC,EACsB,GAAG;;;;;;;;;;AAW5B,SAAgB,+BAAkC,IAA0C;AAC1F,KAAI,sBAAsB,CACxB,QAAO,6BAA6B,SAAS;AAC3C,OAAK,8BAA8B,EAAE;IACpC,GAAG;CAIR,MAAM,QAAyB;EAC7B,gBAFkB,KAAK,UAAU,IAAI,gBAEV;EAC3B,6BAA6B,EAAE;EAChC;AACD,QAAO,KAAK,IAAI,OAAO,GAAG;;AAO5B,wBAAwB;CACtB,mBAA6C;AAC3C,SAAO,WAAW,CAAC;;CAGrB,iBAAiB,KAAqC;AACpD,aAAW,CAAC,gBAAgB;;CAG9B,2BAAiD;AAC/C,SAAO,WAAW,CAAC;;CAGrB,6BAAmC;AACjC,aAAW,CAAC,8BAA8B,EAAE;;CAE/C,CAAC"}
+{"version":3,"file":"navigation-state.js","names":[],"sources":["../../src/shims/navigation-state.ts"],"sourcesContent":["/**\n * Server-only navigation state backed by AsyncLocalStorage.\n *\n * This module provides request-scoped isolation for navigation context\n * and useServerInsertedHTML callbacks. Without ALS, concurrent requests\n * on Cloudflare Workers would share module-level state and leak data\n * (pathnames, params, CSS-in-JS styles) between requests.\n *\n * This module is server-only — it imports node:async_hooks and must NOT\n * be bundled for the browser. The dual-environment navigation.ts shim\n * uses a registration pattern so it works in both environments.\n */\n\nimport { AsyncLocalStorage } from \"node:async_hooks\";\nimport { _registerStateAccessors, type NavigationContext } from \"./navigation.js\";\nimport {\n  isInsideUnifiedScope,\n  getRequestContext,\n  runWithUnifiedStateMutation,\n} from \"./unified-request-context.js\";\n\n// ---------------------------------------------------------------------------\n// ALS setup — same pattern as headers.ts\n// ---------------------------------------------------------------------------\n\nexport interface NavigationState {\n  serverContext: NavigationContext | null;\n  serverInsertedHTMLCallbacks: Array<() => unknown>;\n}\n\nconst _ALS_KEY = Symbol.for(\"vinext.navigation.als\");\nconst _FALLBACK_KEY = Symbol.for(\"vinext.navigation.fallback\");\nconst _g = globalThis as unknown as Record<PropertyKey, unknown>;\nconst _als = (_g[_ALS_KEY] ??=\n  new AsyncLocalStorage<NavigationState>()) as AsyncLocalStorage<NavigationState>;\n\nconst _fallbackState = (_g[_FALLBACK_KEY] ??= {\n  serverContext: null,\n  serverInsertedHTMLCallbacks: [],\n} satisfies NavigationState) as NavigationState;\n\nfunction _getState(): NavigationState {\n  if (isInsideUnifiedScope()) {\n    return getRequestContext();\n  }\n  return _als.getStore() ?? _fallbackState;\n}\n\n/**\n * Run a function within a navigation ALS scope.\n * Ensures per-request isolation for navigation context and\n * useServerInsertedHTML callbacks on concurrent runtimes.\n */\nexport function runWithNavigationContext<T>(fn: () => T | Promise<T>): T | Promise<T> {\n  if (isInsideUnifiedScope()) {\n    return runWithUnifiedStateMutation((uCtx) => {\n      uCtx.serverContext = null;\n      uCtx.serverInsertedHTMLCallbacks = [];\n    }, fn);\n  }\n  const state: NavigationState = {\n    serverContext: null,\n    serverInsertedHTMLCallbacks: [],\n  };\n  return _als.run(state, fn);\n}\n\n/**\n * Run a function with a fresh useServerInsertedHTML callback list while\n * preserving the current navigation context.\n *\n * Used by the Pages Router ISR cache-fill pass: it is the same request/path,\n * but it needs a fresh callback collection so CSS-in-JS insertions from the\n * streamed render cannot accumulate into the cache-fill render.\n */\nexport function runWithServerInsertedHTMLState<T>(fn: () => T | Promise<T>): T | Promise<T> {\n  if (isInsideUnifiedScope()) {\n    return runWithUnifiedStateMutation((uCtx) => {\n      uCtx.serverInsertedHTMLCallbacks = [];\n    }, fn);\n  }\n\n  const parentState = _als.getStore() ?? _fallbackState;\n  const state: NavigationState = {\n    serverContext: parentState.serverContext,\n    serverInsertedHTMLCallbacks: [],\n  };\n  return _als.run(state, fn);\n}\n\n// ---------------------------------------------------------------------------\n// Register ALS-backed accessors into navigation.ts\n//\n// Two registration paths (issue #688):\n// 1. _registerStateAccessors — updates the module-level function pointers\n//    in the same module instance that imported us (the SSR entry's copy).\n// 2. globalThis[Symbol.for(...)] — makes the accessors discoverable by ANY\n//    module instance of navigation.ts, even if Vite created a separate one\n//    for \"use client\" components due to pre-bundling or env separation.\n// ---------------------------------------------------------------------------\n\nimport { GLOBAL_ACCESSORS_KEY } from \"./navigation\";\n\nconst _accessors = {\n  getServerContext(): NavigationContext | null {\n    return _getState().serverContext;\n  },\n\n  setServerContext(ctx: NavigationContext | null): void {\n    _getState().serverContext = ctx;\n  },\n\n  getInsertedHTMLCallbacks(): Array<() => unknown> {\n    return _getState().serverInsertedHTMLCallbacks;\n  },\n\n  clearInsertedHTMLCallbacks(): void {\n    _getState().serverInsertedHTMLCallbacks = [];\n  },\n} satisfies Parameters<typeof _registerStateAccessors>[0];\n\n_registerStateAccessors(_accessors);\n(globalThis as unknown as Record<PropertyKey, unknown>)[GLOBAL_ACCESSORS_KEY] = _accessors;\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,MAAM,WAAW,OAAO,IAAI,wBAAwB;AACpD,MAAM,gBAAgB,OAAO,IAAI,6BAA6B;AAC9D,MAAM,KAAK;AACX,MAAM,OAAQ,GAAG,cACf,IAAI,mBAAoC;AAE1C,MAAM,iBAAkB,GAAG,mBAAmB;CAC5C,eAAe;CACf,6BAA6B,EAAE;CAChC;AAED,SAAS,YAA6B;AACpC,KAAI,sBAAsB,CACxB,QAAO,mBAAmB;AAE5B,QAAO,KAAK,UAAU,IAAI;;;;;;;AAQ5B,SAAgB,yBAA4B,IAA0C;AACpF,KAAI,sBAAsB,CACxB,QAAO,6BAA6B,SAAS;AAC3C,OAAK,gBAAgB;AACrB,OAAK,8BAA8B,EAAE;IACpC,GAAG;AAMR,QAAO,KAAK,IAJmB;EAC7B,eAAe;EACf,6BAA6B,EAAE;EAChC,EACsB,GAAG;;;;;;;;;;AAW5B,SAAgB,+BAAkC,IAA0C;AAC1F,KAAI,sBAAsB,CACxB,QAAO,6BAA6B,SAAS;AAC3C,OAAK,8BAA8B,EAAE;IACpC,GAAG;CAIR,MAAM,QAAyB;EAC7B,gBAFkB,KAAK,UAAU,IAAI,gBAEV;EAC3B,6BAA6B,EAAE;EAChC;AACD,QAAO,KAAK,IAAI,OAAO,GAAG;;AAgB5B,MAAM,aAAa;CACjB,mBAA6C;AAC3C,SAAO,WAAW,CAAC;;CAGrB,iBAAiB,KAAqC;AACpD,aAAW,CAAC,gBAAgB;;CAG9B,2BAAiD;AAC/C,SAAO,WAAW,CAAC;;CAGrB,6BAAmC;AACjC,aAAW,CAAC,8BAA8B,EAAE;;CAE/C;AAED,wBAAwB,WAAW;AACnC,WAAwD,wBAAwB"}

package/dist/shims/navigation.d.ts

@@ -13,16 +13,18 @@ interface NavigationContext {
   searchParams: URLSearchParams;
   params: Record<string, string | string[]>;
 }
-/**
- * Register ALS-backed state accessors. Called by navigation-state.ts on import.
- * @internal
- */
-declare function _registerStateAccessors(accessors: {
+interface _StateAccessors {
   getServerContext: () => NavigationContext | null;
   setServerContext: (ctx: NavigationContext | null) => void;
   getInsertedHTMLCallbacks: () => Array<() => unknown>;
   clearInsertedHTMLCallbacks: () => void;
-}): void;
+}
+declare const GLOBAL_ACCESSORS_KEY: unique symbol;
+/**
+ * Register ALS-backed state accessors. Called by navigation-state.ts on import.
+ * @internal
+ */
+declare function _registerStateAccessors(accessors: _StateAccessors): void;
 /**
  * Get the navigation context for the current SSR/RSC render.
  * Reads from AsyncLocalStorage when available (concurrent-safe),
@@ -195,5 +197,5 @@ declare function forbidden(): never;
  */
 declare function unauthorized(): never;
 //#endregion
-export { HTTP_ERROR_FALLBACK_ERROR_CODE, MAX_PREFETCH_CACHE_SIZE, NavigationContext, PREFETCH_CACHE_TTL, PrefetchCacheEntry, ReadonlyURLSearchParams, RedirectType, ServerInsertedHTMLContext, _registerStateAccessors, clearServerInsertedHTML, flushServerInsertedHTML, forbidden, getAccessFallbackHTTPStatus, getClientParams, getLayoutSegmentContext, getNavigationContext, getPrefetchCache, getPrefetchedUrls, isHTTPAccessFallbackError, notFound, permanentRedirect, redirect, setClientParams, setNavigationContext, storePrefetchResponse, toRscUrl, unauthorized, useParams, usePathname, useRouter, useSearchParams, useSelectedLayoutSegment, useSelectedLayoutSegments, useServerInsertedHTML };
+export { GLOBAL_ACCESSORS_KEY, HTTP_ERROR_FALLBACK_ERROR_CODE, MAX_PREFETCH_CACHE_SIZE, NavigationContext, PREFETCH_CACHE_TTL, PrefetchCacheEntry, ReadonlyURLSearchParams, RedirectType, ServerInsertedHTMLContext, _registerStateAccessors, clearServerInsertedHTML, flushServerInsertedHTML, forbidden, getAccessFallbackHTTPStatus, getClientParams, getLayoutSegmentContext, getNavigationContext, getPrefetchCache, getPrefetchedUrls, isHTTPAccessFallbackError, notFound, permanentRedirect, redirect, setClientParams, setNavigationContext, storePrefetchResponse, toRscUrl, unauthorized, useParams, usePathname, useRouter, useSearchParams, useSelectedLayoutSegment, useSelectedLayoutSegments, useServerInsertedHTML };
 //# sourceMappingURL=navigation.d.ts.map

package/dist/shims/navigation.js

@@ -44,15 +44,30 @@ function useChildSegments() {
 }
 const _READONLY_SEARCH_PARAMS = Symbol("vinext.navigation.readonlySearchParams");
 const _READONLY_SEARCH_PARAMS_SOURCE = Symbol("vinext.navigation.readonlySearchParamsSource");
+const GLOBAL_ACCESSORS_KEY = Symbol.for("vinext.navigation.globalAccessors");
+const _GLOBAL_ACCESSORS_KEY = GLOBAL_ACCESSORS_KEY;
+function _getGlobalAccessors() {
+	return globalThis[_GLOBAL_ACCESSORS_KEY];
+}
 let _serverContext = null;
 let _serverInsertedHTMLCallbacks = [];
-let _getServerContext = () => _serverContext;
+let _getServerContext = () => {
+	const g = _getGlobalAccessors();
+	return g ? g.getServerContext() : _serverContext;
+};
 let _setServerContext = (ctx) => {
-	_serverContext = ctx;
+	const g = _getGlobalAccessors();
+	if (g) g.setServerContext(ctx);
+	else _serverContext = ctx;
+};
+let _getInsertedHTMLCallbacks = () => {
+	const g = _getGlobalAccessors();
+	return g ? g.getInsertedHTMLCallbacks() : _serverInsertedHTMLCallbacks;
 };
-let _getInsertedHTMLCallbacks = () => _serverInsertedHTMLCallbacks;
 let _clearInsertedHTMLCallbacks = () => {
-	_serverInsertedHTMLCallbacks = [];
+	const g = _getGlobalAccessors();
+	if (g) g.clearInsertedHTMLCallbacks();
+	else _serverInsertedHTMLCallbacks = [];
 };
 /**
 * Register ALS-backed state accessors. Called by navigation-state.ts on import.
@@ -560,6 +575,6 @@ if (!isServer) {
 	};
 }
 //#endregion
-export { HTTP_ERROR_FALLBACK_ERROR_CODE, MAX_PREFETCH_CACHE_SIZE, PREFETCH_CACHE_TTL, ReadonlyURLSearchParams, RedirectType, ServerInsertedHTMLContext, _registerStateAccessors, clearServerInsertedHTML, flushServerInsertedHTML, forbidden, getAccessFallbackHTTPStatus, getClientParams, getLayoutSegmentContext, getNavigationContext, getPrefetchCache, getPrefetchedUrls, isHTTPAccessFallbackError, notFound, permanentRedirect, redirect, setClientParams, setNavigationContext, storePrefetchResponse, toRscUrl, unauthorized, useParams, usePathname, useRouter, useSearchParams, useSelectedLayoutSegment, useSelectedLayoutSegments, useServerInsertedHTML };
+export { GLOBAL_ACCESSORS_KEY, HTTP_ERROR_FALLBACK_ERROR_CODE, MAX_PREFETCH_CACHE_SIZE, PREFETCH_CACHE_TTL, ReadonlyURLSearchParams, RedirectType, ServerInsertedHTMLContext, _registerStateAccessors, clearServerInsertedHTML, flushServerInsertedHTML, forbidden, getAccessFallbackHTTPStatus, getClientParams, getLayoutSegmentContext, getNavigationContext, getPrefetchCache, getPrefetchedUrls, isHTTPAccessFallbackError, notFound, permanentRedirect, redirect, setClientParams, setNavigationContext, storePrefetchResponse, toRscUrl, unauthorized, useParams, usePathname, useRouter, useSearchParams, useSelectedLayoutSegment, useSelectedLayoutSegments, useServerInsertedHTML };
 
 //# sourceMappingURL=navigation.js.map