accessify-widget 0.3.93 → 0.3.94

package/dist/accessify.mjs

@@ -1,4 +1,4 @@
-import { d, i } from "./index-RLG-UjSk.js";
+import { d, i } from "./index-DYkpRTjy.js";
 export {
   d as destroy,
   i as init

package/dist/{hide-images-B_LeCBcd.js → hide-images-DdZdru63.js}

@@ -5,15 +5,16 @@ function createHideImagesModule() {
   let mutationObserver = null;
   const CSS = `
     /* Standard image elements */
-    img, picture, svg:not([aria-hidden="true"]), video, canvas,
-    [role="img"], figure {
+    img, picture, video, canvas,
+    [role="img"] {
       opacity: 0 !important;
       pointer-events: none !important;
     }
 
-    /* CSS background-images (inline styles) */
-    [style*="background-image"] {
-      background-image: none !important;
+    /* SVGs that are decorative images (not icons or UI elements) */
+    svg:not([aria-hidden="true"]):not([width]):not([class*="icon"]) {
+      opacity: 0 !important;
+      pointer-events: none !important;
     }
 
     /* Lazy-load images that haven't loaded yet */
@@ -23,12 +24,17 @@ function createHideImagesModule() {
       pointer-events: none !important;
     }
   `;
+  function isImageUrl(bgValue) {
+    return /url\s*\(/.test(bgValue) && !/gradient\s*\(/.test(bgValue);
+  }
   function hideBackgroundImages() {
-    const all = document.querySelectorAll("*");
-    for (const el of all) {
+    const candidates = document.querySelectorAll(
+      '[style*="background-image"], [style*="background:"], figure, [class*="image"], [class*="photo"], [class*="hero"], [class*="banner"], [data-framer-background-image-wrapper]'
+    );
+    for (const el of candidates) {
       if (el.closest("#accessify-root")) continue;
       const computed = getComputedStyle(el);
-      if (computed.backgroundImage && computed.backgroundImage !== "none") {
+      if (computed.backgroundImage && computed.backgroundImage !== "none" && isImageUrl(computed.backgroundImage)) {
         bgImageOriginals.set(el, el.style.backgroundImage);
         el.style.setProperty("background-image", "none", "important");
       }
@@ -52,14 +58,14 @@ function createHideImagesModule() {
           if (!(node instanceof HTMLElement)) continue;
           if (node.closest("#accessify-root")) continue;
           const computed = getComputedStyle(node);
-          if (computed.backgroundImage && computed.backgroundImage !== "none") {
+          if (computed.backgroundImage && computed.backgroundImage !== "none" && isImageUrl(computed.backgroundImage)) {
             bgImageOriginals.set(node, node.style.backgroundImage);
             node.style.setProperty("background-image", "none", "important");
           }
-          node.querySelectorAll("*").forEach((child) => {
+          node.querySelectorAll('img, picture, video, [role="img"], [style*="background-image"]').forEach((child) => {
             if (child.closest("#accessify-root")) return;
             const cs = getComputedStyle(child);
-            if (cs.backgroundImage && cs.backgroundImage !== "none") {
+            if (cs.backgroundImage && cs.backgroundImage !== "none" && isImageUrl(cs.backgroundImage)) {
               bgImageOriginals.set(child, child.style.backgroundImage);
               child.style.setProperty("background-image", "none", "important");
             }
@@ -102,4 +108,4 @@ function createHideImagesModule() {
 export {
   createHideImagesModule as default
 };
-//# sourceMappingURL=hide-images-B_LeCBcd.js.map
+//# sourceMappingURL=hide-images-DdZdru63.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hide-images-DdZdru63.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, video, canvas,\n    [role=\"img\"] {\n      opacity: 0 !important;\n      pointer-events: none !important;\n    }\n\n    /* SVGs that are decorative images (not icons or UI elements) */\n    svg:not([aria-hidden=\"true\"]):not([width]):not([class*=\"icon\"]) {\n      opacity: 0 !important;\n      pointer-events: 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  /** Only target actual image URLs, not CSS gradients or layout backgrounds */\n  function isImageUrl(bgValue: string): boolean {\n    return /url\\s*\\(/.test(bgValue) && !/gradient\\s*\\(/.test(bgValue);\n  }\n\n  function hideBackgroundImages() {\n    // Target elements likely to be image containers — not every element on the page.\n    // Scanning all (*) kills section backgrounds, gradients, and overlays on Framer sites.\n    const candidates = document.querySelectorAll<HTMLElement>(\n      '[style*=\"background-image\"], [style*=\"background:\"], figure, ' +\n      '[class*=\"image\"], [class*=\"photo\"], [class*=\"hero\"], [class*=\"banner\"], ' +\n      '[data-framer-background-image-wrapper]'\n    );\n    for (const el of candidates) {\n      if (el.closest('#accessify-root')) continue;\n      const computed = getComputedStyle(el);\n      if (computed.backgroundImage && computed.backgroundImage !== 'none' && isImageUrl(computed.backgroundImage)) {\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 only on actual image URLs (not gradients)\n          const computed = getComputedStyle(node);\n          if (computed.backgroundImage && computed.backgroundImage !== 'none' && isImageUrl(computed.backgroundImage)) {\n            bgImageOriginals.set(node, node.style.backgroundImage);\n            node.style.setProperty('background-image', 'none', 'important');\n          }\n          // Check image-related children (not all *)\n          node.querySelectorAll<HTMLElement>('img, picture, video, [role=\"img\"], [style*=\"background-image\"]').forEach((child) => {\n            if (child.closest('#accessify-root')) return;\n            const cs = getComputedStyle(child);\n            if (cs.backgroundImage && cs.backgroundImage !== 'none' && isImageUrl(cs.backgroundImage)) {\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;AAAA;AAuBZ,WAAS,WAAW,SAA0B;AAC5C,WAAO,WAAW,KAAK,OAAO,KAAK,CAAC,gBAAgB,KAAK,OAAO;AAAA,EAClE;AAEA,WAAS,uBAAuB;AAG9B,UAAM,aAAa,SAAS;AAAA,MAC1B;AAAA,IAAA;AAIF,eAAW,MAAM,YAAY;AAC3B,UAAI,GAAG,QAAQ,iBAAiB,EAAG;AACnC,YAAM,WAAW,iBAAiB,EAAE;AACpC,UAAI,SAAS,mBAAmB,SAAS,oBAAoB,UAAU,WAAW,SAAS,eAAe,GAAG;AAC3G,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,UAAU,WAAW,SAAS,eAAe,GAAG;AAC3G,6BAAiB,IAAI,MAAM,KAAK,MAAM,eAAe;AACrD,iBAAK,MAAM,YAAY,oBAAoB,QAAQ,WAAW;AAAA,UAChE;AAEA,eAAK,iBAA8B,gEAAgE,EAAE,QAAQ,CAAC,UAAU;AACtH,gBAAI,MAAM,QAAQ,iBAAiB,EAAG;AACtC,kBAAM,KAAK,iBAAiB,KAAK;AACjC,gBAAI,GAAG,mBAAmB,GAAG,oBAAoB,UAAU,WAAW,GAAG,eAAe,GAAG;AACzF,+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-RLG-UjSk.js → index-DYkpRTjy.js}

@@ -6642,14 +6642,14 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsOs6Uo.js"),
     "text-size": () => import("./text-size-m_mHNPWo.js"),
-    "keyboard-nav": () => import("./keyboard-nav-wu9L4ZxP.js"),
+    "keyboard-nav": () => import("./keyboard-nav-C5z8cU6u.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-C2Ced0LV.js"),
-    "hide-images": () => import("./hide-images-B_LeCBcd.js"),
+    "hide-images": () => import("./hide-images-DdZdru63.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-DLIXirOX.js"),
+    "page-structure": () => import("./page-structure-CwiOhsWl.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-BxIySphr.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -9063,4 +9063,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-RLG-UjSk.js.map
+//# sourceMappingURL=index-DYkpRTjy.js.map