@accesslint/storybook-addon 0.8.5 → 0.8.7

package/README.md

@@ -3,7 +3,7 @@
 
 # @accesslint/storybook-addon
 
-Catch accessibility violations in your Storybook stories as you develop. Powered by [@accesslint/core](https://accesslint.com/core).
+Catch accessibility violations in your Storybook stories as you develop. Powered by [@accesslint/core](https://www.accesslint.com/core?ref=readme_storybook).
 
 <img height="414" alt="Storybook screenshot with alt text violation in the details of the AccessLint tab" src="https://github.com/user-attachments/assets/42bb12ee-3a07-4443-8b60-35c2c9c735a9" />
 

package/dist/chunk-XTEGJNR3.js

@@ -0,0 +1,110 @@
+import { configureRules, createChunkedAudit, getActiveRules, getRuleById } from '@accesslint/core';
+import { addons } from 'storybook/preview-api';
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/preview.ts
+var preview_exports = {};
+__export(preview_exports, {
+  afterEach: () => afterEach,
+  initialGlobals: () => initialGlobals,
+  parameters: () => parameters
+});
+
+// src/constants.ts
+var ADDON_ID = "accesslint/a11y";
+var RESULT_EVENT = `${ADDON_ID}/result`;
+
+// src/preview.ts
+var initialGlobals = {
+  accesslint: {}
+};
+var parameters = {
+  accesslint: {}
+};
+configureRules({
+  disabledRules: ["accesslint-045"]
+});
+var BUDGET_MS = 12;
+function yieldToMain() {
+  return new Promise((resolve) => setTimeout(resolve, 0));
+}
+function scopeViolations(violations) {
+  const root = document.getElementById("storybook-root");
+  if (!root) return violations;
+  return violations.filter((v) => {
+    const local = v.selector.replace(/^.*>>>\s*iframe>\s*/, "");
+    try {
+      const el = document.querySelector(local);
+      return el && root.contains(el);
+    } catch {
+      return false;
+    }
+  });
+}
+function enrichViolations(violations) {
+  return violations.map((v) => {
+    const rule = getRuleById(v.ruleId);
+    return {
+      ...v,
+      element: void 0,
+      // not serializable
+      description: rule?.description,
+      wcag: rule?.wcag,
+      level: rule?.level,
+      guidance: rule?.guidance
+    };
+  });
+}
+var afterEach = async ({
+  reporting,
+  parameters: parameters2,
+  viewMode,
+  tags,
+  id
+}) => {
+  const accesslintParam = parameters2?.accesslint;
+  if (accesslintParam?.disable === true || accesslintParam?.test === "off") return;
+  if (viewMode !== "story") return;
+  const skipTags = typeof __ACCESSLINT_SKIP_TAGS__ !== "undefined" ? __ACCESSLINT_SKIP_TAGS__ : [];
+  const allSkipTags = ["skip-accesslint", ...skipTags];
+  const matchedTag = tags?.find((t) => allSkipTags.includes(t));
+  if (matchedTag) {
+    const result2 = { skipped: true, reason: matchedTag };
+    addons.getChannel().emit(RESULT_EVENT, { storyId: id, result: result2 });
+    reporting.addReport({
+      type: "accesslint",
+      version: 1,
+      result: result2,
+      status: "passed"
+    });
+    return;
+  }
+  const audit = createChunkedAudit(document);
+  while (audit.processChunk(BUDGET_MS)) {
+    await yieldToMain();
+  }
+  const violations = audit.getViolations();
+  const scoped = scopeViolations(violations);
+  const enriched = enrichViolations(scoped);
+  const hasViolations = enriched.length > 0;
+  const mode = accesslintParam?.test === "todo" ? "warning" : "failed";
+  const status = hasViolations ? mode : "passed";
+  const result = {
+    violations: enriched,
+    ruleCount: getActiveRules().length
+  };
+  addons.getChannel().emit(RESULT_EVENT, { storyId: id, result, status });
+  reporting.addReport({
+    type: "accesslint",
+    version: 1,
+    result,
+    status
+  });
+};
+
+export { afterEach, initialGlobals, parameters, preview_exports };

package/dist/index.cjs

@@ -1,2 +1,116 @@
 'use strict';
 
+var csf = require('storybook/internal/csf');
+var core = require('@accesslint/core');
+var previewApi = require('storybook/preview-api');
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/preview.ts
+var preview_exports = {};
+__export(preview_exports, {
+  afterEach: () => afterEach,
+  initialGlobals: () => initialGlobals,
+  parameters: () => parameters
+});
+
+// src/constants.ts
+var ADDON_ID = "accesslint/a11y";
+var RESULT_EVENT = `${ADDON_ID}/result`;
+
+// src/preview.ts
+var initialGlobals = {
+  accesslint: {}
+};
+var parameters = {
+  accesslint: {}
+};
+core.configureRules({
+  disabledRules: ["accesslint-045"]
+});
+var BUDGET_MS = 12;
+function yieldToMain() {
+  return new Promise((resolve) => setTimeout(resolve, 0));
+}
+function scopeViolations(violations) {
+  const root = document.getElementById("storybook-root");
+  if (!root) return violations;
+  return violations.filter((v) => {
+    const local = v.selector.replace(/^.*>>>\s*iframe>\s*/, "");
+    try {
+      const el = document.querySelector(local);
+      return el && root.contains(el);
+    } catch {
+      return false;
+    }
+  });
+}
+function enrichViolations(violations) {
+  return violations.map((v) => {
+    const rule = core.getRuleById(v.ruleId);
+    return {
+      ...v,
+      element: void 0,
+      // not serializable
+      description: rule?.description,
+      wcag: rule?.wcag,
+      level: rule?.level,
+      guidance: rule?.guidance
+    };
+  });
+}
+var afterEach = async ({
+  reporting,
+  parameters: parameters2,
+  viewMode,
+  tags,
+  id
+}) => {
+  const accesslintParam = parameters2?.accesslint;
+  if (accesslintParam?.disable === true || accesslintParam?.test === "off") return;
+  if (viewMode !== "story") return;
+  const skipTags = typeof __ACCESSLINT_SKIP_TAGS__ !== "undefined" ? __ACCESSLINT_SKIP_TAGS__ : [];
+  const allSkipTags = ["skip-accesslint", ...skipTags];
+  const matchedTag = tags?.find((t) => allSkipTags.includes(t));
+  if (matchedTag) {
+    const result2 = { skipped: true, reason: matchedTag };
+    previewApi.addons.getChannel().emit(RESULT_EVENT, { storyId: id, result: result2 });
+    reporting.addReport({
+      type: "accesslint",
+      version: 1,
+      result: result2,
+      status: "passed"
+    });
+    return;
+  }
+  const audit = core.createChunkedAudit(document);
+  while (audit.processChunk(BUDGET_MS)) {
+    await yieldToMain();
+  }
+  const violations = audit.getViolations();
+  const scoped = scopeViolations(violations);
+  const enriched = enrichViolations(scoped);
+  const hasViolations = enriched.length > 0;
+  const mode = accesslintParam?.test === "todo" ? "warning" : "failed";
+  const status = hasViolations ? mode : "passed";
+  const result = {
+    violations: enriched,
+    ruleCount: core.getActiveRules().length
+  };
+  previewApi.addons.getChannel().emit(RESULT_EVENT, { storyId: id, result, status });
+  reporting.addReport({
+    type: "accesslint",
+    version: 1,
+    result,
+    status
+  });
+};
+
+// src/index.ts
+var index_default = () => csf.definePreviewAddon(preview_exports);
+
+module.exports = index_default;

package/dist/index.d.cts

@@ -1,2 +1,5 @@
+import * as storybook_internal_csf from 'storybook/internal/csf';
 
-export {  }
+declare const _default: () => storybook_internal_csf.PreviewAddon<storybook_internal_csf.AddonTypes>;
+
+export { _default as default };

package/dist/index.d.ts

@@ -1,2 +1,5 @@
+import * as storybook_internal_csf from 'storybook/internal/csf';
 
-export {  }
+declare const _default: () => storybook_internal_csf.PreviewAddon<storybook_internal_csf.AddonTypes>;
+
+export { _default as default };

package/dist/index.js

@@ -1 +1,6 @@
+import { preview_exports } from './chunk-XTEGJNR3.js';
+import { definePreviewAddon } from 'storybook/internal/csf';
 
+var index_default = () => definePreviewAddon(preview_exports);
+
+export { index_default as default };

package/dist/manager.js

@@ -1,7 +1,7 @@
 import React, { useMemo, useState, useRef, useCallback } from 'react';
-import * as managerApi from 'storybook/internal/manager-api';
-import { useChannel } from 'storybook/internal/manager-api';
-import { styled, useTheme } from 'storybook/internal/theming';
+import * as managerApi from 'storybook/manager-api';
+import { useChannel } from 'storybook/manager-api';
+import { styled, useTheme } from 'storybook/theming';
 import { STORY_CHANGED } from 'storybook/internal/core-events';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {

package/dist/portable.cjs

@@ -12,7 +12,9 @@ var __export = (target, all) => {
 // src/preview.ts
 var preview_exports = {};
 __export(preview_exports, {
-  afterEach: () => afterEach
+  afterEach: () => afterEach,
+  initialGlobals: () => initialGlobals,
+  parameters: () => parameters
 });
 
 // src/constants.ts
@@ -20,6 +22,12 @@ var ADDON_ID = "accesslint/a11y";
 var RESULT_EVENT = `${ADDON_ID}/result`;
 
 // src/preview.ts
+var initialGlobals = {
+  accesslint: {}
+};
+var parameters = {
+  accesslint: {}
+};
 core.configureRules({
   disabledRules: ["accesslint-045"]
 });
@@ -56,12 +64,12 @@ function enrichViolations(violations) {
 }
 var afterEach = async ({
   reporting,
-  parameters,
+  parameters: parameters2,
   viewMode,
   tags,
   id
 }) => {
-  const accesslintParam = parameters?.accesslint;
+  const accesslintParam = parameters2?.accesslint;
   if (accesslintParam?.disable === true || accesslintParam?.test === "off") return;
   if (viewMode !== "story") return;
   const skipTags = typeof __ACCESSLINT_SKIP_TAGS__ !== "undefined" ? __ACCESSLINT_SKIP_TAGS__ : [];

package/dist/portable.d.cts

@@ -1,6 +1,17 @@
+declare const initialGlobals: {
+    accesslint: {};
+};
+declare const parameters: {
+    accesslint: {};
+};
 declare const afterEach: ({ reporting, parameters, viewMode, tags, id, }: {
     reporting: {
-        addReport: (report: Record<string, unknown>) => void;
+        addReport: (report: {
+            type: string;
+            version?: number;
+            result: unknown;
+            status: "failed" | "passed" | "warning";
+        }) => void;
     };
     parameters: Record<string, unknown>;
     viewMode: string;
@@ -9,8 +20,10 @@ declare const afterEach: ({ reporting, parameters, viewMode, tags, id, }: {
 }) => Promise<void>;
 
 declare const accesslintAnnotations_afterEach: typeof afterEach;
+declare const accesslintAnnotations_initialGlobals: typeof initialGlobals;
+declare const accesslintAnnotations_parameters: typeof parameters;
 declare namespace accesslintAnnotations {
-  export { accesslintAnnotations_afterEach as afterEach };
+  export { accesslintAnnotations_afterEach as afterEach, accesslintAnnotations_initialGlobals as initialGlobals, accesslintAnnotations_parameters as parameters };
 }
 
 /**

package/dist/portable.d.ts

@@ -1,6 +1,17 @@
+declare const initialGlobals: {
+    accesslint: {};
+};
+declare const parameters: {
+    accesslint: {};
+};
 declare const afterEach: ({ reporting, parameters, viewMode, tags, id, }: {
     reporting: {
-        addReport: (report: Record<string, unknown>) => void;
+        addReport: (report: {
+            type: string;
+            version?: number;
+            result: unknown;
+            status: "failed" | "passed" | "warning";
+        }) => void;
     };
     parameters: Record<string, unknown>;
     viewMode: string;
@@ -9,8 +20,10 @@ declare const afterEach: ({ reporting, parameters, viewMode, tags, id, }: {
 }) => Promise<void>;
 
 declare const accesslintAnnotations_afterEach: typeof afterEach;
+declare const accesslintAnnotations_initialGlobals: typeof initialGlobals;
+declare const accesslintAnnotations_parameters: typeof parameters;
 declare namespace accesslintAnnotations {
-  export { accesslintAnnotations_afterEach as afterEach };
+  export { accesslintAnnotations_afterEach as afterEach, accesslintAnnotations_initialGlobals as initialGlobals, accesslintAnnotations_parameters as parameters };
 }
 
 /**

package/dist/portable.js

@@ -10,7 +10,9 @@ var __export = (target, all) => {
 // src/preview.ts
 var preview_exports = {};
 __export(preview_exports, {
-  afterEach: () => afterEach
+  afterEach: () => afterEach,
+  initialGlobals: () => initialGlobals,
+  parameters: () => parameters
 });
 
 // src/constants.ts
@@ -18,6 +20,12 @@ var ADDON_ID = "accesslint/a11y";
 var RESULT_EVENT = `${ADDON_ID}/result`;
 
 // src/preview.ts
+var initialGlobals = {
+  accesslint: {}
+};
+var parameters = {
+  accesslint: {}
+};
 configureRules({
   disabledRules: ["accesslint-045"]
 });
@@ -54,12 +62,12 @@ function enrichViolations(violations) {
 }
 var afterEach = async ({
   reporting,
-  parameters,
+  parameters: parameters2,
   viewMode,
   tags,
   id
 }) => {
-  const accesslintParam = parameters?.accesslint;
+  const accesslintParam = parameters2?.accesslint;
   if (accesslintParam?.disable === true || accesslintParam?.test === "off") return;
   if (viewMode !== "story") return;
   const skipTags = typeof __ACCESSLINT_SKIP_TAGS__ !== "undefined" ? __ACCESSLINT_SKIP_TAGS__ : [];

package/dist/preview.cjs

@@ -10,6 +10,12 @@ var ADDON_ID = "accesslint/a11y";
 var RESULT_EVENT = `${ADDON_ID}/result`;
 
 // src/preview.ts
+var initialGlobals = {
+  accesslint: {}
+};
+var parameters = {
+  accesslint: {}
+};
 core.configureRules({
   disabledRules: ["accesslint-045"]
 });
@@ -46,12 +52,12 @@ function enrichViolations(violations) {
 }
 var afterEach = async ({
   reporting,
-  parameters,
+  parameters: parameters2,
   viewMode,
   tags,
   id
 }) => {
-  const accesslintParam = parameters?.accesslint;
+  const accesslintParam = parameters2?.accesslint;
   if (accesslintParam?.disable === true || accesslintParam?.test === "off") return;
   if (viewMode !== "story") return;
   const skipTags = typeof __ACCESSLINT_SKIP_TAGS__ !== "undefined" ? __ACCESSLINT_SKIP_TAGS__ : [];
@@ -92,3 +98,5 @@ var afterEach = async ({
 };
 
 exports.afterEach = afterEach;
+exports.initialGlobals = initialGlobals;
+exports.parameters = parameters;

package/dist/preview.d.cts

@@ -1,6 +1,17 @@
+declare const initialGlobals: {
+    accesslint: {};
+};
+declare const parameters: {
+    accesslint: {};
+};
 declare const afterEach: ({ reporting, parameters, viewMode, tags, id, }: {
     reporting: {
-        addReport: (report: Record<string, unknown>) => void;
+        addReport: (report: {
+            type: string;
+            version?: number;
+            result: unknown;
+            status: "failed" | "passed" | "warning";
+        }) => void;
     };
     parameters: Record<string, unknown>;
     viewMode: string;
@@ -8,4 +19,4 @@ declare const afterEach: ({ reporting, parameters, viewMode, tags, id, }: {
     id?: string;
 }) => Promise<void>;
 
-export { afterEach };
+export { afterEach, initialGlobals, parameters };

package/dist/preview.d.ts

@@ -1,6 +1,17 @@
+declare const initialGlobals: {
+    accesslint: {};
+};
+declare const parameters: {
+    accesslint: {};
+};
 declare const afterEach: ({ reporting, parameters, viewMode, tags, id, }: {
     reporting: {
-        addReport: (report: Record<string, unknown>) => void;
+        addReport: (report: {
+            type: string;
+            version?: number;
+            result: unknown;
+            status: "failed" | "passed" | "warning";
+        }) => void;
     };
     parameters: Record<string, unknown>;
     viewMode: string;
@@ -8,4 +19,4 @@ declare const afterEach: ({ reporting, parameters, viewMode, tags, id, }: {
     id?: string;
 }) => Promise<void>;
 
-export { afterEach };
+export { afterEach, initialGlobals, parameters };

package/dist/preview.js

@@ -1,92 +1 @@
-import { configureRules, createChunkedAudit, getActiveRules, getRuleById } from '@accesslint/core';
-import { addons } from 'storybook/preview-api';
-
-// src/preview.ts
-
-// src/constants.ts
-var ADDON_ID = "accesslint/a11y";
-var RESULT_EVENT = `${ADDON_ID}/result`;
-
-// src/preview.ts
-configureRules({
-  disabledRules: ["accesslint-045"]
-});
-var BUDGET_MS = 12;
-function yieldToMain() {
-  return new Promise((resolve) => setTimeout(resolve, 0));
-}
-function scopeViolations(violations) {
-  const root = document.getElementById("storybook-root");
-  if (!root) return violations;
-  return violations.filter((v) => {
-    const local = v.selector.replace(/^.*>>>\s*iframe>\s*/, "");
-    try {
-      const el = document.querySelector(local);
-      return el && root.contains(el);
-    } catch {
-      return false;
-    }
-  });
-}
-function enrichViolations(violations) {
-  return violations.map((v) => {
-    const rule = getRuleById(v.ruleId);
-    return {
-      ...v,
-      element: void 0,
-      // not serializable
-      description: rule?.description,
-      wcag: rule?.wcag,
-      level: rule?.level,
-      guidance: rule?.guidance
-    };
-  });
-}
-var afterEach = async ({
-  reporting,
-  parameters,
-  viewMode,
-  tags,
-  id
-}) => {
-  const accesslintParam = parameters?.accesslint;
-  if (accesslintParam?.disable === true || accesslintParam?.test === "off") return;
-  if (viewMode !== "story") return;
-  const skipTags = typeof __ACCESSLINT_SKIP_TAGS__ !== "undefined" ? __ACCESSLINT_SKIP_TAGS__ : [];
-  const allSkipTags = ["skip-accesslint", ...skipTags];
-  const matchedTag = tags?.find((t) => allSkipTags.includes(t));
-  if (matchedTag) {
-    const result2 = { skipped: true, reason: matchedTag };
-    addons.getChannel().emit(RESULT_EVENT, { storyId: id, result: result2 });
-    reporting.addReport({
-      type: "accesslint",
-      version: 1,
-      result: result2,
-      status: "passed"
-    });
-    return;
-  }
-  const audit = createChunkedAudit(document);
-  while (audit.processChunk(BUDGET_MS)) {
-    await yieldToMain();
-  }
-  const violations = audit.getViolations();
-  const scoped = scopeViolations(violations);
-  const enriched = enrichViolations(scoped);
-  const hasViolations = enriched.length > 0;
-  const mode = accesslintParam?.test === "todo" ? "warning" : "failed";
-  const status = hasViolations ? mode : "passed";
-  const result = {
-    violations: enriched,
-    ruleCount: getActiveRules().length
-  };
-  addons.getChannel().emit(RESULT_EVENT, { storyId: id, result, status });
-  reporting.addReport({
-    type: "accesslint",
-    version: 1,
-    result,
-    status
-  });
-};
-
-export { afterEach };
+export { afterEach, initialGlobals, parameters } from './chunk-XTEGJNR3.js';

package/dist/vitest-setup.cjs

@@ -15,7 +15,9 @@ var __export = (target, all) => {
 // src/preview.ts
 var preview_exports = {};
 __export(preview_exports, {
-  afterEach: () => afterEach
+  afterEach: () => afterEach,
+  initialGlobals: () => initialGlobals,
+  parameters: () => parameters
 });
 
 // src/constants.ts
@@ -23,6 +25,12 @@ var ADDON_ID = "accesslint/a11y";
 var RESULT_EVENT = `${ADDON_ID}/result`;
 
 // src/preview.ts
+var initialGlobals = {
+  accesslint: {}
+};
+var parameters = {
+  accesslint: {}
+};
 core.configureRules({
   disabledRules: ["accesslint-045"]
 });
@@ -59,12 +67,12 @@ function enrichViolations(violations) {
 }
 var afterEach = async ({
   reporting,
-  parameters,
+  parameters: parameters2,
   viewMode,
   tags,
   id
 }) => {
-  const accesslintParam = parameters?.accesslint;
+  const accesslintParam = parameters2?.accesslint;
   if (accesslintParam?.disable === true || accesslintParam?.test === "off") return;
   if (viewMode !== "story") return;
   const skipTags = typeof __ACCESSLINT_SKIP_TAGS__ !== "undefined" ? __ACCESSLINT_SKIP_TAGS__ : [];

package/dist/vitest-setup.js

@@ -13,7 +13,9 @@ var __export = (target, all) => {
 // src/preview.ts
 var preview_exports = {};
 __export(preview_exports, {
-  afterEach: () => afterEach
+  afterEach: () => afterEach,
+  initialGlobals: () => initialGlobals,
+  parameters: () => parameters
 });
 
 // src/constants.ts
@@ -21,6 +23,12 @@ var ADDON_ID = "accesslint/a11y";
 var RESULT_EVENT = `${ADDON_ID}/result`;
 
 // src/preview.ts
+var initialGlobals = {
+  accesslint: {}
+};
+var parameters = {
+  accesslint: {}
+};
 configureRules({
   disabledRules: ["accesslint-045"]
 });
@@ -57,12 +65,12 @@ function enrichViolations(violations) {
 }
 var afterEach = async ({
   reporting,
-  parameters,
+  parameters: parameters2,
   viewMode,
   tags,
   id
 }) => {
-  const accesslintParam = parameters?.accesslint;
+  const accesslintParam = parameters2?.accesslint;
   if (accesslintParam?.disable === true || accesslintParam?.test === "off") return;
   if (viewMode !== "story") return;
   const skipTags = typeof __ACCESSLINT_SKIP_TAGS__ !== "undefined" ? __ACCESSLINT_SKIP_TAGS__ : [];

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@accesslint/storybook-addon",
-  "version": "0.8.5",
+  "version": "0.8.7",
   "description": "Catch accessibility violations in your Storybook stories as you develop",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
-  "homepage": "https://accesslint.com/storybook",
+  "homepage": "https://www.accesslint.com/storybook?ref=npm_storybook",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/AccessLint/storybook-addon.git"