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

package/dist/src/core/browserTranslation.d.ts

@@ -0,0 +1,6 @@
+/** Inline this after SSR markup and before any client entry executes. The
+ * snapshot records server-authored text while keeping it out of the DOM, so
+ * browser translation remains free to edit the rendered text. */
+export declare const BROWSER_TRANSLATION_BASELINE_SCRIPT: string;
+export declare const browserTranslationBaselineTag: () => string;
+export declare const injectBrowserTranslationBaseline: (html: string) => string;

package/dist/src/ember/browser.d.ts

@@ -1,19 +1,3 @@
-/**
- * Phase 1 Ember client entry.
- *
- * The page index file (emitted by the build) imports this module and
- * the user's compiled page module. We mount the page component into
- * `#ember-root` using the same `renderComponent` API SSR used — Ember
- * Router's hydration story is post-Phase-1 work; for v1 we re-render
- * client-side over the SSR'd HTML.
- *
- * `@ember/renderer` is loaded dynamically rather than via static import
- * because (a) the AbsoluteJS framework typecheck shouldn't require
- * ember-source as a dep, and (b) the resolved URL at runtime is
- * `/ember/vendor/ember_renderer.js` (the vendor build's output) rather
- * than the bare specifier — only the user's bundle pass knows which
- * mapping to apply.
- */
 declare global {
     interface Window {
         __INITIAL_PROPS__?: Record<string, unknown>;

package/dist/src/vue/browser.d.ts

@@ -1,6 +1,7 @@
 export { Island } from './Island.browser';
 export { createTypedIsland } from './createIsland.browser';
 export { useIslandStore } from './useIslandStore';
+export { captureSsrTextBaselines, prepareBrowserTranslationHydration, preserveBrowserTranslation } from './browserTranslation';
 export { defineRoutes, defineVueSetupApp } from './defineVuePage';
 export { applyVueRouterRedirect } from './routerRedirectProviders';
 export type { VueAutoRouter, VueRouteRecord, VueRoutes, VueSetupApp, VueSetupAppContext } from '../../types/vue';

package/dist/src/vue/browserTranslation.d.ts

@@ -0,0 +1,5 @@
+import type { HydrationStrategy } from 'vue';
+export { captureSsrTextBaselines, prepareBrowserTranslationHydration } from '../client/browserTranslation';
+/** Wrap a Vue lazy-hydration strategy so text changed by browser translation
+ * after the SSR snapshot neither triggers a mismatch nor gets reset. */
+export declare const preserveBrowserTranslation: (strategy: HydrationStrategy) => HydrationStrategy;

package/dist/src/vue/index.d.ts

@@ -5,6 +5,7 @@ export type { VueAutoRouter, VueRouteRecord, VueRoutes, VueSetupApp, VueSetupApp
 export { Island } from './Island';
 export { createTypedIsland } from './createIsland';
 export { useIslandStore } from './useIslandStore';
+export { captureSsrTextBaselines, prepareBrowserTranslationHydration, preserveBrowserTranslation } from './browserTranslation';
 export { Image } from './components/Image';
 export { StreamSlot, SuspenseSlot } from './components';
 export { useResource } from './useResource';

package/dist/svelte/index.js

@@ -2466,6 +2466,20 @@ var init_spaRouteManifest = __esm(() => {
   init_resolveConvention();
 });
 
+// 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/svelte/renderToReadableStream.ts
 var exports_renderToReadableStream = {};
 __export(exports_renderToReadableStream, {
@@ -2901,7 +2915,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));
@@ -2937,6 +2951,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
 };
 var init_ssrRender = __esm(() => {
   init_registerClientScript();
+  init_browserTranslation();
   routeContextCache = new Map;
   selectorCache = new Map;
 });
@@ -4795,6 +4810,7 @@ var runWithStreamingSlotWarningScope = (task, metadata) => ensureWarningStorage(
 init_inlinePageCss();
 init_spaRouteManifest();
 init_resolveConvention();
+init_browserTranslation();
 var isRecord3 = (value) => typeof value === "object" && value !== null;
 var isGenericSvelteComponent = (value) => typeof value === "function" || isRecord3(value);
 var readHasIslands = (value) => {
@@ -4899,7 +4915,7 @@ var handleSveltePageRequest = async (input) => {
       const composedHeadContent = `${cssBlock}${resolvedOptions?.headContent ?? ""}`;
       const stream = await renderToReadableStream2(resolvedPage.component, resolvedProps, {
         bodyContent: resolvedOptions?.bodyContent,
-        bootstrapScriptContent: `window.__ABS_SLOT_HYDRATION_PENDING__=true;window.__INITIAL_PROPS__=${JSON.stringify(resolvedProps)};${resolvedIndexPath ? `import(${JSON.stringify(resolvedIndexPath)});` : ""}`,
+        bootstrapScriptContent: `${BROWSER_TRANSLATION_BASELINE_SCRIPT}window.__ABS_SLOT_HYDRATION_PENDING__=true;window.__INITIAL_PROPS__=${JSON.stringify(resolvedProps)};${resolvedIndexPath ? `import(${JSON.stringify(resolvedIndexPath)});` : ""}`,
         headContent: composedHeadContent
       });
       const htmlStream = injectIslandPageContextStream(stream, {
@@ -5071,5 +5087,5 @@ export {
   useIslandStore
 };
 
-//# debugId=7A8AED3F56517C4464756E2164756E21
+//# debugId=907A498851BFBA5664756E2164756E21
 //# sourceMappingURL=index.js.map