accessify-widget 0.3.11 → 0.3.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accessify-widget",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "description": "Accessify-Widget accessibility widget for any website",
   "license": "MIT",
   "homepage": "https://github.com/maddesv1-ctrl/accessify-widget",

package/dist/text-size-C6OFhCGi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-size-C6OFhCGi.js","sources":["../src/features/text-size.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\nexport default function createTextSizeModule(): FeatureModule {\n  let currentSize = 100;\n  let observer: MutationObserver | null = null;\n  let refreshQueued = false;\n  const STYLE_ID = 'accessify-text-size-styles';\n  const STORAGE_KEY = 'accessify-text-size';\n  const PROCESSED_ATTR = 'data-accessify-text-size-processed';\n  const ORIGINAL_INLINE_ATTR = 'data-accessify-original-inline-font-size';\n  const ORIGINAL_COMPUTED_ATTR = 'data-accessify-original-computed-font-size';\n  const MIN_SIZE = 100;\n  const MAX_SIZE = 200;\n  const STEP = 10;\n  const SKIP_TAGS = new Set([\n    'SCRIPT',\n    'STYLE',\n    'NOSCRIPT',\n    'IFRAME',\n    'SVG',\n    'PATH',\n    'G',\n    'DEFS',\n    'MASK',\n    'BR',\n    'META',\n    'LINK',\n    'HEAD',\n  ]);\n\n  function ensureStyleMarker(percent: number) {\n    let styleEl = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = `/* accessify text-size: ${percent}% */`;\n  }\n\n  function removeStyleMarker() {\n    document.getElementById(STYLE_ID)?.remove();\n  }\n\n  function hasOwnTextContent(el: HTMLElement): boolean {\n    return Array.from(el.childNodes).some((node) => {\n      return node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim());\n    });\n  }\n\n  function shouldScaleElement(el: HTMLElement): boolean {\n    if (el.id === 'accessify-root' || el.closest('#accessify-root')) return false;\n    if (SKIP_TAGS.has(el.tagName)) return false;\n\n    const computed = window.getComputedStyle(el);\n    const fontSize = parseFloat(computed.fontSize);\n    if (!Number.isFinite(fontSize) || fontSize <= 0) return false;\n    if (computed.display === 'none' || computed.visibility === 'hidden') return false;\n\n    const interactiveTags = new Set(['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'LABEL', 'OPTION']);\n    return interactiveTags.has(el.tagName) || hasOwnTextContent(el);\n  }\n\n  function getTargetElements(): HTMLElement[] {\n    if (!document.body) return [];\n    const elements = [document.body, ...Array.from(document.body.querySelectorAll<HTMLElement>('*'))];\n    return elements.filter(shouldScaleElement);\n  }\n\n  function rememberOriginalSize(el: HTMLElement) {\n    if (!el.hasAttribute(ORIGINAL_INLINE_ATTR)) {\n      el.setAttribute(ORIGINAL_INLINE_ATTR, el.style.fontSize || '');\n    }\n\n    if (!el.hasAttribute(ORIGINAL_COMPUTED_ATTR)) {\n      const computedSize = parseFloat(window.getComputedStyle(el).fontSize);\n      if (Number.isFinite(computedSize) && computedSize > 0) {\n        el.setAttribute(ORIGINAL_COMPUTED_ATTR, String(computedSize));\n      }\n    }\n  }\n\n  function scaleElement(el: HTMLElement, scale: number) {\n    rememberOriginalSize(el);\n\n    const originalSize = parseFloat(el.getAttribute(ORIGINAL_COMPUTED_ATTR) || '');\n    if (!Number.isFinite(originalSize) || originalSize <= 0) return;\n\n    const nextSize = Math.round(originalSize * scale * 100) / 100;\n    el.style.setProperty('font-size', `${nextSize}px`, 'important');\n    el.setAttribute(PROCESSED_ATTR, 'true');\n  }\n\n  function restoreElement(el: HTMLElement) {\n    const originalInline = el.getAttribute(ORIGINAL_INLINE_ATTR);\n    if (originalInline === null) return;\n\n    if (originalInline) {\n      el.style.fontSize = originalInline;\n    } else {\n      el.style.removeProperty('font-size');\n    }\n\n    el.removeAttribute(PROCESSED_ATTR);\n    el.removeAttribute(ORIGINAL_INLINE_ATTR);\n    el.removeAttribute(ORIGINAL_COMPUTED_ATTR);\n  }\n\n  function restoreProcessedElements() {\n    document.querySelectorAll<HTMLElement>(`[${PROCESSED_ATTR}]`).forEach((el) => {\n      restoreElement(el);\n    });\n  }\n\n  function queueRefresh() {\n    if (refreshQueued || currentSize === 100) return;\n\n    refreshQueued = true;\n    const flush = () => {\n      refreshQueued = false;\n      applySize(currentSize);\n    };\n\n    if (typeof window.requestAnimationFrame === 'function') {\n      window.requestAnimationFrame(() => flush());\n    } else {\n      window.setTimeout(flush, 0);\n    }\n  }\n\n  function startObserver() {\n    if (observer || !document.body) return;\n\n    observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (mutation.type === 'childList' && (mutation.addedNodes.length > 0 || mutation.removedNodes.length > 0)) {\n          queueRefresh();\n          return;\n        }\n      }\n    });\n\n    observer.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  function stopObserver() {\n    observer?.disconnect();\n    observer = null;\n    refreshQueued = false;\n  }\n\n  function applySize(percent: number) {\n    if (percent === 100) {\n      stopObserver();\n      removeStyleMarker();\n      restoreProcessedElements();\n      return;\n    }\n\n    ensureStyleMarker(percent);\n\n    const scale = percent / 100;\n    const targets = new Set(getTargetElements());\n\n    document.querySelectorAll<HTMLElement>(`[${PROCESSED_ATTR}]`).forEach((el) => {\n      if (!targets.has(el)) {\n        restoreElement(el);\n      }\n    });\n\n    targets.forEach((el) => {\n      scaleElement(el, scale);\n    });\n\n    startObserver();\n  }\n\n  function clamp(value: number): number {\n    return Math.min(MAX_SIZE, Math.max(MIN_SIZE, Math.round(value / STEP) * STEP));\n  }\n\n  function activate() {\n    const saved = localStorage.getItem(STORAGE_KEY);\n    currentSize = saved ? clamp(parseInt(saved, 10)) : 150;\n    applySize(currentSize);\n    localStorage.setItem(STORAGE_KEY, String(currentSize));\n  }\n\n  function deactivate() {\n    currentSize = 100;\n    applySize(100);\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'text-size',\n    name: () => 'Text Size',\n    description: 'Adjust text size from 100% to 200%',\n    icon: 'text-size',\n    category: 'visual',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({\n      id: 'text-size',\n      enabled: currentSize !== 100,\n      value: currentSize,\n    }),\n    setState: (size: number) => {\n      currentSize = clamp(size);\n      applySize(currentSize);\n      localStorage.setItem(STORAGE_KEY, String(currentSize));\n    },\n  };\n}\n"],"names":[],"mappings":"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"}