markuplint-angular-parser

import { readFileSync, writeFileSync } from 'node:fs'; import { resolve } from 'node:path'; import { lint } from 'markuplint'; const angularTemplatePath = resolve(__dirname, 'src/app/my-component/my-component.component.html'); const angularTemplateContent = readFileSync(angularTemplatePath, 'utf8'); // Minimal .markuplintrc.json equivalent for programmatic use const config = { parser: { '.html$': 'markuplint-angular-parser' }, rules: { 'attr-validate': true, 'require-accessible-name': true } }; async function runLint() { console.log(`Linting file: ${angularTemplatePath}`); try { const results = await lint({ sourceCodes: [ { url: angularTemplatePath, extension: 'html', source: angularTemplateContent } ], config: config }); if (results[0] && results[0].violations.length > 0) { console.error('Linting violations found:'); results[0].violations.forEach(violation => { console.error(` - [${violation.severity}] ${violation.message} (line: ${violation.line}, col: ${violation.col})`); }); process.exit(1); } else { console.log('No linting violations found.'); } } catch (error) { console.error('An error occurred during linting:', error); process.exit(1); } } // Example Angular HTML file (src/app/my-component/my-component.component.html) // <div *ngIf="showContent"> // <span [attr.data-id]="itemId" (click)="doSomething()">{{ title | uppercase }}</span> // <img src="" alt="Missing alt text"> // </div> runLint();