@tanstack/devtools-a11y 0.0.1 → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 TanStack
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/esm/core/components/IssueCard.d.ts

@@ -0,0 +1,10 @@
+import { A11yIssue, SeverityThreshold } from '../types/types.js';
+interface A11yIssueCardProps {
+    issue: A11yIssue;
+    impact: SeverityThreshold;
+    selected: boolean;
+    onSelect: () => void;
+    onDisableRule: (ruleId: string) => void;
+}
+export declare function A11yIssueCard(props: A11yIssueCardProps): import("solid-js").JSX.Element;
+export {};

package/dist/esm/core/components/IssueCard.js

@@ -0,0 +1,83 @@
+import { useStyles } from "../styles/styles.js";
+import { addEventListener, classList, className, createComponent, delegateEvents, effect, getNextElement, getNextMarker, insert, runHydrationEvents, setAttribute, template } from "solid-js/web";
+import { For, Show } from "solid-js";
+import { Button } from "@tanstack/devtools-ui";
+//#region src/core/components/IssueCard.tsx
+/** @jsxImportSource solid-js */
+var _tmpl$ = /* @__PURE__ */ template(`<div>`), _tmpl$2 = /* @__PURE__ */ template(`<div><div><div><div><span></span><span></span></div><p></p><div></div></div><div><a target=_blank rel="noopener noreferrer">Learn more</a><!$><!/></div></div><!$><!/>`), _tmpl$3 = /* @__PURE__ */ template(`<span>`);
+function A11yIssueCard(props) {
+	const selector = () => props.issue.nodes[0]?.selector || "unknown";
+	const styles = useStyles();
+	return (() => {
+		var _el$ = getNextElement(_tmpl$2), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$4.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$3.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, [_el$10, _co$] = getNextMarker(_el$1.nextSibling), _el$12 = _el$2.nextSibling, [_el$13, _co$2] = getNextMarker(_el$12.nextSibling);
+		addEventListener(_el$, "click", props.onSelect, true);
+		insert(_el$6, () => props.issue.ruleId);
+		insert(_el$7, () => props.issue.message);
+		insert(_el$8, selector);
+		_el$0.$$click = (event) => event.stopPropagation();
+		insert(_el$9, createComponent(Button, {
+			variant: "secondary",
+			ghost: true,
+			onClick: (event) => {
+				event.stopPropagation();
+				props.onDisableRule(props.issue.ruleId);
+			},
+			children: "Disable rule"
+		}), _el$10, _co$);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.issue.wcagTags.length > 0;
+			},
+			get children() {
+				var _el$11 = getNextElement(_tmpl$);
+				insert(_el$11, createComponent(For, {
+					get each() {
+						return props.issue.wcagTags.slice(0, 3);
+					},
+					children: (tag) => (() => {
+						var _el$14 = getNextElement(_tmpl$3);
+						insert(_el$14, tag);
+						effect(() => className(_el$14, styles().tag));
+						return _el$14;
+					})()
+				}));
+				effect(() => className(_el$11, styles().tags));
+				return _el$11;
+			}
+		}), _el$13, _co$2);
+		effect((_p$) => {
+			var _v$ = styles().issueCard, _v$2 = { [styles().issueCardSelected]: props.selected }, _v$3 = styles().issueRow, _v$4 = styles().issueMain, _v$5 = styles().issueTitleRow, _v$6 = styles().dot(props.impact), _v$7 = styles().issueMessage, _v$8 = styles().selector, _v$9 = styles().issueAside, _v$0 = styles().helpLink, _v$1 = props.issue.helpUrl;
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_p$.t = classList(_el$, _v$2, _p$.t);
+			_v$3 !== _p$.a && className(_el$2, _p$.a = _v$3);
+			_v$4 !== _p$.o && className(_el$3, _p$.o = _v$4);
+			_v$5 !== _p$.i && className(_el$4, _p$.i = _v$5);
+			_v$6 !== _p$.n && className(_el$5, _p$.n = _v$6);
+			_v$7 !== _p$.s && className(_el$7, _p$.s = _v$7);
+			_v$8 !== _p$.h && className(_el$8, _p$.h = _v$8);
+			_v$9 !== _p$.r && className(_el$9, _p$.r = _v$9);
+			_v$0 !== _p$.d && className(_el$0, _p$.d = _v$0);
+			_v$1 !== _p$.l && setAttribute(_el$0, "href", _p$.l = _v$1);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0,
+			r: void 0,
+			d: void 0,
+			l: void 0
+		});
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+delegateEvents(["click"]);
+//#endregion
+export { A11yIssueCard };
+
+//# sourceMappingURL=IssueCard.js.map

