accessify-widget 0.2.3 → 0.2.5

package/dist/hide-images-B_LeCBcd.js

@@ -0,0 +1,105 @@
+function createHideImagesModule() {
+  let enabled = false;
+  const STYLE_ID = "accessify-hide-images";
+  let bgImageOriginals = /* @__PURE__ */ new Map();
+  let mutationObserver = null;
+  const CSS = `
+    /* Standard image elements */
+    img, picture, svg:not([aria-hidden="true"]), video, canvas,
+    [role="img"], figure {
+      opacity: 0 !important;
+      pointer-events: none !important;
+    }
+
+    /* CSS background-images (inline styles) */
+    [style*="background-image"] {
+      background-image: none !important;
+    }
+
+    /* Lazy-load images that haven't loaded yet */
+    img[data-src], img[data-lazy-src], img[data-original],
+    img[loading="lazy"] {
+      opacity: 0 !important;
+      pointer-events: none !important;
+    }
+  `;
+  function hideBackgroundImages() {
+    const all = document.querySelectorAll("*");
+    for (const el of all) {
+      if (el.closest("#accessify-root")) continue;
+      const computed = getComputedStyle(el);
+      if (computed.backgroundImage && computed.backgroundImage !== "none") {
+        bgImageOriginals.set(el, el.style.backgroundImage);
+        el.style.setProperty("background-image", "none", "important");
+      }
+    }
+  }
+  function restoreBackgroundImages() {
+    for (const [el, original] of bgImageOriginals) {
+      try {
+        el.style.backgroundImage = original;
+      } catch {
+      }
+    }
+    bgImageOriginals.clear();
+  }
+  function setupMutationObserver() {
+    if (mutationObserver) return;
+    mutationObserver = new MutationObserver((mutations) => {
+      if (!enabled) return;
+      for (const mutation of mutations) {
+        for (const node of mutation.addedNodes) {
+          if (!(node instanceof HTMLElement)) continue;
+          if (node.closest("#accessify-root")) continue;
+          const computed = getComputedStyle(node);
+          if (computed.backgroundImage && computed.backgroundImage !== "none") {
+            bgImageOriginals.set(node, node.style.backgroundImage);
+            node.style.setProperty("background-image", "none", "important");
+          }
+          node.querySelectorAll("*").forEach((child) => {
+            if (child.closest("#accessify-root")) return;
+            const cs = getComputedStyle(child);
+            if (cs.backgroundImage && cs.backgroundImage !== "none") {
+              bgImageOriginals.set(child, child.style.backgroundImage);
+              child.style.setProperty("background-image", "none", "important");
+            }
+          });
+        }
+      }
+    });
+    mutationObserver.observe(document.body, { childList: true, subtree: true });
+  }
+  function activate() {
+    enabled = true;
+    let styleEl = document.getElementById(STYLE_ID);
+    if (!styleEl) {
+      styleEl = document.createElement("style");
+      styleEl.id = STYLE_ID;
+      document.head.appendChild(styleEl);
+    }
+    styleEl.textContent = CSS;
+    hideBackgroundImages();
+    setupMutationObserver();
+  }
+  function deactivate() {
+    enabled = false;
+    mutationObserver?.disconnect();
+    mutationObserver = null;
+    restoreBackgroundImages();
+    document.getElementById(STYLE_ID)?.remove();
+  }
+  return {
+    id: "hide-images",
+    name: () => "Hide Images",
+    description: "Remove images for distraction-free reading",
+    icon: "hide-images",
+    category: "visual",
+    activate,
+    deactivate,
+    getState: () => ({ id: "hide-images", enabled })
+  };
+}
+export {
+  createHideImagesModule as default
+};
+//# sourceMappingURL=hide-images-B_LeCBcd.js.map

