@absolutejs/absolute 0.20.0-beta.6 → 0.20.0-beta.61

package/dist/angular/server.js

@@ -19,12 +19,14 @@ var __toESM = (mod, isNodeMode, target) => {
   }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
   const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
+  if (mod && typeof mod === "object" || typeof mod === "function") {
+    for (let key of __getOwnPropNames(mod))
+      if (!__hasOwnProp.call(to, key))
+        __defProp(to, key, {
+          get: __accessProp.bind(mod, key),
+          enumerable: true
+        });
+  }
   if (canCache)
     cache.set(mod, to);
   return to;
@@ -865,6 +867,20 @@ var requireCurrentIslandRegistry = () => {
   globalThis.__absoluteIslandRegistry = registry;
 };
 
+// src/core/browserTranslation.ts
+var BASELINE_MARKER = "__ABSOLUTE_SSR_TEXT_BASELINES__", BROWSER_TRANSLATION_BASELINE_SCRIPT, browserTranslationBaselineTag = () => `<script>${BROWSER_TRANSLATION_BASELINE_SCRIPT}</script>`, injectBrowserTranslationBaseline = (html) => {
+  if (html.includes(BASELINE_MARKER))
+    return html;
+  const script = browserTranslationBaselineTag();
+  const closingBodyIndex = html.lastIndexOf("</body>");
+  if (closingBodyIndex < 0)
+    return `${html}${script}`;
+  return `${html.slice(0, closingBodyIndex)}${script}${html.slice(closingBodyIndex)}`;
+};
+var init_browserTranslation = __esm(() => {
+  BROWSER_TRANSLATION_BASELINE_SCRIPT = "window.__ABSOLUTE_SSR_TEXT_BASELINES__=new WeakMap();" + "{const r=document.body,b=window.__ABSOLUTE_SSR_TEXT_BASELINES__;" + 'if(r)for(const e of [r,...r.querySelectorAll("*")]){' + "const t=new Map();for(const [i,n]of[...e.childNodes].entries())" + 'if(n.nodeType===3)t.set(i,n.nodeValue??"");if(t.size)b.set(e,t);}}';
+});
+
 // src/angular/requestProviders.ts
 var buildRequestProviders = (deps, request, requestContext, responseInit) => [
   { provide: deps.REQUEST, useValue: request ?? null },
@@ -902,7 +918,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
   }
   return html + snippet;
 }, injectSsrScripts = (html, requestId, indexPath, requestContext) => {
-  let result = html;
+  let result = injectBeforeClose(html, browserTranslationBaselineTag());
   const registeredScripts = getAndClearClientScripts(requestId);
   if (registeredScripts.length > 0) {
     result = injectBeforeClose(result, generateClientScriptCode(registeredScripts));
@@ -938,6 +954,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
 };
 var init_ssrRender = __esm(() => {
   init_registerClientScript();
+  init_browserTranslation();
   routeContextCache = new Map;
   selectorCache = new Map;
 });
@@ -945,10 +962,10 @@ var init_ssrRender = __esm(() => {
 // src/angular/islands.ts
 var exports_islands = {};
 __export(exports_islands, {
-  renderAngularIslandToHtml: () => renderAngularIslandToHtml,
-  mountAngularIsland: () => mountAngularIsland,
+  getAngularIslandSelector: () => getAngularIslandSelector,
   isAngularComponent: () => isAngularComponent,
-  getAngularIslandSelector: () => getAngularIslandSelector
+  mountAngularIsland: () => mountAngularIsland,
+  renderAngularIslandToHtml: () => renderAngularIslandToHtml
 });
 var angularIslandSelector = "abs-angular-island", getAngularIslandSelector = (_islandId) => angularIslandSelector, isAngularComponent = (value) => typeof value === "function", getSelectorFromRenderedIsland = (rootElement) => {
   const firstChild = rootElement.firstElementChild;
@@ -1010,8 +1027,10 @@ var angularIslandSelector = "abs-angular-island", getAngularIslandSelector = (_i
   const propsToken = new InjectionToken2(`${wrapperKey}:props`);
 
   class AngularIslandWrapperComponent {
-    component = component;
-    props = inject(propsToken);
+    constructor() {
+      this.component = component;
+      this.props = inject(propsToken);
+    }
   }
   return {
     deps,
@@ -1460,13 +1479,13 @@ var init_nativeRewrite = __esm(() => {
 // src/build/rewriteImportsPlugin.ts
 var exports_rewriteImportsPlugin = {};
 __export(exports_rewriteImportsPlugin, {
-  rewriteVendorDirectories: () => rewriteVendorDirectories,
-  rewriteImportsInContent: () => rewriteImportsInContent,
-  rewriteBuildOutputsWith: () => rewriteBuildOutputsWith,
-  rewriteBuildOutputs: () => rewriteBuildOutputs,
-  jsRewriteImports: () => jsRewriteImports,
+  buildWithImportRewrite: () => buildWithImportRewrite,
   fixMissingReExportNamespacesInContent: () => fixMissingReExportNamespacesInContent,
-  buildWithImportRewrite: () => buildWithImportRewrite
+  jsRewriteImports: () => jsRewriteImports,
+  rewriteBuildOutputs: () => rewriteBuildOutputs,
+  rewriteBuildOutputsWith: () => rewriteBuildOutputsWith,
+  rewriteImportsInContent: () => rewriteImportsInContent,
+  rewriteVendorDirectories: () => rewriteVendorDirectories
 });
 import { readdir } from "fs/promises";
 import { join as join2 } from "path";
@@ -1880,22 +1899,22 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 // src/build/stylePreprocessor.ts
 var exports_stylePreprocessor = {};
 __export(exports_stylePreprocessor, {
-  stylePreprocessorPlugin: () => stylePreprocessorPlugin,
-  recordStyleOutput: () => recordStyleOutput,
-  isStylePath: () => isStylePath,
-  isStyleModulePath: () => isStyleModulePath,
-  isPreprocessableStylePath: () => isPreprocessableStylePath,
-  getStyleBaseName: () => getStyleBaseName,
-  getCssOutputExtension: () => getCssOutputExtension,
-  forgetStyleEntry: () => forgetStyleEntry,
-  findStyleEntriesImporting: () => findStyleEntriesImporting,
-  createSvelteStylePreprocessor: () => createSvelteStylePreprocessor,
-  createStyleTransformConfig: () => createStyleTransformConfig,
-  createStylePreprocessorPlugin: () => createStylePreprocessorPlugin,
-  compileStyleSource: () => compileStyleSource,
-  compileStyleFileIfNeededSync: () => compileStyleFileIfNeededSync,
+  addStyleImporter: () => addStyleImporter,
   compileStyleFileIfNeeded: () => compileStyleFileIfNeeded,
-  addStyleImporter: () => addStyleImporter
+  compileStyleFileIfNeededSync: () => compileStyleFileIfNeededSync,
+  compileStyleSource: () => compileStyleSource,
+  createStylePreprocessorPlugin: () => createStylePreprocessorPlugin,
+  createStyleTransformConfig: () => createStyleTransformConfig,
+  createSvelteStylePreprocessor: () => createSvelteStylePreprocessor,
+  findStyleEntriesImporting: () => findStyleEntriesImporting,
+  forgetStyleEntry: () => forgetStyleEntry,
+  getCssOutputExtension: () => getCssOutputExtension,
+  getStyleBaseName: () => getStyleBaseName,
+  isPreprocessableStylePath: () => isPreprocessableStylePath,
+  isStyleModulePath: () => isStyleModulePath,
+  isStylePath: () => isStylePath,
+  recordStyleOutput: () => recordStyleOutput,
+  stylePreprocessorPlugin: () => stylePreprocessorPlugin
 });
 import { createHash } from "crypto";
 import { existsSync as existsSync3, readFileSync as readFileSync3 } from "fs";
@@ -2996,10 +3015,10 @@ var init_renderIslandMarkup = __esm(() => {
 // src/core/devRouteRegistrationCallsite.ts
 var exports_devRouteRegistrationCallsite = {};
 __export(exports_devRouteRegistrationCallsite, {
-  patchElysiaRouteRegistrationCallsites: () => patchElysiaRouteRegistrationCallsites,
-  isPageHandler: () => isPageHandler,
+  getCurrentRouteRegistrationCallsite: () => getCurrentRouteRegistrationCallsite,
   getOriginalPageHandlerSource: () => getOriginalPageHandlerSource,
-  getCurrentRouteRegistrationCallsite: () => getCurrentRouteRegistrationCallsite
+  isPageHandler: () => isPageHandler,
+  patchElysiaRouteRegistrationCallsites: () => patchElysiaRouteRegistrationCallsites
 });
 import { AsyncLocalStorage } from "async_hooks";
 import { Elysia } from "elysia";
@@ -3854,6 +3873,7 @@ var colors, MONTHS, formatTimestamp = () => {
     port,
     host,
     networkUrl,
+    mobilePreviewUrl,
     protocol = "http"
   } = options;
   const name = `${colors.cyan}${colors.bold}ABSOLUTEJS${colors.reset}`;
@@ -3867,6 +3887,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(() => {
@@ -4517,8 +4540,8 @@ var init_lowerDeferSyntax = __esm(() => {
 // src/utils/generatedDir.ts
 var exports_generatedDir = {};
 __export(exports_generatedDir, {
-  getGeneratedRoot: () => getGeneratedRoot,
-  getFrameworkGeneratedDir: () => getFrameworkGeneratedDir
+  getFrameworkGeneratedDir: () => getFrameworkGeneratedDir,
+  getGeneratedRoot: () => getGeneratedRoot
 });
 import { join as join8 } from "path";
 var GENERATED_DIR_NAME = "generated", ABSOLUTE_CACHE_DIR_NAME = ".absolutejs", getFrameworkGeneratedDir = (framework, projectRoot = process.cwd()) => join8(getGeneratedRoot(projectRoot), framework), getGeneratedRoot = (projectRoot = process.cwd()) => join8(projectRoot, ABSOLUTE_CACHE_DIR_NAME, GENERATED_DIR_NAME);
@@ -4527,17 +4550,25 @@ var init_generatedDir = () => {};
 // src/build/compileAngular.ts
 var exports_compileAngular = {};
 __export(exports_compileAngular, {
-  invalidateAngularJitCache: () => invalidateAngularJitCache,
-  compileAngularFiles: () => compileAngularFiles,
-  compileAngularFileJIT: () => compileAngularFileJIT,
+  compileAngular: () => compileAngular,
   compileAngularFile: () => compileAngularFile,
-  compileAngular: () => compileAngular
+  compileAngularFileJIT: () => compileAngularFileJIT,
+  compileAngularFiles: () => compileAngularFiles,
+  invalidateAngularJitCache: () => invalidateAngularJitCache
 });
 import { existsSync as existsSync5, readFileSync as readFileSync5, promises as fs } from "fs";
 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 +4834,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 +5023,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 +5488,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 +5504,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 +5674,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";
@@ -5655,6 +5686,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { provideClientHydration } from '@angular/platform-browser';
 import { withHttpTransferCacheOptions } from '@angular/platform-browser';
 import { provideZonelessChangeDetection, REQUEST_CONTEXT } from '@angular/core';
+import { prepareBrowserTranslationHydration } from '@absolutejs/absolute/client';
 import * as pageModule from '${normalizedImportPath}';
 var ${componentClassName} = pageModule.default;
 // REQUEST_CONTEXT is hydrated from the SSR-serialized payload so client-side
@@ -5718,8 +5750,10 @@ if (!document.querySelector(_sel)) {
 }
 
 var providers = [provideZonelessChangeDetection()];
+var restoreTranslation = function() {};
 if (!isClientRender && !window.__HMR_SKIP_HYDRATION__ && !pageHasIslands) {
     providers.push(provideClientHydration(withHttpTransferCacheOptions(absoluteHttpTransferCacheOptions)));
+    restoreTranslation = prepareBrowserTranslationHydration(document.querySelector(_sel));
 }
 delete window.__HMR_SKIP_HYDRATION__;
 providers.push.apply(providers, pageProviders);
@@ -5746,7 +5780,7 @@ if (pageHasRawStreamingSlots) {
             });
         }
         return appRef;
-    });
+    }).finally(restoreTranslation);
 }
 window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
 window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
@@ -5762,6 +5796,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { provideClientHydration } from '@angular/platform-browser';
 import { withHttpTransferCacheOptions } from '@angular/platform-browser';
 import { enableProdMode, provideZonelessChangeDetection, REQUEST_CONTEXT } from '@angular/core';
+import { prepareBrowserTranslationHydration } from '@absolutejs/absolute/client';
 import * as pageModule from '${normalizedImportPath}';
 var ${componentClassName} = pageModule.default;
 // REQUEST_CONTEXT is hydrated from the SSR-serialized payload so client-side
@@ -5804,8 +5839,10 @@ if (!document.querySelector(_sel)) {
 }
 
 var providers = [provideZonelessChangeDetection()].concat(pageProviders).concat(contextProviders);
+var restoreTranslation = function() {};
 if (!isClientRender && !pageHasIslands) {
     providers.unshift(provideClientHydration(withHttpTransferCacheOptions(absoluteHttpTransferCacheOptions)));
+    restoreTranslation = prepareBrowserTranslationHydration(document.querySelector(_sel));
 }
 window.__ABS_SLOT_HYDRATION_PENDING__ = pageHasRawStreamingSlots;
 var absolutePageReady = Promise.resolve();
@@ -5829,7 +5866,7 @@ if (pageHasRawStreamingSlots) {
             });
         }
         return appRef;
-    });
+    }).finally(restoreTranslation);
 }
 window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
 window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
