@absolutejs/absolute 0.20.0-beta.120 → 0.20.0-beta.122

package/dist/vue/index.js

@@ -2248,6 +2248,17 @@ var init_routeAssets = __esm(() => {
   ENTITY_RE = /&(?:amp|lt|gt|quot|#0?39);/g;
 });
 
+// src/client/browserTranslationAttributes.ts
+var TRANSLATABLE_ATTRIBUTES;
+var init_browserTranslationAttributes = __esm(() => {
+  TRANSLATABLE_ATTRIBUTES = [
+    "alt",
+    "title",
+    "placeholder",
+    "aria-label"
+  ];
+});
+
 // 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))
@@ -2259,7 +2270,8 @@ var BASELINE_MARKER = "__ABSOLUTE_SSR_TEXT_BASELINES__", BROWSER_TRANSLATION_BAS
   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);}}';
+  init_browserTranslationAttributes();
+  BROWSER_TRANSLATION_BASELINE_SCRIPT = "window.__ABSOLUTE_SSR_TEXT_BASELINES__=new WeakMap();" + "window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__=new WeakMap();" + "{const r=document.body,b=window.__ABSOLUTE_SSR_TEXT_BASELINES__," + "a=window.__ABSOLUTE_SSR_ATTRIBUTE_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);' + `const v=new Map();for(const k of ${JSON.stringify(TRANSLATABLE_ATTRIBUTES)}){` + "const s=e.getAttribute(k);if(s!==null)v.set(k,s);}if(v.size)a.set(e,v);}}";
 });
 
 // src/cli/scripts/telemetry.ts
@@ -6067,6 +6079,15 @@ var useIslandStore = (store, selector) => {
   return state;
 };
 // src/client/browserTranslation.ts
+init_browserTranslationAttributes();
+var translatedFontText = (node, baselines) => {
+  if (!(node instanceof Element) || node.tagName !== "FONT")
+    return;
+  const elements = [node, ...node.querySelectorAll("*")];
+  if (elements.some((element) => element.tagName !== "FONT" || baselines.has(element)))
+    return;
+  return node.textContent ?? "";
+};
 var translationRestorer = (restore, hasTranslation) => Object.assign(restore, { hasTranslation });
 var emptyTranslationRestorer = () => translationRestorer(() => {
   return;
@@ -6075,6 +6096,25 @@ var textNodeAt = (parent, index) => {
   const node = parent.childNodes[index];
   return node instanceof Text ? node : undefined;
 };
+var prepareTextTranslation = (element, index, baseline, path, baselines) => {
+  const original = element.childNodes[index];
+  const wrappedText = translatedFontText(original, baselines);
+  if (wrappedText !== undefined) {
+    original?.replaceWith(document.createTextNode(baseline));
+    return { baseline, index, path, translated: wrappedText };
+  }
+  const node = textNodeAt(element, index);
+  if (node === undefined || node.data === baseline)
+    return;
+  const snapshot = {
+    baseline,
+    index,
+    path,
+    translated: node.data
+  };
+  node.data = baseline;
+  return snapshot;
+};
 var visitElements = (root, visit) => {
   visit(root);
   for (const element of root.querySelectorAll("*"))
@@ -6106,6 +6146,7 @@ var captureSsrTextBaselines = (root) => {
   if (root === null || typeof window === "undefined")
     return;
   const baselines = window.__ABSOLUTE_SSR_TEXT_BASELINES__ ?? new WeakMap;
+  const attributes = window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__ ?? new WeakMap;
   visitElements(root, (element) => {
     const text = new Map;
     for (const [index, node] of [...element.childNodes].entries()) {
@@ -6114,8 +6155,17 @@ var captureSsrTextBaselines = (root) => {
     }
     if (text.size > 0)
       baselines.set(element, text);
+    const values = new Map;
+    for (const name of TRANSLATABLE_ATTRIBUTES) {
+      const value = element.getAttribute(name);
+      if (value !== null)
+        values.set(name, value);
+    }
+    if (values.size > 0)
+      attributes.set(element, values);
   });
   window.__ABSOLUTE_SSR_TEXT_BASELINES__ = baselines;
+  window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__ = attributes;
 };
 var prepareBrowserTranslationHydration = (root) => {
   if (root === null || typeof window === "undefined")
@@ -6124,17 +6174,30 @@ var prepareBrowserTranslationHydration = (root) => {
   if (baselines === undefined)
     return emptyTranslationRestorer();
   const translated = [];
+  const translatedAttributes = [];
+  const attributes = window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__;
   visitElements(root, (element) => {
     const text = baselines.get(element);
     const path = elementPath(root, element);
-    if (text === undefined || path === null)
+    if (path === null)
       return;
-    for (const [index, baseline] of text) {
-      const node = textNodeAt(element, index);
-      if (node === undefined || node.data === baseline)
+    for (const [index, baseline] of text ?? []) {
+      const snapshot = prepareTextTranslation(element, index, baseline, path, baselines);
+      if (snapshot === undefined)
         continue;
-      translated.push({ baseline, index, path, translated: node.data });
-      node.data = baseline;
+      translated.push(snapshot);
+    }
+    for (const [name, baseline] of attributes?.get(element) ?? []) {
+      const value = element.getAttribute(name);
+      if (value === null || value === baseline)
+        continue;
+      translatedAttributes.push({
+        baseline,
+        name,
+        path,
+        translated: value
+      });
+      element.setAttribute(name, baseline);
     }
   });
   return translationRestorer(() => {
@@ -6146,7 +6209,12 @@ var prepareBrowserTranslationHydration = (root) => {
       if (node !== undefined && node.data === snapshot.baseline)
         node.data = snapshot.translated;
     }
-  }, translated.length > 0);
+    for (const snapshot of translatedAttributes) {
+      const element = elementAtPath(root, snapshot.path);
+      if (element?.getAttribute(snapshot.name) === snapshot.baseline)
+        element.setAttribute(snapshot.name, snapshot.translated);
+    }
+  }, translated.length > 0 || translatedAttributes.length > 0);
 };
 
 // src/vue/browserTranslation.ts
@@ -6734,5 +6802,5 @@ export {
   useResource
 };
 
-//# debugId=B6201D9222169F5964756E2164756E21
+//# debugId=D9EB7679EC4DCC4564756E2164756E21
 //# sourceMappingURL=index.js.map