accessify-widget 0.2.2 → 0.2.4

package/dist/{index-i-tNypvI.js → index-D8e7_na0.js}

@@ -6310,16 +6310,16 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsICAkU.js"),
     "text-size": () => import("./text-size-C6OFhCGi.js"),
-    "keyboard-nav": () => import("./keyboard-nav-C9zLmfrJ.js"),
+    "keyboard-nav": () => import("./keyboard-nav-kiIcwX2D.js"),
     "link-highlight": () => import("./link-highlight-DBGm067Y.js"),
     "reading-guide": () => import("./reading-guide-VT8NciIL.js"),
     "reading-mask": () => import("./reading-mask-BABChuCz.js"),
-    "animation-stop": () => import("./animation-stop-DXebPS8D.js"),
-    "hide-images": () => import("./hide-images-DJwmsV2C.js"),
+    "animation-stop": () => import("./animation-stop-CA4Sz28J.js"),
+    "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-GqhCQsl3.js"),
+    "page-structure": () => import("./page-structure-CqY3jueN.js"),
     tts: () => import("./tts-CjszLRnb.js"),
-    "text-simplify": () => import("./text-simplify-C9gzE3t0.js"),
+    "text-simplify": () => import("./text-simplify-B1v6Muvn.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
   };
   let contrastMode = /* @__PURE__ */ state(proxy(readStoredContrastMode()));
@@ -7567,7 +7567,8 @@ async function fetchServerAltTexts(siteKey, proxyUrl, lang) {
     const base = proxyUrl || DEFAULT_API_BASE;
     const pageUrl = window.location.origin + window.location.pathname;
     const res = await fetch(`${base}/v1/manifest?siteKey=${encodeURIComponent(siteKey)}&url=${encodeURIComponent(pageUrl)}&feature=alt_text&variant=${encodeURIComponent(lang)}`, {
-      headers: { "Accept": "application/json" }
+      headers: { "Accept": "application/json" },
+      cache: "no-cache"
     });
     if (!res.ok) return map;
     const data = await res.json();
@@ -7596,14 +7597,13 @@ function persistAltTextToServer(siteKey, proxyUrl, imageUrl, altText2, lang) {
   }
 }
 let autoApplied = false;
-async function autoApplyCachedAltTexts() {
+async function autoApplyCachedAltTexts(widgetConfig) {
   if (autoApplied) return 0;
   autoApplied = true;
   const cache = /* @__PURE__ */ new Map();
-  const widgetConfig = window.Accessify?.config;
   const siteKey = widgetConfig?.siteKey;
   const proxyUrl = widgetConfig?.proxyUrl || "";
-  const pageLang = document.documentElement.lang?.split("-")[0] || "en";
+  const pageLang = widgetConfig?.lang?.split("-")[0] || document.documentElement.lang?.split("-")[0] || "en";
   if (siteKey) {
     const serverCache = await fetchServerAltTexts(siteKey, proxyUrl, pageLang);
     for (const [url, alt] of serverCache) {
@@ -7613,8 +7613,29 @@ async function autoApplyCachedAltTexts() {
     }
   }
   const localCache = await getAllCachedAltTexts();
+  const localOnly = [];
   for (const [url, alt] of localCache) {
-    if (!cache.has(url)) cache.set(url, alt);
+    if (!cache.has(url)) {
+      cache.set(url, alt);
+      localOnly.push({ imageUrl: url, altText: alt });
+    }
+  }
+  if (siteKey && localOnly.length > 0) {
+    try {
+      const base = proxyUrl || DEFAULT_API_BASE;
+      const pageUrl = window.location.origin + window.location.pathname;
+      fetch(`${base}/v1/cache/batch-persist-alt-text`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          siteKey,
+          pageUrl,
+          entries: localOnly.map((e) => ({ ...e, lang: pageLang }))
+        })
+      }).catch(() => {
+      });
+    } catch {
+    }
   }
   if (cache.size === 0) return 0;
   let applied = 0;
@@ -7627,6 +7648,7 @@ async function autoApplyCachedAltTexts() {
     if (cached) {
       img.setAttribute("alt", cached);
       img.setAttribute("title", cached);
+      img.setAttribute("data-accessify-alt", "auto");
       applied++;
     }
   });
@@ -7642,6 +7664,7 @@ async function autoApplyCachedAltTexts() {
           if (c) {
             img.setAttribute("alt", c);
             img.setAttribute("title", c);
+            img.setAttribute("data-accessify-alt", "auto");
           }
         }
       }
@@ -7940,6 +7963,15 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     });
     return missing;
   }
+  function scanAutoApplied() {
+    const images = document.querySelectorAll('img[data-accessify-alt="auto"]');
+    const applied = [];
+    images.forEach((img) => {
+      if (img.closest("#accessify-root")) return;
+      if (!processedImages.has(img)) applied.push(img);
+    });
+    return applied;
+  }
   function applyAltText(img, altText2) {
     img.setAttribute("alt", altText2);
     img.setAttribute("title", altText2);
@@ -8107,8 +8139,23 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     if (enabled) return;
     enabled = true;
     injectStyles();
-    missingAltImages = scanForMissingAlt();
-    missingAltImages.forEach((img) => img.classList.add(HIGHLIGHT_CLASS));
+    const alreadyApplied = scanAutoApplied();
+    for (const img of alreadyApplied) {
+      const alt = img.getAttribute("alt");
+      processedImages.set(img, { generatedAlt: alt });
+      missingAltImages.push(img);
+      img.classList.add(HIGHLIGHT_CLASS, "accessify-alt-done");
+      addInfoButton(img);
+      img.removeEventListener("mouseenter", onMouseEnter);
+      img.removeEventListener("mouseleave", onMouseLeave);
+      img.addEventListener("mouseenter", onMouseEnter);
+      img.addEventListener("mouseleave", onMouseLeave);
+    }
+    const missing = scanForMissingAlt();
+    for (const img of missing) {
+      missingAltImages.push(img);
+      img.classList.add(HIGHLIGHT_CLASS);
+    }
     updateBadge();
     generateAll();
     document.querySelectorAll("img").forEach((img) => {
@@ -8142,7 +8189,7 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     missingAltImages = [];
     removeStyles();
   }
-  autoApplyCachedAltTexts().catch(() => {
+  autoApplyCachedAltTexts({ siteKey, proxyUrl, lang: initialLang }).catch(() => {
   });
   return {
     id: "alt-text",
@@ -8310,7 +8357,7 @@ async function init(userConfig = {}) {
     }
   });
   document.body.appendChild(containerEl);
-  autoApplyCachedAltTexts().catch(() => {
+  autoApplyCachedAltTexts(config).catch(() => {
   });
   config.onReady?.();
 }
@@ -8353,4 +8400,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-i-tNypvI.js.map
+//# sourceMappingURL=index-D8e7_na0.js.map