#!/usr/bin/env python3 """ DSS Component Checker Hook Validates React components for best practices and accessibility. Written from scratch for DSS. """ import json import re import sys from pathlib import Path # React component patterns to check COMPONENT_PATTERNS = [ # Accessibility checks { "id": "a11y-img-alt", "regex": r"]*alt=)[^>]*>", "category": "accessibility", "severity": "high", "message": "Missing alt attribute on . Add alt text for accessibility.", "file_types": [".jsx", ".tsx"] }, { "id": "a11y-button-type", "regex": r"]*type=)[^>]*>", "category": "accessibility", "severity": "medium", "message": "Button missing type attribute. Add type='button' or type='submit'.", "file_types": [".jsx", ".tsx"] }, { "id": "a11y-anchor-href", "regex": r"]*href=)[^>]*>", "category": "accessibility", "severity": "high", "message": "Anchor tag missing href. Use button for actions without navigation.", "file_types": [".jsx", ".tsx"] }, { "id": "a11y-click-handler", "regex": r"<(?:div|span)\s+[^>]*onClick", "category": "accessibility", "severity": "medium", "message": "Click handler on non-interactive element. Use