package/dist/esm/core/components/IssueCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueCard.js","names":["For","Show","Button","useStyles","A11yIssue","SeverityThreshold","A11yIssueCardProps","issue","impact","selected","onSelect","onDisableRule","ruleId","A11yIssueCard","props","selector","nodes","styles","_el$","_$getNextElement","_tmpl$2","_el$2","firstChild","_el$3","_el$4","_el$5","_el$6","nextSibling","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_co$","_$getNextMarker","_el$12","_el$13","_co$2","_$addEventListener","_$insert","message","$$click","event","stopPropagation","_$createComponent","variant","ghost","onClick","MouseEvent","children","when","wcagTags","length","_el$11","_tmpl$","each","slice","tag","_el$14","_tmpl$3","_$effect","_$className","tags","_p$","_v$","issueCard","_v$2","issueCardSelected","_v$3","issueRow","_v$4","issueMain","_v$5","issueTitleRow","_v$6","dot","_v$7","issueMessage","_v$8","_v$9","issueAside","_v$0","helpLink","_v$1","helpUrl","e","t","_$classList","a","o","i","n","s","h","r","d","l","_$setAttribute","undefined","_$runHydrationEvents","_$delegateEvents"],"sources":["../../../../src/core/components/IssueCard.tsx"],"sourcesContent":["/** @jsxImportSource solid-js */\n\nimport { For, Show } from 'solid-js'\nimport { Button } from '@tanstack/devtools-ui'\nimport { useStyles } from '../styles/styles'\n\n// types\nimport type { A11yIssue, SeverityThreshold } from '../types/types'\n\ninterface A11yIssueCardProps {\n  issue: A11yIssue\n  impact: SeverityThreshold\n  selected: boolean\n  onSelect: () => void\n  onDisableRule: (ruleId: string) => void\n}\n\nexport function A11yIssueCard(props: A11yIssueCardProps) {\n  const selector = () => props.issue.nodes[0]?.selector || 'unknown'\n  const styles = useStyles()\n\n  return (\n    <div\n      class={styles().issueCard}\n      classList={{\n        [styles().issueCardSelected]: props.selected,\n      }}\n      onClick={props.onSelect}\n    >\n      <div class={styles().issueRow}>\n        <div class={styles().issueMain}>\n          <div class={styles().issueTitleRow}>\n            <span class={styles().dot(props.impact)} />\n\n            <span>{props.issue.ruleId}</span>\n          </div>\n          <p class={styles().issueMessage}>{props.issue.message}</p>\n\n          <div class={styles().selector}>{selector()}</div>\n        </div>\n\n        <div class={styles().issueAside}>\n          <a\n            class={styles().helpLink}\n            href={props.issue.helpUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            onClick={(event) => event.stopPropagation()}\n          >\n            Learn more\n          </a>\n\n          <Button\n            variant=\"secondary\"\n            ghost\n            onClick={(event: MouseEvent) => {\n              event.stopPropagation()\n              props.onDisableRule(props.issue.ruleId)\n            }}\n          >\n            Disable rule\n          </Button>\n        </div>\n      </div>\n\n      <Show when={props.issue.wcagTags.length > 0}>\n        <div class={styles().tags}>\n          <For each={props.issue.wcagTags.slice(0, 3)}>\n            {(tag) => <span class={styles().tag}>{tag}</span>}\n          </For>\n        </div>\n      </Show>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/core/components/IssueList.d.ts

@@ -0,0 +1,6 @@
+import { Signal } from 'solid-js';
+interface A11yIssueListProps {
+    selectedIssueSignal: Signal<string>;
+}
+export declare function A11yIssueList(props: A11yIssueListProps): import("solid-js").JSX.Element;
+export {};

package/dist/esm/core/components/IssueList.js

