@absolutejs/absolute 0.20.0-beta.4 → 0.20.0-beta.41

package/dist/angular/server.js

@@ -3281,7 +3281,7 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
     getStreamingSlotsRuntimeScript()
   ].filter(Boolean).join(";");
   return `<script${createNonceAttr(nonce)}>${escapeScriptContent(runtimeBody)}</script>`;
-}, toUint8 = (value, encoder) => encoder.encode(value), isRecord4 = (value) => Boolean(value) && typeof value === "object", isSafeHtmlLike = (value) => isRecord4(value) && typeof value.changingThisBreaksApplicationSecurity === "string", normalizeSafeHtml = (value) => {
+}, toUint8 = (value, encoder) => encoder.encode(value), isRecord5 = (value) => Boolean(value) && typeof value === "object", isSafeHtmlLike = (value) => isRecord5(value) && typeof value.changingThisBreaksApplicationSecurity === "string", normalizeSafeHtml = (value) => {
   if (isSafeHtmlLike(value)) {
     return value.changingThisBreaksApplicationSecurity;
   }
@@ -3342,7 +3342,7 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
 }, createTimeoutError = (slot, timeoutMs) => {
   const error = Object.assign(new Error(`Streaming slot "${slot.id}" timed out after ${timeoutMs}ms`), { __absTimeout: true });
   return error;
-}, isSlotPatchPayloadObject = (value) => isRecord4(value) && ("html" in value), isTimeoutError = (error) => isRecord4(error) && error.__absTimeout === true, toStreamingSlot = (slot, policy) => ({
+}, isSlotPatchPayloadObject = (value) => isRecord5(value) && ("html" in value), isTimeoutError = (error) => isRecord5(error) && error.__absTimeout === true, toStreamingSlot = (slot, policy) => ({
   errorHtml: slot.errorHtml === undefined ? policy.errorHtml : slot.errorHtml,
   fallbackHtml: normalizeSlotText(slot.fallbackHtml, policy.fallbackHtml),
   id: slot.id ?? createStreamingSlotId(),
@@ -3854,6 +3854,7 @@ var colors, MONTHS, formatTimestamp = () => {
     port,
     host,
     networkUrl,
+    mobilePreviewUrl,
     protocol = "http"
   } = options;
   const name = `${colors.cyan}${colors.bold}ABSOLUTEJS${colors.reset}`;
@@ -3867,6 +3868,9 @@ var colors, MONTHS, formatTimestamp = () => {
   if (networkUrl) {
     console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Network:${colors.reset} ${networkUrl}`);
   }
+  if (mobilePreviewUrl) {
+    console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Mobile:${colors.reset}  ${mobilePreviewUrl}`);
+  }
   console.log("");
 };
 var init_startupBanner = __esm(() => {
@@ -4537,7 +4541,15 @@ import { existsSync as existsSync5, readFileSync as readFileSync5, promises as f
 import { join as join9, basename as basename4, sep, dirname as dirname5, resolve as resolve7, relative as relative5 } from "path";
 var {Glob } = globalThis.Bun;
 import ts from "typescript";
-var traceAngularPhase = async (name, fn, metadata) => {
+var atomicWriteSequence = 0, writeTextFileAtomically = async (path, content) => {
+  const temporaryPath = `${path}.tmp.${process.pid}.${atomicWriteSequence++}`;
+  try {
+    await fs.writeFile(temporaryPath, content, "utf-8");
+    await fs.rename(temporaryPath, path);
+  } finally {
+    await fs.rm(temporaryPath, { force: true });
+  }
+}, traceAngularPhase = async (name, fn, metadata) => {
   const tracePhase = globalThis.__absoluteBuildTracePhase;
   return tracePhase ? tracePhase(`compile/angular/${name}`, fn, metadata) : await fn();
 }, readTsconfigPathAliases = () => {
@@ -4803,10 +4815,10 @@ var traceAngularPhase = async (name, fn, metadata) => {
   }
 }, writeResourceCacheFile = async (cachePath, source) => {
   await fs.mkdir(dirname5(cachePath), { recursive: true });
-  await fs.writeFile(cachePath, JSON.stringify({
+  await writeTextFileAtomically(cachePath, JSON.stringify({
     source,
     version: 1
-  }), "utf-8");
+  }));
 }, resolveResourceTransformCachePath = async (filePath, source, stylePreprocessors) => {
   const resourcePaths = collectAngularResourcePaths(source, dirname5(filePath));
   const resourceContents = await Promise.all(resourcePaths.map(async (resourcePath) => {
@@ -4992,7 +5004,7 @@ var traceAngularPhase = async (name, fn, metadata) => {
   });
   await traceAngularPhase("aot/write-output", () => Promise.all(entries.map(async ({ target, content }) => {
     await fs.mkdir(dirname5(target), { recursive: true });
-    await fs.writeFile(target, content, "utf-8");
+    await writeTextFileAtomically(target, content);
   })), { outputs: entries.length });
   return await traceAngularPhase("aot/collect-output-paths", () => entries.map(({ target }) => target), { outputs: entries.length });
 }, compileAngularFile = async (inputPath, outDir, stylePreprocessors) => compileAngularFiles([inputPath], outDir, stylePreprocessors), jitContentCache, invalidateAngularJitCache = (filePath) => {
@@ -5457,7 +5469,7 @@ ${fields}
       const processedContent = transpileAndRewrite(sourceCode, relativeDir, actualPath, importRewrites);
       const preservedInjection = await readPreservedInjection(targetPath);
       await fs.mkdir(targetDir, { recursive: true });
-      await fs.writeFile(targetPath, processedContent + preservedInjection, "utf-8");
+      await writeTextFileAtomically(targetPath, processedContent + preservedInjection);
       jitContentCache.set(cacheKey, contentHash);
     }
     allOutputs.push(targetPath);
@@ -5473,7 +5485,7 @@ ${fields}
 export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
 ` : withoutLegacyFlag;
     if (nextEntryOutput !== entryOutput) {
-      await fs.writeFile(entryOutputPath, nextEntryOutput, "utf-8");
+      await writeTextFileAtomically(entryOutputPath, nextEntryOutput);
     }
   }
   return allOutputs;
@@ -5643,7 +5655,7 @@ export const providers = [${fragments.join(", ")}];
 `;
       }
     }
-    await traceAngularPhase("wrapper/write-server-output", () => fs.writeFile(rawServerFile, rewritten, "utf-8"), { entry: resolvedEntry });
+    await traceAngularPhase("wrapper/write-server-output", () => writeTextFileAtomically(rawServerFile, rewritten), { entry: resolvedEntry });
     const relativePath = relative5(indexesDir, rawServerFile).replace(/\\/g, "/");
     const normalizedImportPath = relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     const hmrPreamble = hmr ? `window.__HMR_FRAMEWORK__ = "angular";
@@ -5667,6 +5679,7 @@ var requestContext = Object.prototype.hasOwnProperty.call(window, '__ABS_ANGULAR
 var pageHasIslands = Boolean(pageModule.__ABSOLUTE_PAGE_HAS_ISLANDS__) || Boolean(document.querySelector('[data-island="true"]'));
 var pageHasRawStreamingSlots = Boolean(document.querySelector('[data-absolute-raw-slot="true"]'));
 var pageHasStreamingSlots = Boolean(document.querySelector('[data-absolute-slot="true"]'));
+var isClientRender = window.__ABSOLUTE_PAGE_RENDER_MODE__ === 'client';
 var contextProviders = [{ provide: REQUEST_CONTEXT, useValue: requestContext }];
 // Page-level providers are injected directly into the page module's
 // server output by \`compileAngular\`'s providers-injection step
@@ -5717,13 +5730,14 @@ if (!document.querySelector(_sel)) {
 }
 
 var providers = [provideZonelessChangeDetection()];
-if (!window.__HMR_SKIP_HYDRATION__ && !pageHasIslands) {
+if (!isClientRender && !window.__HMR_SKIP_HYDRATION__ && !pageHasIslands) {
     providers.push(provideClientHydration(withHttpTransferCacheOptions(absoluteHttpTransferCacheOptions)));
 }
 delete window.__HMR_SKIP_HYDRATION__;
 providers.push.apply(providers, pageProviders);
 providers.push.apply(providers, contextProviders);
 window.__ABS_SLOT_HYDRATION_PENDING__ = pageHasRawStreamingSlots;
+var absolutePageReady = Promise.resolve();
 
 if (pageHasRawStreamingSlots) {
     window.__ABS_SLOT_HYDRATION_PENDING__ = false;
@@ -5733,7 +5747,7 @@ if (pageHasRawStreamingSlots) {
         });
     }
 } else {
-    bootstrapApplication(${componentClassName}, {
+    absolutePageReady = bootstrapApplication(${componentClassName}, {
         providers: providers
     }).then(function (appRef) {
         window.__ANGULAR_APP__ = appRef;
@@ -5743,8 +5757,17 @@ if (pageHasRawStreamingSlots) {
                 window.__ABS_SLOT_FLUSH__();
             });
         }
+        return appRef;
     });
 }
+window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
+window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
+    await absolutePageReady;
+    if (window.__ANGULAR_APP__) {
+        window.__ANGULAR_APP__.destroy();
+        window.__ANGULAR_APP__ = null;
+    }
+};
 `.trim() : `
 import '@angular/compiler';
 import { bootstrapApplication } from '@angular/platform-browser';
@@ -5763,6 +5786,7 @@ var requestContext = Object.prototype.hasOwnProperty.call(window, '__ABS_ANGULAR
 var pageHasIslands = Boolean(pageModule.__ABSOLUTE_PAGE_HAS_ISLANDS__) || Boolean(document.querySelector('[data-island="true"]'));
 var pageHasRawStreamingSlots = Boolean(document.querySelector('[data-absolute-raw-slot="true"]'));
 var pageHasStreamingSlots = Boolean(document.querySelector('[data-absolute-slot="true"]'));
+var isClientRender = window.__ABSOLUTE_PAGE_RENDER_MODE__ === 'client';
 var contextProviders = [{ provide: REQUEST_CONTEXT, useValue: requestContext }];
 // Page-level providers are injected directly into the page module's
 // server output by \`compileAngular\`'s providers-injection step
@@ -5782,11 +5806,21 @@ var absoluteHttpTransferCacheOptions = {
 
 enableProdMode();
 
+// Production mobile/client-only activation starts from AbsoluteJS's empty
+// #root shell rather than server-rendered Angular markup. Create the page's
+// actual Angular host from its compiled selector so application authors do
+// not need framework-specific mobile configuration.
+var _sel = ${componentClassName}.\u0275cmp?.selectors?.[0]?.[0] || 'ng-app';
+if (!document.querySelector(_sel)) {
+    (document.getElementById('root') || document.body).appendChild(document.createElement(_sel));
+}
+
 var providers = [provideZonelessChangeDetection()].concat(pageProviders).concat(contextProviders);
-if (!pageHasIslands) {
+if (!isClientRender && !pageHasIslands) {
     providers.unshift(provideClientHydration(withHttpTransferCacheOptions(absoluteHttpTransferCacheOptions)));
 }
 window.__ABS_SLOT_HYDRATION_PENDING__ = pageHasRawStreamingSlots;
+var absolutePageReady = Promise.resolve();
 
 if (pageHasRawStreamingSlots) {
     window.__ABS_SLOT_HYDRATION_PENDING__ = false;
@@ -5796,7 +5830,7 @@ if (pageHasRawStreamingSlots) {
         });
     }
 } else {
-    bootstrapApplication(${componentClassName}, {
+    absolutePageReady = bootstrapApplication(${componentClassName}, {
         providers: providers
     }).then(function (appRef) {
         window.__ANGULAR_APP__ = appRef;
@@ -5806,12 +5840,21 @@ if (pageHasRawStreamingSlots) {
                 window.__ABS_SLOT_FLUSH__();
             });
         }
+        return appRef;
     });
 }
+window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
+window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
+    await absolutePageReady;
+    if (window.__ANGULAR_APP__) {
+        window.__ANGULAR_APP__.destroy();
+        window.__ANGULAR_APP__ = null;
+    }
+};
 `.trim();
     const indexHash = Bun.hash(hydration).toString(BASE_36_RADIX);
     const indexUnchanged = cachedWrapper?.indexHash === indexHash;
-    await traceAngularPhase("wrapper/write-client-index", () => fs.writeFile(clientFile, hydration, "utf-8"), { entry: resolvedEntry });
+    await traceAngularPhase("wrapper/write-client-index", () => writeTextFileAtomically(clientFile, hydration), { entry: resolvedEntry });
     wrapperOutputCache.set(resolvedEntry, {
       indexHash,
       serverHash: serverContentHash
@@ -6008,7 +6051,7 @@ var provideDeterministicEnv = (options = {}) => {
 };
 // src/angular/pageHandler.ts
 init_constants();
-import { AsyncLocalStorage as AsyncLocalStorage3 } from "async_hooks";
+import { AsyncLocalStorage as AsyncLocalStorage4 } from "async_hooks";
 import { lstat, mkdir as mkdir4, readlink, symlink } from "fs/promises";
 import { basename as basename5, dirname as dirname6, join as join10, resolve as resolve8 } from "path";
 import { pathToFileURL as pathToFileURL2 } from "url";
@@ -6401,6 +6444,276 @@ var lowerAngularServerIslands = async (html) => {
 // src/angular/pageHandler.ts
 init_devRouteRegistrationCallsite();
 
+// src/core/requestContext.ts
+import { AsyncLocalStorage as AsyncLocalStorage2 } from "async_hooks";
+import { Elysia as Elysia2 } from "elysia";
+var REQUEST_STORAGE_KEY = Symbol.for("absolutejs.requestAsyncLocalStorage");
+var isAbsoluteRequestStorage = (value) => typeof value === "object" && value !== null && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";
+var getRequestStorage = () => {
+  const value = Reflect.get(globalThis, REQUEST_STORAGE_KEY);
+  return isAbsoluteRequestStorage(value) ? value : undefined;
+};
+var ensureRequestStorage = () => {
+  const existing = getRequestStorage();
+  if (existing)
+    return existing;
+  const storage = new AsyncLocalStorage2;
+  Reflect.set(globalThis, REQUEST_STORAGE_KEY, storage);
+  return storage;
+};
+var absoluteRequestContext = new Elysia2({
+  name: "absolutejs-request-context"
+}).request(({ request }) => {
+  ensureRequestStorage().enterWith({ request });
+}).as("global");
+var getCurrentAbsoluteRequest = () => getRequestStorage()?.getStore()?.request;
+var runWithAbsoluteRequest = (request, callback) => ensureRequestStorage().run({ request }, callback);
+
+// src/mobile/producerContextState.ts
+var ABSOLUTE_MOBILE_PRODUCER_STORAGE_KEY = Symbol.for("absolutejs.mobileProducerAsyncLocalStorage");
+var frameworks = new Set([
+  "angular",
+  "ember",
+  "html",
+  "htmx",
+  "react",
+  "svelte",
+  "vue"
+]);
+var isCompatibilityPage = (value) => typeof value === "object" && value !== null && ("bundleHash" in value) && typeof value.bundleHash === "string" && ("contract" in value) && typeof value.contract === "string" && ("framework" in value) && typeof value.framework === "string" && frameworks.has(value.framework) && ("pageId" in value) && typeof value.pageId === "string" && ("propsSchemaHash" in value) && typeof value.propsSchemaHash === "string";
+var getCurrentAbsoluteMobileProducerContext = () => {
+  const value = Reflect.get(globalThis, ABSOLUTE_MOBILE_PRODUCER_STORAGE_KEY);
+  if (typeof value !== "object" || value === null || !("getStore" in value) || typeof value.getStore !== "function") {
+    return;
+  }
+  const context = value.getStore();
+  if (typeof context !== "object" || context === null || !("page" in context) || !isCompatibilityPage(context.page) || !("releaseId" in context) || typeof context.releaseId !== "string") {
+    return;
+  }
+  return { page: context.page, releaseId: context.releaseId };
+};
+
+// src/mobile/pageProtocol.ts
+var ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE = "application/vnd.absolute.page+json";
+var ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION = 1;
+var BAD_REQUEST_STATUS = 400;
+var OK_STATUS = 200;
+var SERVER_ERROR_STATUS = 500;
+var UPGRADE_REQUIRED_STATUS = 426;
+var MOBILE_PAGE_REQUEST_HEADERS = {
+  appBuild: "x-absolute-mobile-app-build",
+  pageBundle: "x-absolute-mobile-page-bundle",
+  pageContracts: "x-absolute-mobile-page-contracts",
+  pageId: "x-absolute-mobile-page-id",
+  protocol: "x-absolute-mobile-protocol",
+  runtime: "x-absolute-mobile-runtime"
+};
+var parseMediaType = (value) => value.split(";", 1)[0]?.trim().toLowerCase();
+var acceptsAbsoluteMobilePage = (request) => {
+  if (!request)
+    return false;
+  return (request.headers.get("accept") ?? "").split(",").some((value) => parseMediaType(value) === ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE);
+};
+var readRequiredHeader = (request, name) => {
+  const value = request.headers.get(name)?.trim();
+  return value ? value : undefined;
+};
+var parseAbsoluteMobilePageRequest = (request) => {
+  if (!request || !acceptsAbsoluteMobilePage(request)) {
+    return { kind: "not-mobile" };
+  }
+  const protocolValue = readRequiredHeader(request, MOBILE_PAGE_REQUEST_HEADERS.protocol);
+  const runtime = readRequiredHeader(request, MOBILE_PAGE_REQUEST_HEADERS.runtime);
+  const appBuild = readRequiredHeader(request, MOBILE_PAGE_REQUEST_HEADERS.appBuild);
+  const pageBundle = readRequiredHeader(request, MOBILE_PAGE_REQUEST_HEADERS.pageBundle);
+  const pageContractsValue = readRequiredHeader(request, MOBILE_PAGE_REQUEST_HEADERS.pageContracts);
+  const pageId = readRequiredHeader(request, MOBILE_PAGE_REQUEST_HEADERS.pageId);
+  if (!protocolValue || !/^\d+$/.test(protocolValue)) {
+    return {
+      kind: "invalid",
+      message: `Missing or invalid ${MOBILE_PAGE_REQUEST_HEADERS.protocol} header.`
+    };
+  }
+  if (!runtime) {
+    return {
+      kind: "invalid",
+      message: `Missing ${MOBILE_PAGE_REQUEST_HEADERS.runtime} header.`
+    };
+  }
+  if (!appBuild) {
+    return {
+      kind: "invalid",
+      message: `Missing ${MOBILE_PAGE_REQUEST_HEADERS.appBuild} header.`
+    };
+  }
+  if (!pageBundle) {
+    return {
+      kind: "invalid",
+      message: `Missing ${MOBILE_PAGE_REQUEST_HEADERS.pageBundle} header.`
+    };
+  }
+  if (!pageContractsValue) {
+    return {
+      kind: "invalid",
+      message: `Missing ${MOBILE_PAGE_REQUEST_HEADERS.pageContracts} header.`
+    };
+  }
+  if (!pageId) {
+    return {
+      kind: "invalid",
+      message: `Missing ${MOBILE_PAGE_REQUEST_HEADERS.pageId} header.`
+    };
+  }
+  const pageContracts = [
+    ...new Set(pageContractsValue.split(",").map((value) => value.trim()).filter(Boolean))
+  ];
+  if (pageContracts.length === 0) {
+    return {
+      kind: "invalid",
+      message: `${MOBILE_PAGE_REQUEST_HEADERS.pageContracts} must contain at least one contract.`
+    };
+  }
+  return {
+    client: {
+      appBuild,
+      pageBundle,
+      pageContracts,
+      pageId,
+      protocol: Number(protocolValue),
+      runtime
+    },
+    kind: "mobile"
+  };
+};
+var responseHeaders = () => {
+  const headers = new Headers({
+    "cache-control": "no-store",
+    "content-type": `${ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE}; version=${ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION}`
+  });
+  headerVaryValues.forEach((value) => headers.append("vary", value));
+  return headers;
+};
+var headerVaryValues = [
+  "Accept",
+  MOBILE_PAGE_REQUEST_HEADERS.protocol,
+  MOBILE_PAGE_REQUEST_HEADERS.runtime,
+  MOBILE_PAGE_REQUEST_HEADERS.appBuild,
+  MOBILE_PAGE_REQUEST_HEADERS.pageBundle,
+  MOBILE_PAGE_REQUEST_HEADERS.pageContracts,
+  MOBILE_PAGE_REQUEST_HEADERS.pageId
+];
+var envelopeResponse = (response, status) => new Response(JSON.stringify({
+  protocol: ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION,
+  response
+}), { headers: responseHeaders(), status });
+var isRecord4 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var normalizeJsonValue = (value) => {
+  const serialized = JSON.stringify(value);
+  if (serialized === undefined) {
+    throw new TypeError("Mobile page props must be JSON-serializable.");
+  }
+  const parsed = JSON.parse(serialized);
+  if (!isRecord4(parsed)) {
+    throw new TypeError("Mobile page props must serialize to an object.");
+  }
+  return parsed;
+};
+var finalizeArchivedMobilePage = (context, input) => {
+  const { page } = context;
+  if (page.pageId !== input.compatibility.pageId || page.framework !== input.compatibility.framework) {
+    return envelopeResponse({
+      kind: "invalid-request",
+      message: "Archived producer page identity does not match its release artifact."
+    }, BAD_REQUEST_STATUS);
+  }
+  try {
+    const [currentRepresentation] = input.compatibility.representations;
+    if (!currentRepresentation) {
+      throw new TypeError("Mobile page has no current representation.");
+    }
+    return envelopeResponse({
+      contract: page.contract,
+      framework: page.framework,
+      kind: "page",
+      pageId: page.pageId,
+      props: normalizeJsonValue(currentRepresentation.mapProps(input.props)),
+      status: input.status ?? OK_STATUS
+    }, input.status ?? OK_STATUS);
+  } catch (error) {
+    console.error(`[Mobile] Archived producer ${context.releaseId} failed for ${page.pageId}:`, error);
+    return createAbsoluteMobilePageErrorResponse(page.pageId);
+  }
+};
+var createAbsoluteMobileInvalidRequestResponse = (message) => envelopeResponse({ kind: "invalid-request", message }, BAD_REQUEST_STATUS);
+var createAbsoluteMobilePageErrorResponse = (pageId) => envelopeResponse({
+  code: "representation-failed",
+  kind: "error",
+  pageId,
+  status: SERVER_ERROR_STATUS
+}, SERVER_ERROR_STATUS);
+var createAbsoluteMobileUpgradeResponse = (result) => envelopeResponse(result, UPGRADE_REQUIRED_STATUS);
+var finalizeAbsoluteMobilePage = (input) => {
+  const parsed = parseAbsoluteMobilePageRequest(input.request);
+  if (parsed.kind === "not-mobile")
+    return;
+  if (parsed.kind === "invalid") {
+    return envelopeResponse({ kind: "invalid-request", message: parsed.message }, BAD_REQUEST_STATUS);
+  }
+  const { client } = parsed;
+  if (client.pageId !== input.compatibility.pageId) {
+    return envelopeResponse({
+      kind: "invalid-request",
+      message: `Requested mobile page ${client.pageId} does not match ${input.compatibility.pageId}.`
+    }, BAD_REQUEST_STATUS);
+  }
+  const producerContext = getCurrentAbsoluteMobileProducerContext();
+  if (producerContext)
+    return finalizeArchivedMobilePage(producerContext, input);
+  if (client.protocol !== ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION) {
+    return envelopeResponse({
+      kind: "upgrade-required",
+      pageId: input.compatibility.pageId,
+      reason: "protocol"
+    }, UPGRADE_REQUIRED_STATUS);
+  }
+  if (!input.compatibility.runtimes.includes(client.runtime)) {
+    return envelopeResponse({
+      kind: "upgrade-required",
+      pageId: input.compatibility.pageId,
+      reason: "runtime",
+      supportedRuntimes: [...input.compatibility.runtimes]
+    }, UPGRADE_REQUIRED_STATUS);
+  }
+  const clientContracts = new Set(client.pageContracts);
+  const representation = input.compatibility.representations.find(({ contract }) => clientContracts.has(contract));
+  if (!representation) {
+    return envelopeResponse({
+      kind: "upgrade-required",
+      pageId: input.compatibility.pageId,
+      reason: "page-contract",
+      supportedContracts: input.compatibility.representations.map(({ contract }) => contract)
+    }, UPGRADE_REQUIRED_STATUS);
+  }
+  try {
+    return envelopeResponse({
+      contract: representation.contract,
+      framework: input.compatibility.framework,
+      kind: "page",
+      pageId: input.compatibility.pageId,
+      props: normalizeJsonValue(representation.mapProps(input.props)),
+      status: input.status ?? OK_STATUS
+    }, input.status ?? OK_STATUS);
+  } catch (error) {
+    console.error(`[Mobile] Failed to produce ${input.compatibility.pageId} representation ${representation.contract}:`, error);
+    return envelopeResponse({
+      code: "representation-failed",
+      kind: "error",
+      pageId: input.compatibility.pageId,
+      status: SERVER_ERROR_STATUS
+    }, SERVER_ERROR_STATUS);
+  }
+};
+
 // src/angular/ssrSanitizer.ts
 var escapeHtml2 = (str) => String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 var bypassValue = (value) => ({
@@ -6512,7 +6825,7 @@ var withRegisteredStreamingSlots = async (renderResponse, options = {}) => {
 
 // src/core/streamingSlotWarningScope.ts
 init_logger();
-import { AsyncLocalStorage as AsyncLocalStorage2 } from "async_hooks";
+import { AsyncLocalStorage as AsyncLocalStorage3 } from "async_hooks";
 var STREAMING_SLOT_WARNING_STORAGE_KEY2 = Symbol.for("absolutejs.streamingSlotWarningAsyncLocalStorage");
 var isObjectRecord4 = (value) => Boolean(value) && typeof value === "object";
 var isAsyncLocalStorage3 = (value) => isObjectRecord4(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";
@@ -6528,7 +6841,7 @@ var ensureWarningStorage = () => {
   if (existing) {
     return existing;
   }
-  const storage = new AsyncLocalStorage2;
+  const storage = new AsyncLocalStorage3;
   Reflect.set(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY2, storage);
   return storage;
 };
@@ -6570,11 +6883,11 @@ var runWithStreamingSlotWarningScope = (task, metadata) => ensureWarningStorage(
 
 // src/angular/pageHandler.ts
 init_ssrRender();
-var isRecord5 = (value) => typeof value === "object" && value !== null;
+var isRecord6 = (value) => typeof value === "object" && value !== null;
 var isAngularComponent2 = (value) => typeof value === "function";
 var componentHostsRouterOutlet = (component) => {
   const componentDef = Reflect.get(component, "\u0275cmp");
-  if (!isRecord5(componentDef))
+  if (!isRecord6(componentDef))
     return false;
   const rawDependencies = componentDef.dependencies;
   const dependencies = typeof rawDependencies === "function" ? Reflect.apply(rawDependencies, undefined, []) : rawDependencies;
@@ -6584,7 +6897,7 @@ var componentHostsRouterOutlet = (component) => {
     if (dependency === null || typeof dependency !== "object" && typeof dependency !== "function")
       return false;
     const directiveDef = Reflect.get(dependency, "\u0275dir") ?? dependency;
-    if (!isRecord5(directiveDef))
+    if (!isRecord6(directiveDef))
       return false;
     const { selectors } = directiveDef;
     return Array.isArray(selectors) && JSON.stringify(selectors).includes("router-outlet");
@@ -6614,7 +6927,7 @@ var ensureAngularCompiler = () => {
   }
   return compilerImportPromise;
 };
-var readAngularPageModule = (value) => isRecord5(value) ? value : null;
+var readAngularPageModule = (value) => isRecord6(value) ? value : null;
 var resolveAngularSsrOutDir = (projectRoot = process.cwd(), configuredOutDir = process.env.ABSOLUTE_ANGULAR_SSR_OUTDIR) => configuredOutDir ?? join10(projectRoot, ".absolutejs", "runtime", "angular-ssr");
 var createAngularRuntimeCacheBuster = () => `${Date.now().toString(BASE_36_RADIX)}.${Math.random().toString(BASE_36_RADIX).substring(2, RANDOM_ID_END_INDEX)}`;
 var existingNodeModulesLinkMatches = async (nodeModulesLink, expectedTarget) => {
@@ -6715,14 +7028,32 @@ var resolveRequestRenderUrl = (request) => {
     return "/";
   }
 };
-var angularSsrContext = new AsyncLocalStorage3;
+var angularSsrContext = new AsyncLocalStorage4;
 setSsrContextGetter(() => angularSsrContext.getStore());
 var handleAngularPageRequest = async (input) => {
   const requestId = `angular_${Date.now()}_${Math.random().toString(BASE_36_RADIX).substring(2, RANDOM_ID_END_INDEX)}`;
+  const request = input.request ?? getCurrentAbsoluteRequest();
+  const pageId = input.__absoluteMobile?.pageId ?? derivePageName(input.pagePath);
+  const currentContract = input.__absoluteMobile?.contract ?? `angular:${pageId}:${ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION}`;
+  const mobileResponse = finalizeAbsoluteMobilePage({
+    compatibility: {
+      framework: "angular",
+      pageId,
+      representations: [
+        { contract: currentContract, mapProps: (props) => props }
+      ],
+      runtimes: [String(ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION)]
+    },
+    props: isRecord6(input.requestContext) ? input.requestContext : Object.create(null),
+    request,
+    status: input.responseInit?.status
+  });
+  if (mobileResponse)
+    return mobileResponse;
   return angularSsrContext.run(requestId, async () => {
-    const spaNotFound = await renderSpaNotFound("angular", derivePageName(input.pagePath), input.request);
+    const spaNotFound = await renderSpaNotFound("angular", derivePageName(input.pagePath), request);
     if (spaNotFound)
-      return withPageCacheHeaders(spaNotFound, input.request);
+      return withPageCacheHeaders(spaNotFound, request);
     await ensureAngularCompiler();
     const userHeadTag = input.headTag ?? "<head></head>";
     const resolvedIndexPath = input.indexPath;
@@ -6730,7 +7061,7 @@ var handleAngularPageRequest = async (input) => {
     const resolvedPagePath = input.pagePath;
     const maybeRequestContext = input.requestContext;
     const responseInit = input.responseInit ?? {};
-    const resolvedUrl = resolveRequestRenderUrl(input.request);
+    const resolvedUrl = resolveRequestRenderUrl(request);
     const siblingCss = await readSiblingCss(resolvedPagePath);
     const resolvedHeadTag = injectInlineCss(userHeadTag, siblingCss);
     cacheRouteData(resolvedPagePath, {
@@ -6767,7 +7098,7 @@ var handleAngularPageRequest = async (input) => {
           ...handlerCallProviders,
           ...await buildServerAnimationProviders(usesLegacyAnimations)
         ];
-        const providers = buildProviders(deps, sanitizer, input.request, maybeRequestContext, responseInit, combinedProviders);
+        const providers = buildProviders(deps, sanitizer, request, maybeRequestContext, responseInit, combinedProviders);
         const rawHtml = await renderAngularApp(deps, PageComponent, providers, htmlString, resolvedUrl);
         const shouldProcessIslands = hasIslands || rawHtml.includes("<absolute-island");
         const htmlWithLoweredIslands = shouldProcessIslands ? await lowerAngularServerIslands(rawHtml) : rawHtml;
@@ -6775,18 +7106,18 @@ var handleAngularPageRequest = async (input) => {
         return new Response(html, withHtmlContentType(responseInit));
       };
       const pageResponse = await runWithStreamingSlotWarningScope(() => options?.collectStreamingSlots === true ? withRegisteredStreamingSlots(renderPageResponse, options) : renderPageResponse(), { handlerCallsite });
-      return withPageCacheHeaders(pageResponse, input.request);
+      return withPageCacheHeaders(pageResponse, request);
     } catch (error) {
       console.error("[SSR] Angular render error:", error);
       const pageName = derivePageName(resolvedPagePath);
       const conventionResponse = await renderConventionError("angular", pageName, error);
       if (conventionResponse) {
-        return withPageCacheHeaders(conventionResponse, input.request);
+        return withPageCacheHeaders(conventionResponse, request);
       }
       return withPageCacheHeaders(new Response(ssrErrorPage("angular", error), {
         headers: { "Content-Type": "text/html" },
         status: 500
-      }), input.request);
+      }), request);
     }
   });
 };
@@ -6812,5 +7143,5 @@ export {
   ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER
 };
 
-//# debugId=61E1DD96B8611B8364756E2164756E21
+//# debugId=E479518984C3318364756E2164756E21
 //# sourceMappingURL=server.js.map