@@ -5842,7 +5879,7 @@ window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
 `.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
@@ -6484,6 +6521,7 @@ var getCurrentAbsoluteMobileProducerContext = () => {
 // src/mobile/pageProtocol.ts
 var ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE = "application/vnd.absolute.page+json";
 var ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION = 1;
+var ABSOLUTE_NATIVE_ROUTE_DATA_MEDIA_TYPE = "application/vnd.absolute.native-route+json";
 var BAD_REQUEST_STATUS = 400;
 var OK_STATUS = 200;
 var SERVER_ERROR_STATUS = 500;
@@ -6502,6 +6540,11 @@ var acceptsAbsoluteMobilePage = (request) => {
     return false;
   return (request.headers.get("accept") ?? "").split(",").some((value) => parseMediaType(value) === ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE);
 };
+var acceptsAbsoluteNativeRouteData = (request) => {
+  if (!request)
+    return false;
+  return (request.headers.get("accept") ?? "").split(",").some((value) => parseMediaType(value) === ABSOLUTE_NATIVE_ROUTE_DATA_MEDIA_TYPE);
+};
 var readRequiredHeader = (request, name) => {
   const value = request.headers.get(name)?.trim();
   return value ? value : undefined;
@@ -6632,6 +6675,32 @@ var finalizeArchivedMobilePage = (context, input) => {
     return createAbsoluteMobilePageErrorResponse(page.pageId);
   }
 };
+var finalizeAbsoluteNativeRouteDevelopmentPage = (input) => {
+  if (false) {}
+  if (input.request?.method !== "GET") {
+    return createAbsoluteMobileInvalidRequestResponse("Native-route data requests must use GET.");
+  }
+  if (input.request.headers.get(MOBILE_PAGE_REQUEST_HEADERS.protocol) !== String(ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION)) {
+    return createAbsoluteMobileInvalidRequestResponse(`Native-route data requires protocol ${ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION}.`);
+  }
+  const [representation] = input.compatibility.representations;
+  if (!representation) {
+    return createAbsoluteMobilePageErrorResponse(input.compatibility.pageId);
+  }
+  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 development native route ${input.compatibility.pageId}:`, error);
+    return createAbsoluteMobilePageErrorResponse(input.compatibility.pageId);
+  }
+};
 var createAbsoluteMobileInvalidRequestResponse = (message) => envelopeResponse({ kind: "invalid-request", message }, BAD_REQUEST_STATUS);
 var createAbsoluteMobilePageErrorResponse = (pageId) => envelopeResponse({
   code: "representation-failed",
@@ -6641,6 +6710,9 @@ var createAbsoluteMobilePageErrorResponse = (pageId) => envelopeResponse({
 }, SERVER_ERROR_STATUS);
 var createAbsoluteMobileUpgradeResponse = (result) => envelopeResponse(result, UPGRADE_REQUIRED_STATUS);
 var finalizeAbsoluteMobilePage = (input) => {
+  if (acceptsAbsoluteNativeRouteData(input.request)) {
+    return finalizeAbsoluteNativeRouteDevelopmentPage(input);
+  }
   const parsed = parseAbsoluteMobilePageRequest(input.request);
   if (parsed.kind === "not-mobile")
     return;
@@ -7120,16 +7192,16 @@ var withPendingTask = async (work) => {
   }
 };
 export {
-  withPendingTask,
-  provideDeterministicEnv,
-  handleAngularPageRequest,
-  createDeterministicRandom,
-  buildAbsoluteHttpTransferCacheOptions,
-  DETERMINISTIC_SEED,
-  DETERMINISTIC_RANDOM,
+  ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER,
   DETERMINISTIC_NOW,
-  ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER
+  DETERMINISTIC_RANDOM,
+  DETERMINISTIC_SEED,
+  buildAbsoluteHttpTransferCacheOptions,
+  createDeterministicRandom,
+  handleAngularPageRequest,
+  provideDeterministicEnv,
+  withPendingTask
 };
 
-//# debugId=4F398A37606C42FD64756E2164756E21
+//# debugId=DDB31A317058248664756E2164756E21
 //# sourceMappingURL=server.js.map