@a11y-hud/react 0.2.3 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +10 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +10 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -5,14 +5,15 @@ var react = require('react');
|
|
|
5
5
|
|
|
6
6
|
// src/hook.ts
|
|
7
7
|
function useA11yHud(options = {}) {
|
|
8
|
-
const { theme, scope, autoScan, debounce } = options;
|
|
8
|
+
const { theme, scope, autoScan, debounce, runOnly } = options;
|
|
9
9
|
const instanceRef = react.useRef(null);
|
|
10
10
|
const elementRef = react.useRef(null);
|
|
11
11
|
react.useEffect(() => {
|
|
12
12
|
const instance = a11yHud.mount({
|
|
13
13
|
...theme !== void 0 && { theme },
|
|
14
14
|
...autoScan !== void 0 && { autoScan },
|
|
15
|
-
...debounce !== void 0 && { debounce }
|
|
15
|
+
...debounce !== void 0 && { debounce },
|
|
16
|
+
...runOnly !== void 0 && { runOnly }
|
|
16
17
|
});
|
|
17
18
|
instanceRef.current = instance;
|
|
18
19
|
elementRef.current = document.querySelector("a11y-hud");
|
|
@@ -39,6 +40,9 @@ function useA11yHud(options = {}) {
|
|
|
39
40
|
if (!el || debounce === void 0) return;
|
|
40
41
|
el.setAttribute("debounce", String(debounce));
|
|
41
42
|
}, [debounce]);
|
|
43
|
+
react.useEffect(() => {
|
|
44
|
+
if (runOnly !== void 0) instanceRef.current?.setRunOnly(runOnly);
|
|
45
|
+
}, [runOnly]);
|
|
42
46
|
react.useEffect(() => {
|
|
43
47
|
const instance = instanceRef.current;
|
|
44
48
|
if (!instance) return;
|
|
@@ -55,7 +59,10 @@ function useA11yHud(options = {}) {
|
|
|
55
59
|
const setTheme = react.useCallback((t) => {
|
|
56
60
|
instanceRef.current?.setTheme(t);
|
|
57
61
|
}, []);
|
|
58
|
-
|
|
62
|
+
const setRunOnly = react.useCallback((tags) => {
|
|
63
|
+
instanceRef.current?.setRunOnly(tags);
|
|
64
|
+
}, []);
|
|
65
|
+
return { runScan, setTheme, setRunOnly };
|
|
59
66
|
}
|
|
60
67
|
|
|
61
68
|
// src/component.tsx
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/hook.ts","../src/component.tsx"],"names":["useRef","useEffect","mount","useCallback"],"mappings":";;;;;;AAKO,SAAS,UAAA,CAAW,OAAA,GAA6B,EAAC,EAAqB;AAC5E,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU,
|
|
1
|
+
{"version":3,"sources":["../src/hook.ts","../src/component.tsx"],"names":["useRef","useEffect","mount","useCallback"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { A11yHudElement, A11yHudInstance, AxeResults, Theme } from \"a11y-hud\";\nimport { mount } from \"a11y-hud\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport type { UseA11yHudOptions, UseA11yHudReturn } from \"./types.js\";\n\nexport function useA11yHud(options: UseA11yHudOptions = {}): UseA11yHudReturn {\n const { theme, scope, autoScan, debounce, runOnly } = options;\n const instanceRef = useRef<A11yHudInstance | null>(null);\n const elementRef = useRef<A11yHudElement | null>(null);\n\n // Mount the CE once. Capture the element reference immediately after mount()\n // so subsequent effects can access it without re-querying the DOM.\n // biome-ignore lint/correctness/useExhaustiveDependencies: intentional mount-once effect; initial options are applied here, changes are tracked by the separate sync effects below\n useEffect(() => {\n // exactOptionalPropertyTypes forbids passing `undefined` for optional props;\n // build the options object conditionally to satisfy the constraint.\n const instance = mount({\n ...(theme !== undefined && { theme }),\n ...(autoScan !== undefined && { autoScan }),\n ...(debounce !== undefined && { debounce }),\n ...(runOnly !== undefined && { runOnly }),\n });\n instanceRef.current = instance;\n elementRef.current = document.querySelector<A11yHudElement>(\"a11y-hud\");\n return () => {\n instance.unmount();\n instanceRef.current = null;\n elementRef.current = null;\n };\n }, []);\n\n useEffect(() => {\n if (theme !== undefined) instanceRef.current?.setTheme(theme);\n }, [theme]);\n\n useEffect(() => {\n const el = elementRef.current;\n if (!el) return;\n if (autoScan === false) {\n el.removeAttribute(\"auto-scan\");\n } else {\n el.setAttribute(\"auto-scan\", \"\");\n }\n }, [autoScan]);\n\n useEffect(() => {\n const el = elementRef.current;\n if (!el || debounce === undefined) return;\n el.setAttribute(\"debounce\", String(debounce));\n }, [debounce]);\n\n useEffect(() => {\n if (runOnly !== undefined) instanceRef.current?.setRunOnly(runOnly);\n }, [runOnly]);\n\n // Render-settled signal: runs after every React commit. Always syncs scope\n // (including clearing it when scope becomes undefined), then triggers a\n // rescan. This is the adapter's core value — rescans fire after React\n // finishes rendering, catching route changes and prop-driven ARIA mutations\n // that the MutationObserver may coalesce.\n useEffect(() => {\n const instance = instanceRef.current;\n if (!instance) return;\n const el = elementRef.current;\n if (el) {\n el.scopeElement = scope?.current ?? undefined;\n }\n void instance.runScan();\n });\n\n const runScan = useCallback(\n (): Promise<AxeResults> =>\n instanceRef.current?.runScan() ?? Promise.resolve(null as unknown as AxeResults),\n []\n );\n\n const setTheme = useCallback((t: Theme): void => {\n instanceRef.current?.setTheme(t);\n }, []);\n\n const setRunOnly = useCallback((tags: string[]): void => {\n instanceRef.current?.setRunOnly(tags);\n }, []);\n\n return { runScan, setTheme, setRunOnly };\n}\n","import { useA11yHud } from \"./hook.js\";\nimport type { A11yHudProps } from \"./types.js\";\n\nexport function A11yHud(props: A11yHudProps): null {\n useA11yHud(props);\n return null;\n}\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -6,11 +6,13 @@ interface UseA11yHudOptions {
|
|
|
6
6
|
scope?: RefObject<Element | null>;
|
|
7
7
|
autoScan?: boolean;
|
|
8
8
|
debounce?: number;
|
|
9
|
+
runOnly?: string[];
|
|
9
10
|
}
|
|
10
11
|
type A11yHudProps = UseA11yHudOptions;
|
|
11
12
|
interface UseA11yHudReturn {
|
|
12
13
|
runScan(): Promise<AxeResults>;
|
|
13
14
|
setTheme(theme: Theme): void;
|
|
15
|
+
setRunOnly(tags: string[]): void;
|
|
14
16
|
}
|
|
15
17
|
|
|
16
18
|
declare function A11yHud(props: A11yHudProps): null;
|
package/dist/index.d.ts
CHANGED
|
@@ -6,11 +6,13 @@ interface UseA11yHudOptions {
|
|
|
6
6
|
scope?: RefObject<Element | null>;
|
|
7
7
|
autoScan?: boolean;
|
|
8
8
|
debounce?: number;
|
|
9
|
+
runOnly?: string[];
|
|
9
10
|
}
|
|
10
11
|
type A11yHudProps = UseA11yHudOptions;
|
|
11
12
|
interface UseA11yHudReturn {
|
|
12
13
|
runScan(): Promise<AxeResults>;
|
|
13
14
|
setTheme(theme: Theme): void;
|
|
15
|
+
setRunOnly(tags: string[]): void;
|
|
14
16
|
}
|
|
15
17
|
|
|
16
18
|
declare function A11yHud(props: A11yHudProps): null;
|
package/dist/index.js
CHANGED
|
@@ -3,14 +3,15 @@ import { useRef, useEffect, useCallback } from 'react';
|
|
|
3
3
|
|
|
4
4
|
// src/hook.ts
|
|
5
5
|
function useA11yHud(options = {}) {
|
|
6
|
-
const { theme, scope, autoScan, debounce } = options;
|
|
6
|
+
const { theme, scope, autoScan, debounce, runOnly } = options;
|
|
7
7
|
const instanceRef = useRef(null);
|
|
8
8
|
const elementRef = useRef(null);
|
|
9
9
|
useEffect(() => {
|
|
10
10
|
const instance = mount({
|
|
11
11
|
...theme !== void 0 && { theme },
|
|
12
12
|
...autoScan !== void 0 && { autoScan },
|
|
13
|
-
...debounce !== void 0 && { debounce }
|
|
13
|
+
...debounce !== void 0 && { debounce },
|
|
14
|
+
...runOnly !== void 0 && { runOnly }
|
|
14
15
|
});
|
|
15
16
|
instanceRef.current = instance;
|
|
16
17
|
elementRef.current = document.querySelector("a11y-hud");
|
|
@@ -37,6 +38,9 @@ function useA11yHud(options = {}) {
|
|
|
37
38
|
if (!el || debounce === void 0) return;
|
|
38
39
|
el.setAttribute("debounce", String(debounce));
|
|
39
40
|
}, [debounce]);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
if (runOnly !== void 0) instanceRef.current?.setRunOnly(runOnly);
|
|
43
|
+
}, [runOnly]);
|
|
40
44
|
useEffect(() => {
|
|
41
45
|
const instance = instanceRef.current;
|
|
42
46
|
if (!instance) return;
|
|
@@ -53,7 +57,10 @@ function useA11yHud(options = {}) {
|
|
|
53
57
|
const setTheme = useCallback((t) => {
|
|
54
58
|
instanceRef.current?.setTheme(t);
|
|
55
59
|
}, []);
|
|
56
|
-
|
|
60
|
+
const setRunOnly = useCallback((tags) => {
|
|
61
|
+
instanceRef.current?.setRunOnly(tags);
|
|
62
|
+
}, []);
|
|
63
|
+
return { runScan, setTheme, setRunOnly };
|
|
57
64
|
}
|
|
58
65
|
|
|
59
66
|
// src/component.tsx
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/hook.ts","../src/component.tsx"],"names":[],"mappings":";;;;AAKO,SAAS,UAAA,CAAW,OAAA,GAA6B,EAAC,EAAqB;AAC5E,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU,
|
|
1
|
+
{"version":3,"sources":["../src/hook.ts","../src/component.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import type { A11yHudElement, A11yHudInstance, AxeResults, Theme } from \"a11y-hud\";\nimport { mount } from \"a11y-hud\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport type { UseA11yHudOptions, UseA11yHudReturn } from \"./types.js\";\n\nexport function useA11yHud(options: UseA11yHudOptions = {}): UseA11yHudReturn {\n const { theme, scope, autoScan, debounce, runOnly } = options;\n const instanceRef = useRef<A11yHudInstance | null>(null);\n const elementRef = useRef<A11yHudElement | null>(null);\n\n // Mount the CE once. Capture the element reference immediately after mount()\n // so subsequent effects can access it without re-querying the DOM.\n // biome-ignore lint/correctness/useExhaustiveDependencies: intentional mount-once effect; initial options are applied here, changes are tracked by the separate sync effects below\n useEffect(() => {\n // exactOptionalPropertyTypes forbids passing `undefined` for optional props;\n // build the options object conditionally to satisfy the constraint.\n const instance = mount({\n ...(theme !== undefined && { theme }),\n ...(autoScan !== undefined && { autoScan }),\n ...(debounce !== undefined && { debounce }),\n ...(runOnly !== undefined && { runOnly }),\n });\n instanceRef.current = instance;\n elementRef.current = document.querySelector<A11yHudElement>(\"a11y-hud\");\n return () => {\n instance.unmount();\n instanceRef.current = null;\n elementRef.current = null;\n };\n }, []);\n\n useEffect(() => {\n if (theme !== undefined) instanceRef.current?.setTheme(theme);\n }, [theme]);\n\n useEffect(() => {\n const el = elementRef.current;\n if (!el) return;\n if (autoScan === false) {\n el.removeAttribute(\"auto-scan\");\n } else {\n el.setAttribute(\"auto-scan\", \"\");\n }\n }, [autoScan]);\n\n useEffect(() => {\n const el = elementRef.current;\n if (!el || debounce === undefined) return;\n el.setAttribute(\"debounce\", String(debounce));\n }, [debounce]);\n\n useEffect(() => {\n if (runOnly !== undefined) instanceRef.current?.setRunOnly(runOnly);\n }, [runOnly]);\n\n // Render-settled signal: runs after every React commit. Always syncs scope\n // (including clearing it when scope becomes undefined), then triggers a\n // rescan. This is the adapter's core value — rescans fire after React\n // finishes rendering, catching route changes and prop-driven ARIA mutations\n // that the MutationObserver may coalesce.\n useEffect(() => {\n const instance = instanceRef.current;\n if (!instance) return;\n const el = elementRef.current;\n if (el) {\n el.scopeElement = scope?.current ?? undefined;\n }\n void instance.runScan();\n });\n\n const runScan = useCallback(\n (): Promise<AxeResults> =>\n instanceRef.current?.runScan() ?? Promise.resolve(null as unknown as AxeResults),\n []\n );\n\n const setTheme = useCallback((t: Theme): void => {\n instanceRef.current?.setTheme(t);\n }, []);\n\n const setRunOnly = useCallback((tags: string[]): void => {\n instanceRef.current?.setRunOnly(tags);\n }, []);\n\n return { runScan, setTheme, setRunOnly };\n}\n","import { useA11yHud } from \"./hook.js\";\nimport type { A11yHudProps } from \"./types.js\";\n\nexport function A11yHud(props: A11yHudProps): null {\n useA11yHud(props);\n return null;\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@a11y-hud/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "React adapter for a11y-hud — run axe-core accessibility audits in your React app with no DevTools required.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"README.md"
|
|
20
20
|
],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"a11y-hud": "0.
|
|
22
|
+
"a11y-hud": "0.2.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": ">=18",
|