snap-ally 0.2.5-beta → 0.3.0

package/dist/core/VisualReporter.d.ts

@@ -0,0 +1,54 @@
+import { type Page, type TestInfo } from '@playwright/test';
+/**
+ * Information about an accessibility violation to display.
+ */
+interface ViolationInfo {
+    id: string;
+    help: string;
+}
+/**
+ * Manages visual feedback on the page during an accessibility scan.
+ * Handles element highlights, violation banners, and report attachments.
+ */
+export declare class VisualReporter {
+    private readonly page;
+    private readonly overlayHostId;
+    private static readonly BANNER_ID;
+    private static readonly HIGHLIGHT_ID;
+    private static readonly HIGHLIGHT_PADDING;
+    private static readonly BANNER_ALPHA;
+    private static readonly HIGHLIGHT_SHADOW_ALPHA;
+    private static readonly PAGE_LIFECYCLE_ERROR_PATTERNS;
+    constructor(page: Page);
+    showBanner(violation: ViolationInfo, color: string): Promise<void>;
+    highlightElement(selector: string, color: string): Promise<void>;
+    cleanupOverlay(): Promise<void>;
+    removeHighlight(): Promise<void>;
+    attachJsonData(testInfo: TestInfo, name: string, data: string): Promise<void>;
+    captureScreenshot(testInfo: TestInfo, name: string): Promise<Buffer>;
+    /**
+     * Injects helper functions into the page context for overlay management.
+     * These helpers are used by visual feedback operations (banner, highlight).
+     */
+    private ensurePageHelpers;
+    /**
+     * Checks if an error message indicates a page lifecycle issue.
+     */
+    private isPageLifecycleError;
+    /**
+     * Executes a function in the page context with safety guarantees:
+     * 1. Ensures overlay helper functions are injected before execution
+     * 2. Gracefully handles page lifecycle errors (closed/destroyed pages)
+     *
+     * @param fn - Function to execute in the page context
+     * @param arg - Optional argument to pass to the function
+     */
+    private safeEvaluate;
+}
+declare global {
+    interface Window {
+        getOrCreateOverlayShadowRoot: (id: string) => ShadowRoot;
+        addAlphaToColor: (color: string, alpha: number) => string;
+    }
+}
+export {};

package/dist/core/VisualReporter.js