package/dist/hide-images-B_LeCBcd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-images-B_LeCBcd.js","sources":["../src/features/hide-images.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\nexport default function createHideImagesModule(): FeatureModule {\n  let enabled = false;\n  const STYLE_ID = 'accessify-hide-images';\n  let bgImageOriginals = new Map<HTMLElement, string>();\n  let mutationObserver: MutationObserver | null = null;\n\n  const CSS = `\n    /* Standard image elements */\n    img, picture, svg:not([aria-hidden=\"true\"]), video, canvas,\n    [role=\"img\"], figure {\n      opacity: 0 !important;\n      pointer-events: none !important;\n    }\n\n    /* CSS background-images (inline styles) */\n    [style*=\"background-image\"] {\n      background-image: none !important;\n    }\n\n    /* Lazy-load images that haven't loaded yet */\n    img[data-src], img[data-lazy-src], img[data-original],\n    img[loading=\"lazy\"] {\n      opacity: 0 !important;\n      pointer-events: none !important;\n    }\n  `;\n\n  function hideBackgroundImages() {\n    // Find elements with computed background-image (covers CSS classes, not just inline)\n    const all = document.querySelectorAll<HTMLElement>('*');\n    for (const el of all) {\n      if (el.closest('#accessify-root')) continue;\n      const computed = getComputedStyle(el);\n      if (computed.backgroundImage && computed.backgroundImage !== 'none') {\n        bgImageOriginals.set(el, el.style.backgroundImage);\n        el.style.setProperty('background-image', 'none', 'important');\n      }\n    }\n  }\n\n  function restoreBackgroundImages() {\n    for (const [el, original] of bgImageOriginals) {\n      try {\n        el.style.backgroundImage = original;\n      } catch { /* element may be gone */ }\n    }\n    bgImageOriginals.clear();\n  }\n\n  function setupMutationObserver() {\n    if (mutationObserver) return;\n    mutationObserver = new MutationObserver((mutations) => {\n      if (!enabled) return;\n      for (const mutation of mutations) {\n        for (const node of mutation.addedNodes) {\n          if (!(node instanceof HTMLElement)) continue;\n          if (node.closest('#accessify-root')) continue;\n          // Hide background images on newly added elements\n          const computed = getComputedStyle(node);\n          if (computed.backgroundImage && computed.backgroundImage !== 'none') {\n            bgImageOriginals.set(node, node.style.backgroundImage);\n            node.style.setProperty('background-image', 'none', 'important');\n          }\n          // Also check children\n          node.querySelectorAll<HTMLElement>('*').forEach((child) => {\n            if (child.closest('#accessify-root')) return;\n            const cs = getComputedStyle(child);\n            if (cs.backgroundImage && cs.backgroundImage !== 'none') {\n              bgImageOriginals.set(child, child.style.backgroundImage);\n              child.style.setProperty('background-image', 'none', 'important');\n            }\n          });\n        }\n      }\n    });\n    mutationObserver.observe(document.body, { childList: true, subtree: true });\n  }\n\n  function activate() {\n    enabled = true;\n    let styleEl = document.getElementById(STYLE_ID);\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = CSS;\n    hideBackgroundImages();\n    setupMutationObserver();\n  }\n\n  function deactivate() {\n    enabled = false;\n    mutationObserver?.disconnect();\n    mutationObserver = null;\n    restoreBackgroundImages();\n    document.getElementById(STYLE_ID)?.remove();\n  }\n\n  return {\n    id: 'hide-images',\n    name: () => 'Hide Images',\n    description: 'Remove images for distraction-free reading',\n    icon: 'hide-images',\n    category: 'visual',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({ id: 'hide-images', enabled }),\n  };\n}\n"],"names":[],"mappings":"AAEA,SAAwB,yBAAwC;AAC9D,MAAI,UAAU;AACd,QAAM,WAAW;AACjB,MAAI,uCAAuB,IAAA;AAC3B,MAAI,mBAA4C;AAEhD,QAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBZ,WAAS,uBAAuB;AAE9B,UAAM,MAAM,SAAS,iBAA8B,GAAG;AACtD,eAAW,MAAM,KAAK;AACpB,UAAI,GAAG,QAAQ,iBAAiB,EAAG;AACnC,YAAM,WAAW,iBAAiB,EAAE;AACpC,UAAI,SAAS,mBAAmB,SAAS,oBAAoB,QAAQ;AACnE,yBAAiB,IAAI,IAAI,GAAG,MAAM,eAAe;AACjD,WAAG,MAAM,YAAY,oBAAoB,QAAQ,WAAW;AAAA,MAC9D;AAAA,IACF;AAAA,EACF;AAEA,WAAS,0BAA0B;AACjC,eAAW,CAAC,IAAI,QAAQ,KAAK,kBAAkB;AAC7C,UAAI;AACF,WAAG,MAAM,kBAAkB;AAAA,MAC7B,QAAQ;AAAA,MAA4B;AAAA,IACtC;AACA,qBAAiB,MAAA;AAAA,EACnB;AAEA,WAAS,wBAAwB;AAC/B,QAAI,iBAAkB;AACtB,uBAAmB,IAAI,iBAAiB,CAAC,cAAc;AACrD,UAAI,CAAC,QAAS;AACd,iBAAW,YAAY,WAAW;AAChC,mBAAW,QAAQ,SAAS,YAAY;AACtC,cAAI,EAAE,gBAAgB,aAAc;AACpC,cAAI,KAAK,QAAQ,iBAAiB,EAAG;AAErC,gBAAM,WAAW,iBAAiB,IAAI;AACtC,cAAI,SAAS,mBAAmB,SAAS,oBAAoB,QAAQ;AACnE,6BAAiB,IAAI,MAAM,KAAK,MAAM,eAAe;AACrD,iBAAK,MAAM,YAAY,oBAAoB,QAAQ,WAAW;AAAA,UAChE;AAEA,eAAK,iBAA8B,GAAG,EAAE,QAAQ,CAAC,UAAU;AACzD,gBAAI,MAAM,QAAQ,iBAAiB,EAAG;AACtC,kBAAM,KAAK,iBAAiB,KAAK;AACjC,gBAAI,GAAG,mBAAmB,GAAG,oBAAoB,QAAQ;AACvD,+BAAiB,IAAI,OAAO,MAAM,MAAM,eAAe;AACvD,oBAAM,MAAM,YAAY,oBAAoB,QAAQ,WAAW;AAAA,YACjE;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AACD,qBAAiB,QAAQ,SAAS,MAAM,EAAE,WAAW,MAAM,SAAS,MAAM;AAAA,EAC5E;AAEA,WAAS,WAAW;AAClB,cAAU;AACV,QAAI,UAAU,SAAS,eAAe,QAAQ;AAC9C,QAAI,CAAC,SAAS;AACZ,gBAAU,SAAS,cAAc,OAAO;AACxC,cAAQ,KAAK;AACb,eAAS,KAAK,YAAY,OAAO;AAAA,IACnC;AACA,YAAQ,cAAc;AACtB,yBAAA;AACA,0BAAA;AAAA,EACF;AAEA,WAAS,aAAa;AACpB,cAAU;AACV,sBAAkB,WAAA;AAClB,uBAAmB;AACnB,4BAAA;AACA,aAAS,eAAe,QAAQ,GAAG,OAAA;AAAA,EACrC;AAEA,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,OAAqB,EAAE,IAAI,eAAe,QAAA;AAAA,EAAQ;AAEhE;"}

package/dist/{index-CsJDqdBW.js → index-eprjFXa3.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-CkAYxUc1.js"),
+    "keyboard-nav": () => import("./keyboard-nav-CAWn30Tw.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-C6ToNlBr.js"),
+    "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-yWkBKmwo.js"),
+    "page-structure": () => import("./page-structure-DDjJeVCc.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();
@@ -7647,6 +7648,7 @@ async function autoApplyCachedAltTexts(widgetConfig) {
     if (cached) {
       img.setAttribute("alt", cached);
       img.setAttribute("title", cached);
+      img.setAttribute("data-accessify-alt", "auto");
       applied++;
     }
   });
@@ -7662,6 +7664,7 @@ async function autoApplyCachedAltTexts(widgetConfig) {
           if (c) {
             img.setAttribute("alt", c);
             img.setAttribute("title", c);
+            img.setAttribute("data-accessify-alt", "auto");
           }
         }
       }
@@ -7960,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);
@@ -8127,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) => {
@@ -8162,7 +8189,7 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     missingAltImages = [];
     removeStyles();
   }
-  autoApplyCachedAltTexts().catch(() => {
+  autoApplyCachedAltTexts({ siteKey, proxyUrl, lang: initialLang }).catch(() => {
   });
   return {
     id: "alt-text",
@@ -8373,4 +8400,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-CsJDqdBW.js.map
+//# sourceMappingURL=index-eprjFXa3.js.map