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

package/dist/index.js

@@ -6882,6 +6882,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 {
@@ -6934,7 +6948,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));
@@ -6970,6 +6984,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
 };
 var init_ssrRender = __esm(() => {
   init_registerClientScript();
+  init_browserTranslation();
   routeContextCache = new Map;
   selectorCache = new Map;
 });
@@ -10308,10 +10323,14 @@ var indexContentCache, resolveDevClientDir = () => {
     ] : [];
     const reactImports = isDev2 ? [
       `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 = isDev2 ? [
       `
@@ -10506,8 +10525,10 @@ var indexContentCache, resolveDevClientDir = () => {
       `		root.render(${isDev2 ? `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,`,
       `			${isDev2 ? `createElement(ErrorBoundary, null, createElement(PageComponent, mergedProps))` : `createElement(PageComponent, mergedProps)`},`,
@@ -10544,8 +10565,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);`,
@@ -13395,7 +13421,7 @@ import { existsSync as existsSync23, readFileSync as readFileSync17 } from "fs";
 import { extname as extname7, join as join29, relative as relative11, resolve as resolve25 } 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(readFileSync17(path, "utf8"));
   if (!object(value))
     throw new TypeError(`${path} must contain an object.`);
@@ -13626,6 +13652,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];
@@ -13641,6 +13672,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"
@@ -15101,6 +15136,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;
@@ -15145,7 +15181,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") {
@@ -16088,6 +16129,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
       ...vueHmrImports,
       `import Comp, * as PageModule from "${relative13(dirname20(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__ : {};',
@@ -16150,7 +16192,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();",
       "",
@@ -17911,6 +17960,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
@@ -17974,8 +18024,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);
@@ -18002,7 +18054,7 @@ if (pageHasRawStreamingSlots) {
             });
         }
         return appRef;
-    });
+    }).finally(restoreTranslation);
 }
 window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
 window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
@@ -18018,6 +18070,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
@@ -18060,8 +18113,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();
@@ -18085,7 +18140,7 @@ if (pageHasRawStreamingSlots) {
             });
         }
         return appRef;
-    });
+    }).finally(restoreTranslation);
 }
 window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
 window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
@@ -26982,7 +27037,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;
@@ -27019,6 +27074,7 @@ var resolveRequestPathname = (request) => {
 };
 var init_pageHandler = __esm(() => {
   init_pageResponseCache();
+  init_browserTranslation();
 });
 
 // src/ember/index.ts
@@ -31945,230 +32001,9 @@ init_islands();
 
 // src/core/pageHandlers.ts
 init_staticIslandPages();
-var {file } = globalThis.Bun;
-
-// src/core/islandPageContext.ts
-var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient";
-var ISLAND_MARKER = 'data-island="true"';
-var MANIFEST_MARKER = "__ABSOLUTE_MANIFEST__";
-var ISLAND_STATE_MARKER = "__ABS_ISLAND_STATE__";
-var CLOSING_HEAD_TAG2 = "</head>";
-var buildIslandsHeadMarkup = (manifest) => {
-  const manifestScript = `<script>window.__ABSOLUTE_MANIFEST__ = ${JSON.stringify(manifest)}</script>`;
-  const islandStateScript = `<script>window.__ABS_ISLAND_STATE__ = ${JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {})}</script>`;
-  const bootstrapPath = manifest[BOOTSTRAP_MANIFEST_KEY];
-  const bootstrapScript = bootstrapPath ? `<script type="module" src="${bootstrapPath}"></script>` : "";
-  return `${manifestScript}${islandStateScript}${bootstrapScript}`;
-};
-var injectHeadMarkup = (html, markup) => {
-  const closingHeadIndex = html.indexOf("</head>");
-  if (closingHeadIndex >= 0) {
-    return `${html.slice(0, closingHeadIndex)}${markup}${html.slice(closingHeadIndex)}`;
-  }
-  const openingBodyIndex = html.indexOf("<body");
-  if (openingBodyIndex >= 0) {
-    const bodyStart = html.indexOf(">", openingBodyIndex);
-    if (bodyStart >= 0) {
-      return `${html.slice(0, openingBodyIndex)}<head>${markup}</head>${html.slice(openingBodyIndex)}`;
-    }
-  }
-  return `<!DOCTYPE html><html><head>${markup}</head><body>${html}</body></html>`;
-};
-var streamChunkToString2 = (value, decoder) => typeof value === "string" ? value : decoder.decode(value, { stream: true });
-var flushSafePendingText = (controller, encoder, pending, lookbehind) => {
-  if (pending.length <= lookbehind) {
-    return pending;
-  }
-  const safeText = pending.slice(0, pending.length - lookbehind);
-  controller.enqueue(encoder.encode(safeText));
-  return pending.slice(-lookbehind);
-};
-var updateInjectedState = (consumed, injected, pending) => {
-  if (consumed.done) {
-    return { done: true, injected, pending };
-  }
-  return {
-    done: false,
-    injected: consumed.injected,
-    pending: consumed.pending
-  };
-};
-var readStreamChunk = async (reader) => {
-  const { done, value } = await reader.read();
-  if (done || !value) {
-    return { done, value: undefined };
-  }
-  return { done, value };
-};
-var pipeStreamWithHeadInjection = (stream, markup) => {
-  const encoder = new TextEncoder;
-  const decoder = new TextDecoder;
-  const lookbehind = CLOSING_HEAD_TAG2.length - 1;
-  const processPending = (controller, pending, injected) => {
-    if (injected) {
-      controller.enqueue(encoder.encode(pending));
-      return { injected, pending: "" };
-    }
-    const headIndex = pending.indexOf(CLOSING_HEAD_TAG2);
-    if (headIndex >= 0) {
-      const next = `${pending.slice(0, headIndex)}${markup}${pending.slice(headIndex)}`;
-      controller.enqueue(encoder.encode(next));
-      return { injected: true, pending: "" };
-    }
-    return {
-      injected,
-      pending: flushSafePendingText(controller, encoder, pending, lookbehind)
-    };
-  };
-  const finishHeadInjectionStream = (controller, pending, injected) => {
-    let finalPending = pending + decoder.decode();
-    if (!injected) {
-      finalPending = injectHeadMarkup(finalPending, markup);
-    }
-    if (finalPending.length > 0) {
-      controller.enqueue(encoder.encode(finalPending));
-    }
-    controller.close();
-  };
-  const consumeHeadChunk = async (controller, reader, pending, injected) => {
-    const { done, value } = await readStreamChunk(reader);
-    if (done || !value) {
-      return { done, injected, pending };
-    }
-    const processed = processPending(controller, pending + streamChunkToString2(value, decoder), injected);
-    return {
-      done,
-      injected: processed.injected,
-      pending: processed.pending
-    };
-  };
-  const runHeadInjectionLoop = async (controller, reader) => {
-    const consumeNextHeadChunk = async (injected, pending) => {
-      const consumed = await consumeHeadChunk(controller, reader, pending, injected);
-      const nextState = updateInjectedState(consumed, injected, pending);
-      if (nextState.done) {
-        return { injected, pending };
-      }
-      return consumeNextHeadChunk(nextState.injected, nextState.pending);
-    };
-    return consumeNextHeadChunk(false, "");
-  };
-  return new ReadableStream({
-    async start(controller) {
-      const reader = stream.getReader();
-      try {
-        const { injected, pending } = await runHeadInjectionLoop(controller, reader);
-        finishHeadInjectionStream(controller, pending, injected);
-      } catch (error) {
-        controller.error(error);
-      }
-    }
-  });
-};
-var pipeStreamWithIslandMarkerDetection = (stream, markup) => {
-  const encoder = new TextEncoder;
-  const decoder = new TextDecoder;
-  const headLookbehind = CLOSING_HEAD_TAG2.length - 1;
-  const enqueue = (controller, text) => {
-    if (text.length > 0) {
-      controller.enqueue(encoder.encode(text));
-    }
-  };
-  const processHolding = (controller, held) => {
-    if (!held.includes(ISLAND_MARKER)) {
-      return { held, injected: false, pending: "", sawHead: true };
-    }
-    enqueue(controller, `${markup}${held}`);
-    return { held: "", injected: true, pending: "", sawHead: true };
-  };
-  const processHead = (controller, pending) => {
-    const headIndex = pending.indexOf(CLOSING_HEAD_TAG2);
-    if (headIndex < 0) {
-      return {
-        held: "",
-        injected: false,
-        pending: flushSafePendingText(controller, encoder, pending, headLookbehind),
-        sawHead: false
-      };
-    }
-    enqueue(controller, pending.slice(0, headIndex));
-    return processHolding(controller, pending.slice(headIndex));
-  };
-  const processChunk = (controller, state, chunk) => {
-    if (state.injected) {
-      enqueue(controller, chunk);
-      return state;
-    }
-    if (!state.sawHead) {
-      return processHead(controller, state.pending + chunk);
-    }
-    return processHolding(controller, state.held + chunk);
-  };
-  const finishMarkerStream = (controller, state) => {
-    const tail = decoder.decode();
-    const remainder = state.injected ? tail : (state.sawHead ? state.held : state.pending) + tail;
-    enqueue(controller, remainder);
-    controller.close();
-  };
-  const runMarkerLoop = (controller, reader) => {
-    const consumeNext = async (state) => {
-      const { done, value } = await readStreamChunk(reader);
-      if (done || !value) {
-        return state;
-      }
-      return consumeNext(processChunk(controller, state, streamChunkToString2(value, decoder)));
-    };
-    return consumeNext({
-      held: "",
-      injected: false,
-      pending: "",
-      sawHead: false
-    });
-  };
-  return new ReadableStream({
-    async start(controller) {
-      const reader = stream.getReader();
-      try {
-        const finalState = await runMarkerLoop(controller, reader);
-        finishMarkerStream(controller, finalState);
-      } catch (error) {
-        controller.error(error);
-      }
-    }
-  });
-};
-var htmlContainsIslands = (html) => html.includes(ISLAND_MARKER);
-var injectIslandPageContext = (html, options) => {
-  const manifest = globalThis.__absoluteManifest;
-  const hasIslands = options?.hasIslands ?? htmlContainsIslands(html);
-  if (!manifest || !hasIslands) {
-    return html;
-  }
-  if (html.includes(MANIFEST_MARKER) || html.includes(ISLAND_STATE_MARKER)) {
-    return html;
-  }
-  return injectHeadMarkup(html, buildIslandsHeadMarkup(manifest));
-};
-var injectIslandPageContextStream = (stream, options) => {
-  const manifest = globalThis.__absoluteManifest;
-  if (!manifest)
-    return stream;
-  const markup = buildIslandsHeadMarkup(manifest);
-  if (options?.hasIslands === true) {
-    return pipeStreamWithHeadInjection(stream, markup);
-  }
-  if (options?.hasIslands === false) {
-    return stream;
-  }
-  return pipeStreamWithIslandMarkerDetection(stream, markup);
-};
-var setCurrentIslandManifest = (manifest) => {
-  globalThis.__absoluteManifest = manifest;
-};
-
-// src/core/pageHandlers.ts
 init_pageResponseCache();
 init_staticStreaming();
+var {file } = globalThis.Bun;
 
 // src/core/responseEnhancers.ts
 init_streamingSlots();
@@ -32527,7 +32362,227 @@ var finalizeAbsoluteMobilePage = (input) => {
   }
 };
 
+// src/core/islandPageContext.ts
+var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient";
+var ISLAND_MARKER = 'data-island="true"';
+var MANIFEST_MARKER = "__ABSOLUTE_MANIFEST__";
+var ISLAND_STATE_MARKER = "__ABS_ISLAND_STATE__";
+var CLOSING_HEAD_TAG2 = "</head>";
+var buildIslandsHeadMarkup = (manifest) => {
+  const manifestScript = `<script>window.__ABSOLUTE_MANIFEST__ = ${JSON.stringify(manifest)}</script>`;
+  const islandStateScript = `<script>window.__ABS_ISLAND_STATE__ = ${JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {})}</script>`;
+  const bootstrapPath = manifest[BOOTSTRAP_MANIFEST_KEY];
+  const bootstrapScript = bootstrapPath ? `<script type="module" src="${bootstrapPath}"></script>` : "";
+  return `${manifestScript}${islandStateScript}${bootstrapScript}`;
+};
+var injectHeadMarkup = (html, markup) => {
+  const closingHeadIndex = html.indexOf("</head>");
+  if (closingHeadIndex >= 0) {
+    return `${html.slice(0, closingHeadIndex)}${markup}${html.slice(closingHeadIndex)}`;
+  }
+  const openingBodyIndex = html.indexOf("<body");
+  if (openingBodyIndex >= 0) {
+    const bodyStart = html.indexOf(">", openingBodyIndex);
+    if (bodyStart >= 0) {
+      return `${html.slice(0, openingBodyIndex)}<head>${markup}</head>${html.slice(openingBodyIndex)}`;
+    }
+  }
+  return `<!DOCTYPE html><html><head>${markup}</head><body>${html}</body></html>`;
+};
+var streamChunkToString2 = (value, decoder) => typeof value === "string" ? value : decoder.decode(value, { stream: true });
+var flushSafePendingText = (controller, encoder, pending, lookbehind) => {
+  if (pending.length <= lookbehind) {
+    return pending;
+  }
+  const safeText = pending.slice(0, pending.length - lookbehind);
+  controller.enqueue(encoder.encode(safeText));
+  return pending.slice(-lookbehind);
+};
+var updateInjectedState = (consumed, injected, pending) => {
+  if (consumed.done) {
+    return { done: true, injected, pending };
+  }
+  return {
+    done: false,
+    injected: consumed.injected,
+    pending: consumed.pending
+  };
+};
+var readStreamChunk = async (reader) => {
+  const { done, value } = await reader.read();
+  if (done || !value) {
+    return { done, value: undefined };
+  }
+  return { done, value };
+};
+var pipeStreamWithHeadInjection = (stream, markup) => {
+  const encoder = new TextEncoder;
+  const decoder = new TextDecoder;
+  const lookbehind = CLOSING_HEAD_TAG2.length - 1;
+  const processPending = (controller, pending, injected) => {
+    if (injected) {
+      controller.enqueue(encoder.encode(pending));
+      return { injected, pending: "" };
+    }
+    const headIndex = pending.indexOf(CLOSING_HEAD_TAG2);
+    if (headIndex >= 0) {
+      const next = `${pending.slice(0, headIndex)}${markup}${pending.slice(headIndex)}`;
+      controller.enqueue(encoder.encode(next));
+      return { injected: true, pending: "" };
+    }
+    return {
+      injected,
+      pending: flushSafePendingText(controller, encoder, pending, lookbehind)
+    };
+  };
+  const finishHeadInjectionStream = (controller, pending, injected) => {
+    let finalPending = pending + decoder.decode();
+    if (!injected) {
+      finalPending = injectHeadMarkup(finalPending, markup);
+    }
+    if (finalPending.length > 0) {
+      controller.enqueue(encoder.encode(finalPending));
+    }
+    controller.close();
+  };
+  const consumeHeadChunk = async (controller, reader, pending, injected) => {
+    const { done, value } = await readStreamChunk(reader);
+    if (done || !value) {
+      return { done, injected, pending };
+    }
+    const processed = processPending(controller, pending + streamChunkToString2(value, decoder), injected);
+    return {
+      done,
+      injected: processed.injected,
+      pending: processed.pending
+    };
+  };
+  const runHeadInjectionLoop = async (controller, reader) => {
+    const consumeNextHeadChunk = async (injected, pending) => {
+      const consumed = await consumeHeadChunk(controller, reader, pending, injected);
+      const nextState = updateInjectedState(consumed, injected, pending);
+      if (nextState.done) {
+        return { injected, pending };
+      }
+      return consumeNextHeadChunk(nextState.injected, nextState.pending);
+    };
+    return consumeNextHeadChunk(false, "");
+  };
+  return new ReadableStream({
+    async start(controller) {
+      const reader = stream.getReader();
+      try {
+        const { injected, pending } = await runHeadInjectionLoop(controller, reader);
+        finishHeadInjectionStream(controller, pending, injected);
+      } catch (error) {
+        controller.error(error);
+      }
+    }
+  });
+};
+var pipeStreamWithIslandMarkerDetection = (stream, markup) => {
+  const encoder = new TextEncoder;
+  const decoder = new TextDecoder;
+  const headLookbehind = CLOSING_HEAD_TAG2.length - 1;
+  const enqueue = (controller, text) => {
+    if (text.length > 0) {
+      controller.enqueue(encoder.encode(text));
+    }
+  };
+  const processHolding = (controller, held) => {
+    if (!held.includes(ISLAND_MARKER)) {
+      return { held, injected: false, pending: "", sawHead: true };
+    }
+    enqueue(controller, `${markup}${held}`);
+    return { held: "", injected: true, pending: "", sawHead: true };
+  };
+  const processHead = (controller, pending) => {
+    const headIndex = pending.indexOf(CLOSING_HEAD_TAG2);
+    if (headIndex < 0) {
+      return {
+        held: "",
+        injected: false,
+        pending: flushSafePendingText(controller, encoder, pending, headLookbehind),
+        sawHead: false
+      };
+    }
+    enqueue(controller, pending.slice(0, headIndex));
+    return processHolding(controller, pending.slice(headIndex));
+  };
+  const processChunk = (controller, state, chunk) => {
+    if (state.injected) {
+      enqueue(controller, chunk);
+      return state;
+    }
+    if (!state.sawHead) {
+      return processHead(controller, state.pending + chunk);
+    }
+    return processHolding(controller, state.held + chunk);
+  };
+  const finishMarkerStream = (controller, state) => {
+    const tail = decoder.decode();
+    const remainder = state.injected ? tail : (state.sawHead ? state.held : state.pending) + tail;
+    enqueue(controller, remainder);
+    controller.close();
+  };
+  const runMarkerLoop = (controller, reader) => {
+    const consumeNext = async (state) => {
+      const { done, value } = await readStreamChunk(reader);
+      if (done || !value) {
+        return state;
+      }
+      return consumeNext(processChunk(controller, state, streamChunkToString2(value, decoder)));
+    };
+    return consumeNext({
+      held: "",
+      injected: false,
+      pending: "",
+      sawHead: false
+    });
+  };
+  return new ReadableStream({
+    async start(controller) {
+      const reader = stream.getReader();
+      try {
+        const finalState = await runMarkerLoop(controller, reader);
+        finishMarkerStream(controller, finalState);
+      } catch (error) {
+        controller.error(error);
+      }
+    }
+  });
+};
+var htmlContainsIslands = (html) => html.includes(ISLAND_MARKER);
+var injectIslandPageContext = (html, options) => {
+  const manifest = globalThis.__absoluteManifest;
+  const hasIslands = options?.hasIslands ?? htmlContainsIslands(html);
+  if (!manifest || !hasIslands) {
+    return html;
+  }
+  if (html.includes(MANIFEST_MARKER) || html.includes(ISLAND_STATE_MARKER)) {
+    return html;
+  }
+  return injectHeadMarkup(html, buildIslandsHeadMarkup(manifest));
+};
+var injectIslandPageContextStream = (stream, options) => {
+  const manifest = globalThis.__absoluteManifest;
+  if (!manifest)
+    return stream;
+  const markup = buildIslandsHeadMarkup(manifest);
+  if (options?.hasIslands === true) {
+    return pipeStreamWithHeadInjection(stream, markup);
+  }
+  if (options?.hasIslands === false) {
+    return stream;
+  }
+  return pipeStreamWithIslandMarkerDetection(stream, markup);
+};
+var setCurrentIslandManifest = (manifest) => {
+  globalThis.__absoluteManifest = manifest;
+};
+
 // src/core/pageHandlers.ts
+init_browserTranslation();
 var finalizeStaticMobilePage = (framework, pagePath, metadata2) => {
   const pageId = metadata2?.pageId ?? `${framework}:${pagePath}`;
   const contract = metadata2?.contract ?? `${framework}:${pageId}:${ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION}`;
@@ -32545,7 +32600,8 @@ var finalizeStaticMobilePage = (framework, pagePath, metadata2) => {
 var handleStaticPageRequest = async (pagePath, options = {}, settings = {}) => {
   const html = await file(pagePath).text();
   const transformedHtml = await transformCurrentStaticPageHtml(html, settings);
-  return withPageCacheHeaders(await withStreamingSlots(new Response(injectIslandPageContext(transformedHtml), {
+  const htmlWithTranslationBaseline = htmlContainsIslands(transformedHtml) ? injectBrowserTranslationBaseline(transformedHtml) : transformedHtml;
+  return withPageCacheHeaders(await withStreamingSlots(new Response(injectIslandPageContext(htmlWithTranslationBaseline), {
     headers: { "Content-Type": "text/html" }
   }), {
     ...options,
@@ -41114,5 +41170,5 @@ export {
   wrapPageHandlerWithStreamingSlots
 };
 
-//# debugId=B3A531CE0B0E139B64756E2164756E21
+//# debugId=76612B71C292527964756E2164756E21
 //# sourceMappingURL=index.js.map