@techsio/storybook-better-a11y 0.0.4 → 0.0.6

package/dist/types.js

@@ -0,0 +1,6 @@
+const RuleType = {
+    VIOLATION: 'violations',
+    PASS: 'passes',
+    INCOMPLETION: 'incomplete'
+};
+export { RuleType };

package/dist/utils.js

@@ -0,0 +1,21 @@
+function getIsVitestStandaloneRun() {
+    try {
+        return 'false' === ({
+            MODE: "production",
+            DEV: false,
+            PROD: true,
+            BASE_URL: "/",
+            ASSET_PREFIX: "auto"
+        }).VITEST_STORYBOOK;
+    } catch (e) {
+        return false;
+    }
+}
+function getIsVitestRunning() {
+    try {
+        return false;
+    } catch (e) {
+        return false;
+    }
+}
+export { getIsVitestRunning, getIsVitestStandaloneRun };

package/dist/{100.js → visionSimulatorFilters.js}

@@ -1,25 +1,3 @@
-const ADDON_ID = 'storybook/a11y';
-const PANEL_ID = `${ADDON_ID}/panel`;
-"a11y";
-"vision";
-const RESULT = `${ADDON_ID}/result`;
-const REQUEST = `${ADDON_ID}/request`;
-const RUNNING = `${ADDON_ID}/running`;
-const ERROR = `${ADDON_ID}/error`;
-const MANUAL = `${ADDON_ID}/manual`;
-const SELECT = `${ADDON_ID}/select`;
-const DOCUMENTATION_LINK = 'writing-tests/accessibility-testing';
-const DOCUMENTATION_DISCREPANCY_LINK = `${DOCUMENTATION_LINK}#why-are-my-tests-failing-in-different-environments`;
-const EVENTS = {
-    RESULT: RESULT,
-    REQUEST: REQUEST,
-    RUNNING: RUNNING,
-    ERROR: ERROR,
-    MANUAL: MANUAL,
-    SELECT: SELECT
-};
-const STATUS_TYPE_ID_COMPONENT_TEST = 'storybook/component-test';
-const STATUS_TYPE_ID_A11Y = 'storybook/a11y';
 const filters = {
     blurred: {
         label: 'Blurred vision',
@@ -119,4 +97,4 @@ const filterDefs = `<svg id="storybook-a11y-vision-filters" style="display: none
     </filter>
   </defs>
 </svg>`;
-export { ADDON_ID, DOCUMENTATION_DISCREPANCY_LINK, EVENTS, PANEL_ID, STATUS_TYPE_ID_A11Y, STATUS_TYPE_ID_COMPONENT_TEST, filterDefs, filters };
+export { filterDefs, filters };

package/dist/withVisionSimulator.js

@@ -0,0 +1,41 @@
+import { useCallback, useEffect } from "storybook/preview-api";
+import { filterDefs, filters } from "./visionSimulatorFilters.js";
+const knownFilters = Object.values(filters).map((f)=>f.filter);
+const knownFiltersRegExp = new RegExp(`\\b(${knownFilters.join('|')})\\b`, 'g');
+const withVisionSimulator = (StoryFn, { globals })=>{
+    const { vision } = globals;
+    const applyVisionFilter = useCallback(()=>{
+        const existingFilters = document.body.style.filter.replaceAll(knownFiltersRegExp, '').trim();
+        const visionFilter = filters[vision]?.filter;
+        if (visionFilter && document.body.classList.contains('sb-show-main')) if (existingFilters && 'none' !== existingFilters) document.body.style.filter = `${existingFilters} ${visionFilter}`;
+        else document.body.style.filter = visionFilter;
+        else document.body.style.filter = existingFilters || 'none';
+        return ()=>document.body.style.filter = existingFilters || 'none';
+    }, [
+        vision
+    ]);
+    useEffect(()=>{
+        const cleanup = applyVisionFilter();
+        const observer = new MutationObserver(()=>applyVisionFilter());
+        observer.observe(document.body, {
+            attributeFilter: [
+                'class'
+            ]
+        });
+        return ()=>{
+            cleanup();
+            observer.disconnect();
+        };
+    }, [
+        applyVisionFilter
+    ]);
+    useEffect(()=>{
+        document.body.insertAdjacentHTML('beforeend', filterDefs);
+        return ()=>{
+            const filterDefsElement = document.getElementById('storybook-a11y-vision-filters');
+            filterDefsElement?.parentElement?.removeChild(filterDefsElement);
+        };
+    }, []);
+    return StoryFn();
+};
+export { withVisionSimulator };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsio/storybook-better-a11y",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Storybook Accessibility addon with APCA (WCAG 3) support",
   "keywords": [
     "storybook",