@@ -0,0 +1,192 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisualReporter = void 0;
+const test_1 = require("@playwright/test");
+/**
+ * Manages visual feedback on the page during an accessibility scan.
+ * Handles element highlights, violation banners, and report attachments.
+ */
+class VisualReporter {
+    constructor(page) {
+        this.page = page;
+        this.overlayHostId = 'snap-ally-visual-root';
+    }
+    async showBanner(violation, color) {
+        await this.safeEvaluate(([v, rawColor, rootId, bannerId, bannerAlpha]) => {
+            const shadow = window.getOrCreateOverlayShadowRoot(rootId);
+            let container = shadow.getElementById(bannerId);
+            if (!container) {
+                const style = document.createElement('style');
+                style.textContent = `
+                        #${bannerId} {
+                            position: fixed;
+                            left: 50%;
+                            top: 24px;
+                            transform: translateX(-50%);
+                            width: calc(100% - 40px);
+                            max-width: 600px;
+                            padding: 12px 18px;
+                            border-radius: 12px;
+                            color: white;
+                            font-family: system-ui, -apple-system, sans-serif;
+                            font-size: 14px;
+                            display: flex;
+                            align-items: center;
+                            gap: 12px;
+                            box-shadow: 0 12px 40px rgba(0,0,0,0.3);
+                            backdrop-filter: blur(16px) saturate(180%);
+                            -webkit-backdrop-filter: blur(16px) saturate(180%);
+                            border: 1px solid rgba(255,255,255,0.15);
+                            z-index: 10000;
+                            transition: all 0.3s ease;
+                        }
+                        .badge {
+                            background: rgba(255,255,255,0.2);
+                            padding: 2px 8px;
+                            border-radius: 6px;
+                            font-size: 11px;
+                            font-weight: 700;
+                            text-transform: uppercase;
+                            border: 1px solid rgba(255,255,255,0.2);
+                        }
+                        .content { flex: 1; line-height: 1.4; font-weight: 500; }
+                    `;
+                shadow.appendChild(style);
+                container = document.createElement('div');
+                container.id = bannerId;
+                shadow.appendChild(container);
+            }
+            container.style.backgroundColor = window.addAlphaToColor(rawColor, bannerAlpha);
+            container.innerHTML = `
+                    <div style="font-size: 20px;">⚠️</div>
+                    <div class="content">
+                        <div style="margin-bottom:4px; display:flex; align-items:center; gap:8px;">
+                            <span class="badge">${v.id}</span>
+                            <span style="opacity: 0.9;">${v.help}</span>
+                        </div>
+                    </div>
+                `;
+        }, [violation, color, this.overlayHostId, VisualReporter.BANNER_ID, VisualReporter.BANNER_ALPHA]);
+    }
+    async highlightElement(selector, color) {
+        await this.safeEvaluate(([sel, rawColor, rootId, highlightId, padding, shadowAlpha]) => {
+            const target = document.querySelector(sel);
+            if (!target)
+                return;
+            target.scrollIntoView({ behavior: 'auto', block: 'center' });
+            const shadow = window.getOrCreateOverlayShadowRoot(rootId);
+            let highlight = shadow.getElementById(highlightId);
+            if (!highlight) {
+                const style = document.createElement('style');
+                style.textContent = `
+                        #${highlightId} {
+                            position: absolute;
+                            pointer-events: none;
+                            border-radius: 8px;
+                            box-sizing: border-box;
+                            z-index: 9999;
+                            transition: all 0.2s ease;
+                            box-shadow: 0 0 0 4px var(--c-alpha), 0 0 20px var(--c-alpha);
+                        }
+                    `;
+                shadow.appendChild(style);
+                highlight = document.createElement('div');
+                highlight.id = highlightId;
+                shadow.appendChild(highlight);
+            }
+            const rect = target.getBoundingClientRect();
+            highlight.style.left = `${rect.left + window.scrollX - padding}px`;
+            highlight.style.top = `${rect.top + window.scrollY - padding}px`;
+            highlight.style.width = `${rect.width + padding * 2}px`;
+            highlight.style.height = `${rect.height + padding * 2}px`;
+            highlight.style.border = `3px solid ${rawColor}`;
+            highlight.style.setProperty('--c-alpha', window.addAlphaToColor(rawColor, shadowAlpha));
+        }, [selector, color, this.overlayHostId, VisualReporter.HIGHLIGHT_ID, VisualReporter.HIGHLIGHT_PADDING, VisualReporter.HIGHLIGHT_SHADOW_ALPHA]);
+    }
+    async cleanupOverlay() {
+        await this.safeEvaluate((id) => { var _a; return (_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a.remove(); }, this.overlayHostId);
+    }
+    async removeHighlight() {
+        await this.safeEvaluate(([rootId, hId]) => { var _a, _b, _c; return (_c = (_b = (_a = document.getElementById(rootId)) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(hId)) === null || _c === void 0 ? void 0 : _c.remove(); }, [this.overlayHostId, VisualReporter.HIGHLIGHT_ID]);
+    }
+    async attachJsonData(testInfo, name, data) {
+        await testInfo.attach(name, {
+            contentType: 'application/json',
+            body: Buffer.from(data),
+        });
+    }
+    async captureScreenshot(testInfo, name) {
+        return await test_1.test.step('Capture A11y screenshot', async () => {
+            const screenshot = await this.page.screenshot({ fullPage: false });
+            await testInfo.attach(name, { contentType: 'image/png', body: screenshot });
+            return screenshot;
+        });
+    }
+    /**
+     * Injects helper functions into the page context for overlay management.
+     * These helpers are used by visual feedback operations (banner, highlight).
+     */
+    async ensurePageHelpers() {
+        await this.page.evaluate(() => {
+            const w = window;
+            // Check if both helpers are already defined
+            if (typeof w.getOrCreateOverlayShadowRoot === 'function' && typeof w.addAlphaToColor === 'function') {
+                return;
+            }
+            w.getOrCreateOverlayShadowRoot = (id) => {
+                let root = document.getElementById(id);
+                if (!root) {
+                    root = document.createElement('div');
+                    root.id = id;
+                    root.style.cssText = 'position:absolute;top:0;left:0;width:0;height:0;z-index:2147483647;';
+                    document.body.appendChild(root);
+                    root.attachShadow({ mode: 'open' });
+                }
+                return root.shadowRoot;
+            };
+            w.addAlphaToColor = (color, alpha) => {
+                if (color.startsWith('rgba'))
+                    return color.replace(/[\d.]+\)$/, `${alpha})`);
+                if (color.startsWith('rgb'))
+                    return color.replace('rgb', 'rgba').replace(')', `, ${alpha})`);
+                const hex = Math.round(alpha * 255).toString(16).padStart(2, '0');
+                return `${color}${hex}`;
+            };
+        });
+    }
+    /**
+     * Checks if an error message indicates a page lifecycle issue.
+     */
+    isPageLifecycleError(message) {
+        const lowerMsg = message.toLowerCase();
+        return VisualReporter.PAGE_LIFECYCLE_ERROR_PATTERNS.some(pattern => lowerMsg.includes(pattern));
+    }
+    /**
+     * Executes a function in the page context with safety guarantees:
+     * 1. Ensures overlay helper functions are injected before execution
+     * 2. Gracefully handles page lifecycle errors (closed/destroyed pages)
+     *
+     * @param fn - Function to execute in the page context
+     * @param arg - Optional argument to pass to the function
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    async safeEvaluate(fn, arg) {
+        try {
+            await this.ensurePageHelpers();
+            await (arg !== undefined ? this.page.evaluate(fn, arg) : this.page.evaluate(fn));
+        }
+        catch (e) {
+            const msg = e instanceof Error ? e.message : String(e);
+            if (this.isPageLifecycleError(msg))
+                return;
+            throw e;
+        }
+    }
+}
+exports.VisualReporter = VisualReporter;
+VisualReporter.BANNER_ID = 'snap-ally-banner';
+VisualReporter.HIGHLIGHT_ID = 'snap-ally-highlight';
+VisualReporter.HIGHLIGHT_PADDING = 4;
+VisualReporter.BANNER_ALPHA = 0.85;
+VisualReporter.HIGHLIGHT_SHADOW_ALPHA = 0.3;
+VisualReporter.PAGE_LIFECYCLE_ERROR_PATTERNS = ['closed', 'destroyed', 'ended'];

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import SnapAllyReporter from './SnapAllyReporter';
 export default SnapAllyReporter;
-export { scanA11y, checkAccessibility, A11yScannerOptions } from './A11yScanner';
-export { AccessibilityReporterOptions } from './SnapAllyReporter';
-export { A11yAuditOverlay } from './A11yAuditOverlay';
-export { A11yReportAssets } from './A11yReportAssets';
-export { A11yHtmlRenderer } from './A11yHtmlRenderer';
-export { A11yTimeUtils } from './A11yTimeUtils';
+export { SnapAllyReporter };
+export { scanA11y, checkAccessibility } from './core/Scanner';
+export { VisualReporter } from './core/VisualReporter';
+export { ReportAssets } from './core/ReportAssets';
+export { HtmlRenderer } from './core/HtmlRenderer';
+export { TimeUtils } from './utils/TimeUtils';
 export * from './models';

package/dist/index.js

@@ -17,18 +17,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.A11yTimeUtils = exports.A11yHtmlRenderer = exports.A11yReportAssets = exports.A11yAuditOverlay = exports.checkAccessibility = exports.scanA11y = void 0;
+exports.TimeUtils = exports.HtmlRenderer = exports.ReportAssets = exports.VisualReporter = exports.checkAccessibility = exports.scanA11y = exports.SnapAllyReporter = void 0;
 const SnapAllyReporter_1 = __importDefault(require("./SnapAllyReporter"));
+exports.SnapAllyReporter = SnapAllyReporter_1.default;
 exports.default = SnapAllyReporter_1.default;
-var A11yScanner_1 = require("./A11yScanner");
-Object.defineProperty(exports, "scanA11y", { enumerable: true, get: function () { return A11yScanner_1.scanA11y; } });
-Object.defineProperty(exports, "checkAccessibility", { enumerable: true, get: function () { return A11yScanner_1.checkAccessibility; } });
-var A11yAuditOverlay_1 = require("./A11yAuditOverlay");
-Object.defineProperty(exports, "A11yAuditOverlay", { enumerable: true, get: function () { return A11yAuditOverlay_1.A11yAuditOverlay; } });
-var A11yReportAssets_1 = require("./A11yReportAssets");
-Object.defineProperty(exports, "A11yReportAssets", { enumerable: true, get: function () { return A11yReportAssets_1.A11yReportAssets; } });
-var A11yHtmlRenderer_1 = require("./A11yHtmlRenderer");
-Object.defineProperty(exports, "A11yHtmlRenderer", { enumerable: true, get: function () { return A11yHtmlRenderer_1.A11yHtmlRenderer; } });
-var A11yTimeUtils_1 = require("./A11yTimeUtils");
-Object.defineProperty(exports, "A11yTimeUtils", { enumerable: true, get: function () { return A11yTimeUtils_1.A11yTimeUtils; } });
+var Scanner_1 = require("./core/Scanner");
+Object.defineProperty(exports, "scanA11y", { enumerable: true, get: function () { return Scanner_1.scanA11y; } });
+Object.defineProperty(exports, "checkAccessibility", { enumerable: true, get: function () { return Scanner_1.checkAccessibility; } });
+var VisualReporter_1 = require("./core/VisualReporter");
+Object.defineProperty(exports, "VisualReporter", { enumerable: true, get: function () { return VisualReporter_1.VisualReporter; } });
+var ReportAssets_1 = require("./core/ReportAssets");
+Object.defineProperty(exports, "ReportAssets", { enumerable: true, get: function () { return ReportAssets_1.ReportAssets; } });
+var HtmlRenderer_1 = require("./core/HtmlRenderer");
+Object.defineProperty(exports, "HtmlRenderer", { enumerable: true, get: function () { return HtmlRenderer_1.HtmlRenderer; } });
+var TimeUtils_1 = require("./utils/TimeUtils");
+Object.defineProperty(exports, "TimeUtils", { enumerable: true, get: function () { return TimeUtils_1.TimeUtils; } });
 __exportStar(require("./models"), exports);

package/dist/models/A11yDataSource.d.ts

@@ -0,0 +1,15 @@
+/** Union of the two shapes that can carry A11y data in Playwright results. */
+export type A11yDataSource = {
+    type: 'attachment';
+    data: {
+        name: string;
+        body?: Buffer;
+        path?: string;
+    };
+} | {
+    type: 'annotation';
+    data: {
+        type: string;
+        description?: string;
+    };
+};

package/dist/models/A11yDataSource.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/A11yError.d.ts

@@ -0,0 +1,34 @@
+/** Known Axe impact severity levels. */
+export declare enum Severity {
+    minor = "minor",
+    moderate = "moderate",
+    serious = "serious",
+    critical = "critical"
+}
+/** Individual element that failed a specific accessibility rule. */
+export interface Target {
+    element: string;
+    snippet: string;
+    html: string;
+    screenshot: string;
+    steps: string[];
+    stepsJson: string;
+    screenshotBase64: string;
+}
+/** Grouped error entry for a specific accessibility violation. */
+export interface A11yError {
+    id: string;
+    description: string;
+    wcagRule: string;
+    severity: string;
+    help: string;
+    helpUrl: string;
+    guideline: string;
+    total: number;
+    target: Target[];
+}
+/** Simple image path and filename pair. */
+export interface ImagePath {
+    srcPath: string;
+    fileName: string;
+}

package/dist/models/A11yError.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Severity = void 0;
+/** Known Axe impact severity levels. */
+var Severity;
+(function (Severity) {
+    Severity["minor"] = "minor";
+    Severity["moderate"] = "moderate";
+    Severity["serious"] = "serious";
+    Severity["critical"] = "critical";
+})(Severity || (exports.Severity = Severity = {}));

package/dist/models/A11yScannerOptions.d.ts

@@ -0,0 +1,24 @@
+import type { Locator } from '@playwright/test';
+/**
+ * Options for the accessibility scanner.
+ */
+export interface A11yScannerOptions {
+    /** Specific selector or locator to include in the scan. */
+    include?: string | Locator;
+    /** Alias for include. */
+    box?: string | Locator;
+    /** Whether to log violations to the console. @default true */
+    verbose?: boolean;
+    /** Alias for verbose. */
+    consoleLog?: boolean;
+    /** Specific Axe rules to enable or disable. */
+    rules?: Record<string, {
+        enabled: boolean;
+    }>;
+    /** Specific WCAG tags to check (e.g., ['wcag2a', 'wcag2aa']). */
+    tags?: string[];
+    /** Any other Axe-core options to pass to the builder. */
+    axeOptions?: Record<string, unknown>;
+    /** Custom identifier for the report file name. */
+    pageKey?: string;
+}

package/dist/models/A11yScannerOptions.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/AccessibilityReporterOptions.d.ts

@@ -0,0 +1,24 @@
+export interface AccessibilityReporterOptions {
+    /**
+     * Folder where the reports will be generated.
+     * @default "steps-report"
+     */
+    outputFolder?: string;
+    /**
+     * Custom colors for violation severities in the report.
+     */
+    colors?: {
+        critical?: string;
+        serious?: string;
+        moderate?: string;
+        minor?: string;
+    };
+    /**
+     * Azure DevOps integration options.
+     */
+    ado?: {
+        organization?: string;
+        project?: string;
+        areaPath?: string;
+    };
+}

package/dist/models/AccessibilityReporterOptions.js

@@ -0,0 +1,5 @@
+"use strict";
+// ────────────────────────────────────────────────────────────────────────────
+//  Public options interface
+// ────────────────────────────────────────────────────────────────────────────
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/DataSource.d.ts

@@ -0,0 +1,15 @@
+/** Union of the two shapes that can carry data in Playwright results. */
+export type DataSource = {
+    type: 'attachment';
+    data: {
+        name: string;
+        body?: Buffer;
+        path?: string;
+    };
+} | {
+    type: 'annotation';
+    data: {
+        type: string;
+        description?: string;
+    };
+};

package/dist/models/DataSource.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ImagePath.d.ts

@@ -0,0 +1,5 @@
+/** Simple image path and filename pair. */
+export interface ImagePath {
+    srcPath: string;
+    fileName: string;
+}

package/dist/models/ImagePath.js

@@ -0,0 +1,3 @@
+"use strict";
+/** Simple image path and filename pair. */
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ReportData.d.ts

@@ -0,0 +1,24 @@
+import { Violation } from './Violation';
+/** Complete data structure for an individual accessibility report. */
+export interface ReportData {
+    pageKey: string;
+    pageUrl?: string;
+    /** No longer used; accessibility score derivation from Lighthouse removed. */
+    accessibilityScore: number;
+    /** Relative paths to videos for this a11y scan. */
+    video?: string | string[];
+    /** List of accessibility violations found. */
+    a11yErrors: Violation[];
+    /** Severity level colors used in the report. */
+    criticalColor: string;
+    seriousColor: string;
+    moderateColor: string;
+    minorColor: string;
+    /** ADO integration details. */
+    adoOrganization?: string;
+    adoProject?: string;
+    adoAreaPath?: string;
+    adoPat?: string;
+    /** Execution timestamp. */
+    timestamp?: string;
+}

package/dist/models/ReportData.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ReporterOptions.d.ts

@@ -0,0 +1,24 @@
+export interface ReporterOptions {
+    /**
+     * Folder where the reports will be generated.
+     * @default "steps-report"
+     */
+    outputFolder?: string;
+    /**
+     * Custom colors for violation severities in the report.
+     */
+    colors?: {
+        critical?: string;
+        serious?: string;
+        moderate?: string;
+        minor?: string;
+    };
+    /**
+     * Azure DevOps integration options.
+     */
+    ado?: {
+        organization?: string;
+        project?: string;
+        areaPath?: string;
+    };
+}

package/dist/models/ReporterOptions.js

@@ -0,0 +1,5 @@
+"use strict";
+// ────────────────────────────────────────────────────────────────────────────
+//  Public options interface
+// ────────────────────────────────────────────────────────────────────────────
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ResolvedColors.d.ts

@@ -0,0 +1,16 @@
+/** Resolved severity color palette. */
+export interface ResolvedColors {
+    critical: string;
+    serious: string;
+    moderate: string;
+    minor: string;
+}
+/** Default severity colors used when the user doesn't override them. */
+export declare const DEFAULT_COLORS: Readonly<ResolvedColors>;
+/** Default fallback color for unknown severities. */
+export declare const FALLBACK_GRAY = "#757575";
+/**
+ * Maps an Axe 'impact' level to its corresponding hex color.
+ * Supports optional custom color overrides.
+ */
+export declare function getSeverityColor(impact?: string | null, customColors?: Partial<ResolvedColors>): string;

package/dist/models/ResolvedColors.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FALLBACK_GRAY = exports.DEFAULT_COLORS = void 0;
+exports.getSeverityColor = getSeverityColor;
+/** Default severity colors used when the user doesn't override them. */
+exports.DEFAULT_COLORS = {
+    critical: '#dc2626', // Power Red
+    serious: '#ea580c', // Deep Orange
+    moderate: '#f59e0b', // Amber/Honey
+    minor: '#f0f06f', // Ocean Blue (Updated to Yellow per user request)
+};
+/** Default fallback color for unknown severities. */
+exports.FALLBACK_GRAY = '#757575';
+/**
+ * Maps an Axe 'impact' level to its corresponding hex color.
+ * Supports optional custom color overrides.
+ */
+function getSeverityColor(impact, customColors) {
+    const level = (impact || 'minor');
+    if (customColors && customColors[level]) {
+        return customColors[level];
+    }
+    return exports.DEFAULT_COLORS[level] || exports.FALLBACK_GRAY;
+}

package/dist/models/ScannerOptions.d.ts

@@ -0,0 +1,30 @@
+import type { Locator } from '@playwright/test';
+/**
+ * Options for the accessibility scanner.
+ */
+export interface ScannerOptions {
+    /** Specific selector or locator to include in the scan. */
+    include?: string | Locator;
+    /** Alias for include. */
+    box?: string | Locator;
+    /** Whether to log violations to the console. @default true */
+    verbose?: boolean;
+    /** Alias for verbose. */
+    consoleLog?: boolean;
+    /** Specific Axe rules to enable or disable. */
+    rules?: Record<string, {
+        enabled: boolean;
+    }>;
+    /** Specific WCAG tags to check (e.g., ['wcag2a', 'wcag2aa']). */
+    tags?: string[];
+    /** Any other Axe-core options to pass to the builder. */
+    axeOptions?: Record<string, unknown>;
+    /** Custom identifier for the report file name. */
+    pageKey?: string;
+    /** Azure DevOps integration options for bug reporting. */
+    ado?: {
+        organization?: string;
+        project?: string;
+        areaPath?: string;
+    };
+}

package/dist/models/ScannerOptions.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/Severity.d.ts

@@ -0,0 +1,7 @@
+/** Known Axe impact severity levels. */
+export declare enum Severity {
+    minor = "minor",
+    moderate = "moderate",
+    serious = "serious",
+    critical = "critical"
+}

package/dist/models/Severity.js

@@ -0,0 +1,11 @@
+"use strict";
+/** Known Axe impact severity levels. */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Severity = void 0;
+var Severity;
+(function (Severity) {
+    Severity["minor"] = "minor";
+    Severity["moderate"] = "moderate";
+    Severity["serious"] = "serious";
+    Severity["critical"] = "critical";
+})(Severity || (exports.Severity = Severity = {}));

package/dist/models/Target.d.ts

@@ -0,0 +1,10 @@
+/** Individual element that failed a specific accessibility rule. */
+export interface Target {
+    element: string;
+    snippet: string;
+    html: string;
+    screenshot: string;
+    steps: string[];
+    stepsJson: string;
+    screenshotBase64: string;
+}

package/dist/models/Target.js

@@ -0,0 +1,3 @@
+"use strict";
+/** Individual element that failed a specific accessibility rule. */
+Object.defineProperty(exports, "__esModule", { value: true });