@@ -0,0 +1,134 @@
+import { SEVERITY_LABELS, clearHighlights, highlightAllIssues, highlightElement, scrollToElement } from "../utils/ui.utils.js";
+import { IMPACTS } from "../utils/ally-audit.utils.js";
+import { useAllyContext } from "../contexts/allyContext.js";
+import { useStyles } from "../styles/styles.js";
+import { A11yIssueCard } from "./IssueCard.js";
+import { classList, className, createComponent, delegateEvents, effect, getNextElement, getNextMarker, insert, runHydrationEvents, template } from "solid-js/web";
+import { For, Show } from "solid-js";
+//#region src/core/components/IssueList.tsx
+/** @jsxImportSource solid-js */
+var _tmpl$ = /* @__PURE__ */ template(`<div><div></div><!$><!/>`), _tmpl$2 = /* @__PURE__ */ template(`<button><div></div><div>`), _tmpl$3 = /* @__PURE__ */ template(`<div><h3><!$><!/> (<!$><!/>)</h3><!$><!/>`);
+function A11yIssueList(props) {
+	const [selectedIssueId, setSelectedIssueId] = props.selectedIssueSignal;
+	const styles = useStyles();
+	const ally = useAllyContext();
+	const handleIssueClick = (issueId) => {
+		if (selectedIssueId() === issueId) {
+			setSelectedIssueId("");
+			clearHighlights();
+			if (ally.config.showOverlays && ally.allyResult.audit && ally.filteredIssues().length > 0) highlightAllIssues(ally.filteredIssues());
+			return;
+		}
+		setSelectedIssueId(issueId);
+		clearHighlights();
+		const issue = ally.allyResult.audit?.issues.find((i) => i.id === issueId);
+		if (!issue || issue.nodes.length === 0) return;
+		let scrolled = false;
+		for (const node of issue.nodes) {
+			const selector = node.selector;
+			if (!selector) continue;
+			try {
+				if (document.querySelector(selector)) {
+					if (!scrolled) {
+						scrollToElement(selector);
+						scrolled = true;
+					}
+					highlightElement(selector, issue.impact, {
+						showTooltip: true,
+						ruleId: issue.ruleId
+					});
+				}
+			} catch (error) {
+				console.warn("[A11y Panel] Invalid selector:", selector, error);
+			}
+		}
+	};
+	return (() => {
+		var _el$ = getNextElement(_tmpl$), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, [_el$4, _co$] = getNextMarker(_el$3.nextSibling);
+		insert(_el$2, createComponent(For, {
+			each: IMPACTS,
+			children: (impact) => {
+				const issuesForImpact = () => ally.filteredIssues().filter((issue) => issue.impact === impact);
+				const count = () => issuesForImpact().length || 0;
+				const active = () => ally.impactKey() === impact;
+				return (() => {
+					var _el$5 = getNextElement(_tmpl$2), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+					_el$5.$$click = () => {
+						ally.setImpactKey(ally.impactKey() === impact ? "all" : impact);
+						setSelectedIssueId("");
+					};
+					insert(_el$6, count);
+					insert(_el$7, () => SEVERITY_LABELS[impact]);
+					effect((_p$) => {
+						var _v$ = styles().summaryButton, _v$2 = { [styles().summaryButtonActive(impact)]: active() }, _v$3 = styles().summaryCount(impact), _v$4 = styles().summaryLabel;
+						_v$ !== _p$.e && className(_el$5, _p$.e = _v$);
+						_p$.t = classList(_el$5, _v$2, _p$.t);
+						_v$3 !== _p$.a && className(_el$6, _p$.a = _v$3);
+						_v$4 !== _p$.o && className(_el$7, _p$.o = _v$4);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0,
+						o: void 0
+					});
+					runHydrationEvents();
+					return _el$5;
+				})();
+			}
+		}));
+		insert(_el$, createComponent(For, {
+			each: IMPACTS,
+			children: (impact) => {
+				const issues = () => ally.filteredIssues().filter((issue) => issue.impact === impact);
+				const shouldRender = () => {
+					if (ally.impactKey() !== "all") return ally.impactKey() === impact;
+					return issues().length > 0;
+				};
+				return createComponent(Show, {
+					get when() {
+						return shouldRender();
+					},
+					get children() {
+						var _el$8 = getNextElement(_tmpl$3), _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, [_el$11, _co$2] = getNextMarker(_el$10.nextSibling), _el$12 = _el$11.nextSibling.nextSibling, [_el$13, _co$3] = getNextMarker(_el$12.nextSibling);
+						_el$13.nextSibling;
+						var _el$14 = _el$9.nextSibling, [_el$15, _co$4] = getNextMarker(_el$14.nextSibling);
+						insert(_el$9, () => SEVERITY_LABELS[impact], _el$11, _co$2);
+						insert(_el$9, () => issues().length, _el$13, _co$3);
+						insert(_el$8, createComponent(For, {
+							get each() {
+								return issues();
+							},
+							children: (issue) => createComponent(A11yIssueCard, {
+								issue,
+								impact,
+								get selected() {
+									return selectedIssueId() === issue.id;
+								},
+								onSelect: () => handleIssueClick(issue.id),
+								onDisableRule: () => ally.setConfig("disabledRules", [...ally.config.disabledRules, issue.ruleId])
+							})
+						}), _el$15, _co$4);
+						effect((_p$) => {
+							var _v$5 = styles().section, _v$6 = styles().sectionTitle(impact);
+							_v$5 !== _p$.e && className(_el$8, _p$.e = _v$5);
+							_v$6 !== _p$.t && className(_el$9, _p$.t = _v$6);
+							return _p$;
+						}, {
+							e: void 0,
+							t: void 0
+						});
+						return _el$8;
+					}
+				});
+			}
+		}), _el$4, _co$);
+		effect(() => className(_el$2, styles().summaryGrid));
+		return _el$;
+	})();
+}
+delegateEvents(["click"]);
+//#endregion
+export { A11yIssueList };
+
+//# sourceMappingURL=IssueList.js.map

