@absolutejs/absolute 0.20.0-beta.54 → 0.20.0-beta.56

package/dist/build.js

@@ -811,10 +811,14 @@ var indexContentCache, resolveDevClientDir = () => {
     ] : [];
     const reactImports = isDev ? [
       `import { hydrateRoot, createRoot } from 'react-dom/client';`,
-      `import { createElement, Component } from 'react';`
+      `import { flushSync } from 'react-dom';`,
+      `import { createElement, Component } from 'react';`,
+      `import { prepareBrowserTranslationHydration } from '@absolutejs/absolute/client';`
     ] : [
       `import { hydrateRoot, createRoot } from 'react-dom/client';`,
-      `import { createElement } from 'react';`
+      `import { flushSync } from 'react-dom';`,
+      `import { createElement } from 'react';`,
+      `import { prepareBrowserTranslationHydration } from '@absolutejs/absolute/client';`
     ];
     const errorBoundaryDef = isDev ? [
       `
@@ -1009,8 +1013,10 @@ var indexContentCache, resolveDevClientDir = () => {
       `		root.render(${isDev ? `createElement(ErrorBoundary, null, createElement(PageComponent, mergedProps))` : `createElement(PageComponent, mergedProps)`});`,
       `		window.__REACT_ROOT__ = root;`,
       `	} else {`,
+      `	const restoreTranslation = prepareBrowserTranslationHydration(container);`,
       `	try {`,
       `		// Use onRecoverableError to catch hydration errors (React 19)`,
+      `		const startHydration = () => {`,
       `		root = hydrateRoot(`,
       `			container,`,
       `			${isDev ? `createElement(ErrorBoundary, null, createElement(PageComponent, mergedProps))` : `createElement(PageComponent, mergedProps)`},`,
@@ -1047,8 +1053,13 @@ var indexContentCache, resolveDevClientDir = () => {
       `				}`,
       `			}`,
       `		);`,
+      `		};`,
+      `		if (restoreTranslation.hasTranslation) flushSync(startHydration);`,
+      `		else startHydration();`,
+      `		restoreTranslation();`,
       `		window.__REACT_ROOT__ = root;`,
       `	} catch (error) {`,
+      `		restoreTranslation();`,
       `		// Catch synchronous errors (shouldn't happen with hydrateRoot, but safety net)`,
       `		if (isDev && isHydrationError(error)) {`,
       `			handleHydrationFallback(error);`,
@@ -2180,6 +2191,20 @@ var init_registerClientScript = __esm(() => {
   }
 });
 
+// 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/httpTransferCache.ts
 var ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER = "x-skip-transfer-cache", buildAbsoluteHttpTransferCacheOptions = (options = {}) => {
   const {
@@ -2232,7 +2257,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));
@@ -2268,6 +2293,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
 };
 var init_ssrRender = __esm(() => {
   init_registerClientScript();
+  init_browserTranslation();
   routeContextCache = new Map;
   selectorCache = new Map;
 });
@@ -12886,7 +12912,7 @@ import { existsSync as existsSync20, readFileSync as readFileSync13 } from "fs";
 import { extname as extname7, join as join24, relative as relative11, resolve as resolve20 } from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
 import ts8 from "typescript";
-var DEVICES_PACKAGE = "@absolutejs/devices", ADAPTERS, SOURCE_GLOB, IGNORED_DIRECTORIES, IDENTIFIER_PATTERN, providerModulePattern = (provider) => new RegExp(`^@absolutejs/devices-${provider}/[a-z][a-z0-9-]*$`, "u"), providerPackagePattern = (provider) => provider === "capacitor" ? /^@capacitor\/[a-z][a-z0-9-]*@\d+\.\d+\.\d+$/u : /^(?:expo-[a-z][a-z0-9-]*|@react-native-[a-z0-9-]+\/[a-z][a-z0-9-]*)@\d+\.\d+\.\d+$/u, providerLabel = (provider) => provider === "capacitor" ? "Capacitor" : "Expo", ANDROID_PERMISSION_PATTERN, IOS_USAGE_DESCRIPTIONS, IOS_PRIVACY_ACCESSED_API_REASONS, IOS_PRIVACY_ACCESSED_APIS, object = (value) => typeof value === "object" && value !== null && !Array.isArray(value), readJson = (path) => {
+var DEVICES_PACKAGE = "@absolutejs/devices", ABSOLUTE_MOBILE_SHELL_DEVICE_CAPABILITIES, ADAPTERS, SOURCE_GLOB, IGNORED_DIRECTORIES, IDENTIFIER_PATTERN, providerModulePattern = (provider) => new RegExp(`^@absolutejs/devices-${provider}/[a-z][a-z0-9-]*$`, "u"), providerPackagePattern = (provider) => provider === "capacitor" ? /^@capacitor\/[a-z][a-z0-9-]*@\d+\.\d+\.\d+$/u : /^(?:expo-[a-z][a-z0-9-]*|@react-native-[a-z0-9-]+\/[a-z][a-z0-9-]*)@\d+\.\d+\.\d+$/u, providerLabel = (provider) => provider === "capacitor" ? "Capacitor" : "Expo", ANDROID_PERMISSION_PATTERN, IOS_USAGE_DESCRIPTIONS, IOS_PRIVACY_ACCESSED_API_REASONS, IOS_PRIVACY_ACCESSED_APIS, object = (value) => typeof value === "object" && value !== null && !Array.isArray(value), readJson = (path) => {
   const value = JSON.parse(readFileSync13(path, "utf8"));
   if (!object(value))
     throw new TypeError(`${path} must contain an object.`);
@@ -13117,6 +13143,11 @@ var DEVICES_PACKAGE = "@absolutejs/devices", ADAPTERS, SOURCE_GLOB, IGNORED_DIRE
 }, resolveAbsoluteDeviceCapabilityPlan = (projectRoot, provider = "capacitor") => {
   const allProviders = loadAbsoluteDeviceCapabilityProviders(projectRoot, provider);
   const capabilities = discoverAbsoluteDeviceCapabilities(projectRoot, allProviders);
+  for (const capability of ABSOLUTE_MOBILE_SHELL_DEVICE_CAPABILITIES) {
+    if (allProviders[capability] && !capabilities.includes(capability))
+      capabilities.push(capability);
+  }
+  capabilities.sort();
   const providers = {};
   for (const name of capabilities) {
     const capabilityProvider = allProviders[name];
@@ -13132,6 +13163,10 @@ var DEVICES_PACKAGE = "@absolutejs/devices", ADAPTERS, SOURCE_GLOB, IGNORED_DIRE
   };
 };
 var init_deviceCapabilities = __esm(() => {
+  ABSOLUTE_MOBILE_SHELL_DEVICE_CAPABILITIES = [
+    "keyboard",
+    "systemBars"
+  ];
   ADAPTERS = {
     capacitor: "@absolutejs/devices-capacitor",
     expo: "@absolutejs/devices-expo"
@@ -14669,6 +14704,7 @@ import "${hmrClientPath3}";
 ` : "";
     const bootstrap = `${hmrImports}import Component from "${importPath}";
 import { hydrate, mount, unmount } from "svelte";
+import { prepareBrowserTranslationHydration } from "@absolutejs/absolute/client";
 
 var initialProps = (typeof window !== "undefined" && window.__INITIAL_PROPS__) ? window.__INITIAL_PROPS__ : {};
 var isHMR = typeof window !== "undefined" && window.__SVELTE_COMPONENT__ !== undefined;
@@ -14713,7 +14749,12 @@ if (isHMR) {
 } else if (isSsrDirty || hasIslandHtml) {
   component = mount(Component, { target, props: initialProps });
 } else {
-  component = hydrate(Component, { target, props: initialProps });
+  var restoreTranslation = prepareBrowserTranslationHydration(target);
+  try {
+    component = hydrate(Component, { target, props: initialProps });
+  } finally {
+    restoreTranslation();
+  }
 }
 
 if (typeof window !== "undefined") {
@@ -15656,6 +15697,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
       ...vueHmrImports,
       `import Comp, * as PageModule from "${relative13(dirname17(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
       'import { createSSRApp, createApp } from "vue";',
+      'import { prepareBrowserTranslationHydration } from "@absolutejs/absolute/vue";',
       "",
       "// HMR State Preservation: Check for preserved state from HMR",
       'let preservedState = (typeof window !== "undefined" && window.__HMR_PRESERVED_STATE__) ? window.__HMR_PRESERVED_STATE__ : {};',
@@ -15718,7 +15760,14 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
       "      url: clientUrl",
       "    });",
       "  }",
-      '  app.mount("#root");',
+      "  const restoreBrowserTranslation = shouldHydrate",
+      '    ? prepareBrowserTranslationHydration(document.querySelector("#root"))',
+      "    : () => undefined;",
+      "  try {",
+      '    app.mount("#root");',
+      "  } finally {",
+      "    restoreBrowserTranslation();",
+      "  }",
       "}",
       "const absolutePageReady = bootstrapApp();",
       "",
@@ -17479,6 +17528,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
@@ -17542,8 +17592,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);
@@ -17570,7 +17622,7 @@ if (pageHasRawStreamingSlots) {
             });
         }
         return appRef;
-    });
+    }).finally(restoreTranslation);
 }
 window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
 window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
@@ -17586,6 +17638,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
@@ -17628,8 +17681,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();
@@ -17653,7 +17708,7 @@ if (pageHasRawStreamingSlots) {
             });
         }
         return appRef;
-    });
+    }).finally(restoreTranslation);
 }
 window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
 window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
@@ -26792,7 +26847,7 @@ var resolveRequestPathname = (request) => {
 }, buildHtmlShell = (headTag, bodyContent, indexPath, props, hmrShim) => {
   const propsScript = `window.__INITIAL_PROPS__=${JSON.stringify(props ?? {})};`;
   const indexImport = indexPath ? `<script type="module" src="${indexPath}"></script>` : "";
-  return `<!DOCTYPE html><html>${headTag}<body>` + `<div id="ember-root">${bodyContent}</div>` + `<script>${propsScript}</script>${indexImport}${hmrShim}</body></html>`;
+  return injectBrowserTranslationBaseline(`<!DOCTYPE html><html>${headTag}<body>` + `<div id="ember-root">${bodyContent}</div>` + `<script>${propsScript}</script>${indexImport}${hmrShim}</body></html>`);
 }, cachedEmberHmrShim = null, getEmberHmrShim = () => {
   if (cachedEmberHmrShim)
     return cachedEmberHmrShim;
@@ -26829,6 +26884,7 @@ var resolveRequestPathname = (request) => {
 };
 var init_pageHandler = __esm(() => {
   init_pageResponseCache();
+  init_browserTranslation();
 });
 
 // src/ember/index.ts
@@ -30401,5 +30457,5 @@ export {
   devBuild
 };
 
-//# debugId=3CE370EE4B6900BE64756E2164756E21
+//# debugId=4EDBC695914C265064756E2164756E21
 //# sourceMappingURL=build.js.map