package/dist/esm/core/components/IssueList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueList.js","names":["For","Show","useAllyContext","SEVERITY_LABELS","clearHighlights","highlightAllIssues","highlightElement","scrollToElement","IMPACTS","useStyles","A11yIssueCard","Signal","A11yIssueListProps","selectedIssueSignal","A11yIssueList","props","selectedIssueId","setSelectedIssueId","styles","ally","handleIssueClick","issueId","config","showOverlays","allyResult","audit","filteredIssues","length","issue","issues","find","i","id","nodes","scrolled","node","selector","el","document","querySelector","impact","showTooltip","ruleId","error","console","warn","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_co$","_$getNextMarker","_$insert","_$createComponent","each","children","issuesForImpact","filter","count","active","impactKey","_el$5","_tmpl$2","_el$6","_el$7","$$click","setImpactKey","_$effect","_p$","_v$","summaryButton","_v$2","summaryButtonActive","_v$3","summaryCount","_v$4","summaryLabel","e","_$className","t","_$classList","a","o","undefined","_$runHydrationEvents","shouldRender","when","_el$8","_tmpl$3","_el$9","_el$10","_el$11","_co$2","_el$0","_el$12","_el$13","_co$3","_el$1","_el$14","_el$15","_co$4","selected","onSelect","onDisableRule","setConfig","disabledRules","_v$5","section","_v$6","sectionTitle","summaryGrid","_$delegateEvents"],"sources":["../../../../src/core/components/IssueList.tsx"],"sourcesContent":["/** @jsxImportSource solid-js */\n\nimport { For, Show } from 'solid-js'\nimport { useAllyContext } from '../contexts/allyContext'\nimport {\n  SEVERITY_LABELS,\n  clearHighlights,\n  highlightAllIssues,\n  highlightElement,\n  scrollToElement,\n} from '../utils/ui.utils'\nimport { IMPACTS } from '../utils/ally-audit.utils'\nimport { useStyles } from '../styles/styles'\nimport { A11yIssueCard } from './IssueCard'\n\n// types\nimport type { Signal } from 'solid-js'\n\ninterface A11yIssueListProps {\n  selectedIssueSignal: Signal<string>\n}\n\nexport function A11yIssueList(props: A11yIssueListProps) {\n  const [selectedIssueId, setSelectedIssueId] = props.selectedIssueSignal\n\n  // hooks\n  const styles = useStyles()\n  const ally = useAllyContext()\n\n  // handlers\n  const handleIssueClick = (issueId: string) => {\n    if (selectedIssueId() === issueId) {\n      setSelectedIssueId('')\n      clearHighlights()\n\n      if (\n        ally.config.showOverlays &&\n        ally.allyResult.audit &&\n        ally.filteredIssues().length > 0\n      ) {\n        highlightAllIssues(ally.filteredIssues())\n      }\n\n      return\n    }\n\n    setSelectedIssueId(issueId)\n    clearHighlights()\n\n    const issue = ally.allyResult.audit?.issues.find((i) => i.id === issueId)\n    if (!issue || issue.nodes.length === 0) return\n\n    let scrolled = false\n    for (const node of issue.nodes) {\n      const selector = node.selector\n      if (!selector) continue\n\n      try {\n        const el = document.querySelector(selector)\n        if (el) {\n          if (!scrolled) {\n            scrollToElement(selector)\n            scrolled = true\n          }\n\n          highlightElement(selector, issue.impact, {\n            showTooltip: true,\n            ruleId: issue.ruleId,\n          })\n        }\n      } catch (error) {\n        console.warn('[A11y Panel] Invalid selector:', selector, error)\n      }\n    }\n  }\n\n  return (\n    <div>\n      <div class={styles().summaryGrid}>\n        <For each={IMPACTS}>\n          {(impact) => {\n            // Count issues from the reactive filteredIssues memo so counts update when config.threshold changes\n            const issuesForImpact = () =>\n              ally.filteredIssues().filter((issue) => issue.impact === impact)\n            const count = () => issuesForImpact().length || 0\n\n            const active = () => ally.impactKey() === impact\n\n            return (\n              <button\n                class={styles().summaryButton}\n                classList={{\n                  [styles().summaryButtonActive(impact)]: active(),\n                }}\n                onClick={() => {\n                  ally.setImpactKey(\n                    ally.impactKey() === impact ? 'all' : impact,\n                  )\n\n                  setSelectedIssueId('')\n                }}\n              >\n                <div class={styles().summaryCount(impact)}>{count()}</div>\n                <div class={styles().summaryLabel}>\n                  {SEVERITY_LABELS[impact]}\n                </div>\n              </button>\n            )\n          }}\n        </For>\n      </div>\n\n      <For each={IMPACTS}>\n        {(impact) => {\n          const issues = () =>\n            ally.filteredIssues().filter((issue) => issue.impact === impact)\n\n          const shouldRender = () => {\n            if (ally.impactKey() !== 'all') {\n              return ally.impactKey() === impact\n            }\n            return issues().length > 0\n          }\n\n          return (\n            <Show when={shouldRender()}>\n              <div class={styles().section}>\n                <h3 class={styles().sectionTitle(impact)}>\n                  {SEVERITY_LABELS[impact]} ({issues().length})\n                </h3>\n\n                <For each={issues()}>\n                  {(issue) => (\n                    <A11yIssueCard\n                      issue={issue}\n                      impact={impact}\n                      selected={selectedIssueId() === issue.id}\n                      onSelect={() => handleIssueClick(issue.id)}\n                      onDisableRule={() =>\n                        ally.setConfig('disabledRules', [\n                          ...ally.config.disabledRules,\n                          issue.ruleId,\n                        ])\n                      }\n                    />\n                  )}\n                </For>\n              </div>\n            </Show>\n          )\n        }}\n      </For>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/core/components/Settings.d.ts

@@ -0,0 +1,6 @@
+/** @jsxImportSource solid-js */
+interface A11ySettingsOverlayProps {
+    onClose: () => void;
+}
+export declare function A11ySettingsOverlay(props: A11ySettingsOverlayProps): import("solid-js").JSX.Element;
+export {};

package/dist/esm/core/components/Settings.js

@@ -0,0 +1,251 @@
+import { getAvailableRules } from "../utils/ally-audit.utils.js";
+import { useAllyContext } from "../contexts/allyContext.js";
+import { CATEGORIES, CATEGORY_LABELS, useStyles } from "../styles/styles.js";
+import { classList, className, createComponent, effect, getNextElement, getNextMarker, insert, setProperty, template } from "solid-js/web";
+import { For, Show, createMemo, createSignal } from "solid-js";
+import { Button, Input, Select } from "@tanstack/devtools-ui";
+//#region src/core/components/Settings.tsx
+/** @jsxImportSource solid-js */
+var _tmpl$ = /* @__PURE__ */ template(`<div><div><h3>Settings</h3><!$><!/></div><div><div><h4>General</h4><div><!$><!/><!$><!/></div></div><div><div><h4>Rules (<!$><!/> total, <!$><!/> disabled)</h4><div><!$><!/><!$><!/></div></div><div><!$><!/><!$><!/></div><div>`), _tmpl$2 = /* @__PURE__ */ template(`<span title="Best Practice only">BP`), _tmpl$3 = /* @__PURE__ */ template(`<label><input type=checkbox><div><div><span></span><!$><!/></div><div></div><!$><!/>`), _tmpl$4 = /* @__PURE__ */ template(`<div><span>`);
+function A11ySettingsOverlay(props) {
+	const { config, setConfig } = useAllyContext();
+	const styles = useStyles();
+	const disabledRulesSet = createMemo(() => new Set(config.disabledRules));
+	const availableRules = createMemo(() => getAvailableRules());
+	const [searchString, setSearchString] = createSignal("");
+	const [searchCategory, setSearchCategory] = createSignal("all");
+	const filteredRules = createMemo(() => {
+		const cat = searchCategory();
+		const query = searchString().toLowerCase();
+		return availableRules().filter((rule) => {
+			if (cat !== "all" && !rule.tags.includes(cat)) return false;
+			if (!query) return true;
+			return rule.id.toLowerCase().includes(query) || rule.description.toLowerCase().includes(query);
+		});
+	});
+	return (() => {
+		var _el$ = getNextElement(_tmpl$), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, [_el$5, _co$] = getNextMarker(_el$4.nextSibling), _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, [_el$1, _co$2] = getNextMarker(_el$0.nextSibling), _el$10 = _el$1.nextSibling, [_el$11, _co$3] = getNextMarker(_el$10.nextSibling), _el$13 = _el$7.nextSibling.firstChild, _el$14 = _el$13.firstChild, _el$19 = _el$14.firstChild.nextSibling, [_el$20, _co$4] = getNextMarker(_el$19.nextSibling), _el$21 = _el$20.nextSibling.nextSibling, [_el$22, _co$5] = getNextMarker(_el$21.nextSibling);
+		_el$22.nextSibling;
+		var _el$23 = _el$14.nextSibling, _el$24 = _el$23.firstChild, [_el$25, _co$6] = getNextMarker(_el$24.nextSibling), _el$26 = _el$25.nextSibling, [_el$27, _co$7] = getNextMarker(_el$26.nextSibling), _el$28 = _el$13.nextSibling, _el$29 = _el$28.firstChild, [_el$30, _co$8] = getNextMarker(_el$29.nextSibling), _el$31 = _el$30.nextSibling, [_el$32, _co$9] = getNextMarker(_el$31.nextSibling), _el$33 = _el$28.nextSibling;
+		insert(_el$2, createComponent(Button, {
+			variant: "secondary",
+			outline: true,
+			get onClick() {
+				return props.onClose;
+			},
+			children: "Done"
+		}), _el$5, _co$);
+		insert(_el$9, createComponent(Select, {
+			label: "Severity Threshold",
+			description: "Only show issues at or above this level",
+			get value() {
+				return config.threshold;
+			},
+			options: [
+				{
+					value: "critical",
+					label: "Critical"
+				},
+				{
+					value: "serious",
+					label: "Serious"
+				},
+				{
+					value: "moderate",
+					label: "Moderate"
+				},
+				{
+					value: "minor",
+					label: "Minor"
+				}
+			],
+			onChange: (value) => {
+				setConfig("threshold", value);
+			}
+		}), _el$1, _co$2);
+		insert(_el$9, createComponent(Select, {
+			label: "Rule Set",
+			description: "WCAG conformance level or standard",
+			get value() {
+				return config.ruleSet;
+			},
+			options: [
+				{
+					value: "wcag2a",
+					label: "WCAG 2.0 A"
+				},
+				{
+					value: "wcag2aa",
+					label: "WCAG 2.0 AA"
+				},
+				{
+					value: "wcag21aa",
+					label: "WCAG 2.1 AA"
+				},
+				{
+					value: "wcag22aa",
+					label: "WCAG 2.2 AA"
+				},
+				{
+					value: "section508",
+					label: "Section 508"
+				},
+				{
+					value: "best-practice",
+					label: "Best Practice"
+				},
+				{
+					value: "all",
+					label: "All Rules"
+				}
+			],
+			onChange: (value) => {
+				setConfig("ruleSet", value);
+			}
+		}), _el$11, _co$3);
+		insert(_el$14, () => availableRules().length, _el$20, _co$4);
+		insert(_el$14, () => config.disabledRules.length, _el$22, _co$5);
+		insert(_el$23, createComponent(Button, {
+			variant: "success",
+			outline: true,
+			onClick: () => setConfig("disabledRules", []),
+			children: "Enable All"
+		}), _el$25, _co$6);
+		insert(_el$23, createComponent(Button, {
+			variant: "danger",
+			outline: true,
+			onClick: () => setConfig("disabledRules", availableRules().map((rule) => rule.id)),
+			children: "Disable All"
+		}), _el$27, _co$7);
+		insert(_el$28, createComponent(Select, {
+			label: "Category",
+			get value() {
+				return searchCategory();
+			},
+			get options() {
+				return CATEGORIES.map((cat) => ({
+					value: cat,
+					label: CATEGORY_LABELS[cat]
+				}));
+			},
+			onChange: (value) => setSearchCategory(value)
+		}), _el$30, _co$8);
+		insert(_el$28, createComponent(Input, {
+			label: "Search",
+			placeholder: "Search rules...",
+			get value() {
+				return searchString();
+			},
+			onChange: (value) => setSearchString(value)
+		}), _el$32, _co$9);
+		insert(_el$33, createComponent(For, {
+			get each() {
+				return filteredRules();
+			},
+			children: (rule, idx) => {
+				const isDisabled = () => disabledRulesSet().has(rule.id);
+				const isBestPracticeOnly = () => rule.tags.includes("best-practice") && !rule.tags.some((tag) => tag.startsWith("wcag") || tag.startsWith("section508"));
+				const categoryTag = () => rule.tags.find((tag) => tag.startsWith("cat."));
+				const hasBorder = () => idx() < filteredRules().length - 1;
+				return (() => {
+					var _el$34 = getNextElement(_tmpl$3), _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling, _el$37 = _el$36.firstChild, _el$38 = _el$37.firstChild, _el$40 = _el$38.nextSibling, [_el$41, _co$0] = getNextMarker(_el$40.nextSibling), _el$42 = _el$37.nextSibling, _el$43 = _el$42.nextSibling, [_el$44, _co$1] = getNextMarker(_el$43.nextSibling);
+					_el$35.addEventListener("change", () => setConfig("disabledRules", (rules) => {
+						if (disabledRulesSet().has(rule.id)) return rules.filter((id) => id !== rule.id);
+						else return [...rules, rule.id];
+					}));
+					insert(_el$38, () => rule.id);
+					insert(_el$37, createComponent(Show, {
+						get when() {
+							return isBestPracticeOnly();
+						},
+						get children() {
+							var _el$39 = getNextElement(_tmpl$2);
+							effect(() => className(_el$39, styles().bpBadge));
+							return _el$39;
+						}
+					}), _el$41, _co$0);
+					insert(_el$42, () => rule.description);
+					insert(_el$36, createComponent(Show, {
+						get when() {
+							return categoryTag();
+						},
+						children: (tag) => (() => {
+							var _el$45 = getNextElement(_tmpl$4), _el$46 = _el$45.firstChild;
+							insert(_el$46, () => CATEGORY_LABELS[tag()] || tag().replace("cat.", ""));
+							effect((_p$) => {
+								var _v$19 = styles().catTagRow, _v$20 = styles().catTag;
+								_v$19 !== _p$.e && className(_el$45, _p$.e = _v$19);
+								_v$20 !== _p$.t && className(_el$46, _p$.t = _v$20);
+								return _p$;
+							}, {
+								e: void 0,
+								t: void 0
+							});
+							return _el$45;
+						})()
+					}), _el$44, _co$1);
+					effect((_p$) => {
+						var _v$11 = styles().ruleRow, _v$12 = {
+							[styles().ruleRowDisabled]: isDisabled(),
+							[styles().ruleRowBorder]: hasBorder()
+						}, _v$13 = styles().ruleCheckbox, _v$14 = styles().ruleInfo, _v$15 = styles().ruleTop, _v$16 = styles().ruleId, _v$17 = { [styles().ruleIdDisabled]: isDisabled() }, _v$18 = styles().ruleDesc;
+						_v$11 !== _p$.e && className(_el$34, _p$.e = _v$11);
+						_p$.t = classList(_el$34, _v$12, _p$.t);
+						_v$13 !== _p$.a && className(_el$35, _p$.a = _v$13);
+						_v$14 !== _p$.o && className(_el$36, _p$.o = _v$14);
+						_v$15 !== _p$.i && className(_el$37, _p$.i = _v$15);
+						_v$16 !== _p$.n && className(_el$38, _p$.n = _v$16);
+						_p$.s = classList(_el$38, _v$17, _p$.s);
+						_v$18 !== _p$.h && className(_el$42, _p$.h = _v$18);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0,
+						o: void 0,
+						i: void 0,
+						n: void 0,
+						s: void 0,
+						h: void 0
+					});
+					effect(() => setProperty(_el$35, "checked", !isDisabled()));
+					return _el$34;
+				})();
+			}
+		}));
+		effect((_p$) => {
+			var _v$ = styles().settingsOverlay, _v$2 = styles().settingsHeader, _v$3 = styles().settingsTitle, _v$4 = styles().settingsContent, _v$5 = styles().settingsSection, _v$6 = styles().settingsSectionLabel, _v$7 = styles().settingsRowStack, _v$8 = styles().rulesHeaderRow, _v$9 = styles().settingsSectionLabel, _v$0 = styles().rulesHeaderActions, _v$1 = styles().filtersRow, _v$10 = styles().rulesList;
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
+			_v$3 !== _p$.a && className(_el$3, _p$.a = _v$3);
+			_v$4 !== _p$.o && className(_el$6, _p$.o = _v$4);
+			_v$5 !== _p$.i && className(_el$7, _p$.i = _v$5);
+			_v$6 !== _p$.n && className(_el$8, _p$.n = _v$6);
+			_v$7 !== _p$.s && className(_el$9, _p$.s = _v$7);
+			_v$8 !== _p$.h && className(_el$13, _p$.h = _v$8);
+			_v$9 !== _p$.r && className(_el$14, _p$.r = _v$9);
+			_v$0 !== _p$.d && className(_el$23, _p$.d = _v$0);
+			_v$1 !== _p$.l && className(_el$28, _p$.l = _v$1);
+			_v$10 !== _p$.u && className(_el$33, _p$.u = _v$10);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0,
+			r: void 0,
+			d: void 0,
+			l: void 0,
+			u: void 0
+		});
+		return _el$;
+	})();
+}
+//#endregion
+export { A11ySettingsOverlay };
+
+//# sourceMappingURL=Settings.js.map

package/dist/esm/core/components/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","names":["For","Show","createMemo","createSignal","Button","Input","Select","getAvailableRules","useAllyContext","CATEGORIES","CATEGORY_LABELS","useStyles","RuleCategory","RuleSetPreset","SeverityThreshold","A11ySettingsOverlayProps","onClose","A11ySettingsOverlay","props","config","setConfig","styles","disabledRulesSet","Set","disabledRules","availableRules","searchString","setSearchString","searchCategory","setSearchCategory","filteredRules","cat","query","toLowerCase","filter","rule","tags","includes","id","description","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_co$","_$getNextMarker","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","_co$2","_el$10","_el$11","_co$3","_el$12","_el$13","_el$14","_el$15","_el$19","_el$20","_co$4","_el$16","_el$21","_el$22","_co$5","_el$18","_el$23","_el$24","_el$25","_co$6","_el$26","_el$27","_co$7","_el$28","_el$29","_el$30","_co$8","_el$31","_el$32","_co$9","_el$33","_$insert","_$createComponent","variant","outline","onClick","children","label","value","threshold","options","onChange","ruleSet","length","map","placeholder","each","idx","isDisabled","has","isBestPracticeOnly","some","tag","startsWith","categoryTag","find","hasBorder","_el$34","_tmpl$3","_el$35","_el$36","_el$37","_el$38","_el$40","_el$41","_co$0","_el$42","_el$43","_el$44","_co$1","addEventListener","rules","when","_el$39","_tmpl$2","_$effect","_$className","bpBadge","_el$45","_tmpl$4","_el$46","replace","_p$","_v$19","catTagRow","_v$20","catTag","e","t","undefined","_v$11","ruleRow","_v$12","ruleRowDisabled","ruleRowBorder","_v$13","ruleCheckbox","_v$14","ruleInfo","_v$15","ruleTop","_v$16","ruleId","_v$17","ruleIdDisabled","_v$18","ruleDesc","_$classList","a","o","i","n","s","h","_$setProperty","_v$","settingsOverlay","_v$2","settingsHeader","_v$3","settingsTitle","_v$4","settingsContent","_v$5","settingsSection","_v$6","settingsSectionLabel","_v$7","settingsRowStack","_v$8","rulesHeaderRow","_v$9","_v$0","rulesHeaderActions","_v$1","filtersRow","_v$10","rulesList","r","d","l","u"],"sources":["../../../../src/core/components/Settings.tsx"],"sourcesContent":["/** @jsxImportSource solid-js */\n\nimport { For, Show, createMemo, createSignal } from 'solid-js'\nimport { Button, Input, Select } from '@tanstack/devtools-ui'\nimport { getAvailableRules } from '../utils/ally-audit.utils'\nimport { useAllyContext } from '../contexts/allyContext'\nimport { CATEGORIES, CATEGORY_LABELS, useStyles } from '../styles/styles'\n\n// types\nimport type {\n  RuleCategory,\n  RuleSetPreset,\n  SeverityThreshold,\n} from '../types/types'\n\ninterface A11ySettingsOverlayProps {\n  onClose: () => void\n}\n\nexport function A11ySettingsOverlay(props: A11ySettingsOverlayProps) {\n  const { config, setConfig } = useAllyContext()\n  const styles = useStyles()\n\n  const disabledRulesSet = createMemo(() => new Set(config.disabledRules))\n  const availableRules = createMemo(() => getAvailableRules())\n\n  const [searchString, setSearchString] = createSignal('')\n  const [searchCategory, setSearchCategory] = createSignal<RuleCategory>('all')\n\n  const filteredRules = createMemo(() => {\n    const cat = searchCategory()\n    const query = searchString().toLowerCase()\n    return availableRules().filter((rule) => {\n      if (cat !== 'all' && !rule.tags.includes(cat)) {\n        return false\n      }\n\n      if (!query) return true\n      return (\n        rule.id.toLowerCase().includes(query) ||\n        rule.description.toLowerCase().includes(query)\n      )\n    })\n  })\n\n  return (\n    <div class={styles().settingsOverlay}>\n      <div class={styles().settingsHeader}>\n        <h3 class={styles().settingsTitle}>Settings</h3>\n        <Button variant=\"secondary\" outline onClick={props.onClose}>\n          Done\n        </Button>\n      </div>\n\n      <div class={styles().settingsContent}>\n        <div class={styles().settingsSection}>\n          <h4 class={styles().settingsSectionLabel}>General</h4>\n          <div class={styles().settingsRowStack}>\n            <Select<SeverityThreshold>\n              label=\"Severity Threshold\"\n              description=\"Only show issues at or above this level\"\n              value={config.threshold}\n              options={[\n                { value: 'critical', label: 'Critical' },\n                { value: 'serious', label: 'Serious' },\n                { value: 'moderate', label: 'Moderate' },\n                { value: 'minor', label: 'Minor' },\n              ]}\n              onChange={(value: string) => {\n                setConfig('threshold', value as SeverityThreshold)\n              }}\n            />\n            <Select<RuleSetPreset>\n              label=\"Rule Set\"\n              description=\"WCAG conformance level or standard\"\n              value={config.ruleSet}\n              options={[\n                { value: 'wcag2a', label: 'WCAG 2.0 A' },\n                { value: 'wcag2aa', label: 'WCAG 2.0 AA' },\n                { value: 'wcag21aa', label: 'WCAG 2.1 AA' },\n                { value: 'wcag22aa', label: 'WCAG 2.2 AA' },\n                { value: 'section508', label: 'Section 508' },\n                { value: 'best-practice', label: 'Best Practice' },\n                { value: 'all', label: 'All Rules' },\n              ]}\n              onChange={(value: string) => {\n                setConfig('ruleSet', value as RuleSetPreset)\n              }}\n            />\n          </div>\n        </div>\n\n        <div>\n          <div class={styles().rulesHeaderRow}>\n            <h4 class={styles().settingsSectionLabel}>\n              Rules ({availableRules().length} total,{' '}\n              {config.disabledRules.length} disabled)\n            </h4>\n\n            <div class={styles().rulesHeaderActions}>\n              <Button\n                variant=\"success\"\n                outline\n                onClick={() => setConfig('disabledRules', [])}\n              >\n                Enable All\n              </Button>\n\n              <Button\n                variant=\"danger\"\n                outline\n                onClick={() =>\n                  setConfig(\n                    'disabledRules',\n                    availableRules().map((rule) => rule.id),\n                  )\n                }\n              >\n                Disable All\n              </Button>\n            </div>\n          </div>\n\n          <div class={styles().filtersRow}>\n            <Select<RuleCategory>\n              label=\"Category\"\n              value={searchCategory()}\n              options={CATEGORIES.map((cat) => ({\n                value: cat,\n                label: CATEGORY_LABELS[cat],\n              }))}\n              onChange={(value: string) =>\n                setSearchCategory(value as RuleCategory)\n              }\n            />\n\n            <Input\n              label=\"Search\"\n              placeholder=\"Search rules...\"\n              value={searchString()}\n              onChange={(value: string) => setSearchString(value)}\n            />\n          </div>\n\n          <div class={styles().rulesList}>\n            <For each={filteredRules()}>\n              {(rule, idx) => {\n                const isDisabled = () => disabledRulesSet().has(rule.id)\n                const isBestPracticeOnly = () =>\n                  rule.tags.includes('best-practice') &&\n                  !rule.tags.some(\n                    (tag) =>\n                      tag.startsWith('wcag') || tag.startsWith('section508'),\n                  )\n                const categoryTag = () =>\n                  rule.tags.find((tag) => tag.startsWith('cat.'))\n                const hasBorder = () => idx() < filteredRules().length - 1\n\n                return (\n                  <label\n                    class={styles().ruleRow}\n                    classList={{\n                      [styles().ruleRowDisabled]: isDisabled(),\n                      [styles().ruleRowBorder]: hasBorder(),\n                    }}\n                  >\n                    <input\n                      class={styles().ruleCheckbox}\n                      type=\"checkbox\"\n                      checked={!isDisabled()}\n                      onChange={() =>\n                        setConfig('disabledRules', (rules) => {\n                          if (disabledRulesSet().has(rule.id)) {\n                            return rules.filter((id) => id !== rule.id)\n                          } else {\n                            return [...rules, rule.id]\n                          }\n                        })\n                      }\n                    />\n                    <div class={styles().ruleInfo}>\n                      <div class={styles().ruleTop}>\n                        <span\n                          class={styles().ruleId}\n                          classList={{\n                            [styles().ruleIdDisabled]: isDisabled(),\n                          }}\n                        >\n                          {rule.id}\n                        </span>\n                        <Show when={isBestPracticeOnly()}>\n                          <span\n                            class={styles().bpBadge}\n                            title=\"Best Practice only\"\n                          >\n                            BP\n                          </span>\n                        </Show>\n                      </div>\n                      <div class={styles().ruleDesc}>{rule.description}</div>\n                      <Show when={categoryTag()}>\n                        {(tag) => (\n                          <div class={styles().catTagRow}>\n                            <span class={styles().catTag}>\n                              {CATEGORY_LABELS[tag() as RuleCategory] ||\n                                tag().replace('cat.', '')}\n                            </span>\n                          </div>\n                        )}\n                      </Show>\n                    </div>\n                  </label>\n                )\n              }}\n            </For>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/core/components/Shell.d.ts

@@ -0,0 +1,2 @@
+/** @jsxImportSource solid-js */
+export declare function Shell(): import("solid-js").JSX.Element;