@holmdigital/engine 1.4.7 → 1.4.8

package/README.md

@@ -24,7 +24,7 @@ It handles the heavy lifting of:
 - **Configurable Severity Threshold**: Fail CI only on critical/high issues (configurable).
 - **Rich Metadata**: Includes scan duration, page title, language, and version info.
 - **Pseudo-Automation**: Automatically generates Playwright/Puppeteer test scripts for manual verification steps.
-- **PDF Reporting**: Generates beautiful, compliant PDF reports out of the box.
+- **PDF Reporting**: Generates beautiful, compliant PDF reports with severity-sorted violations, HTML error counts, and `@HolmDigital/engine` branding.
 - **TypeScript**: Written in TypeScript with full type definitions included.
 
 ## Installation

package/dist/{chunk-WUJZMECK.mjs → chunk-BKI2FFUX.mjs}

@@ -34,6 +34,7 @@ var en_default = {
     critical_issues: "Critical Issues",
     high_issues: "High Issues",
     total_issues: "Total Issues",
+    html_errors: "HTML Errors",
     detailed_violations: "Detailed Violations",
     prescriptive_fix: "\u{1F4A1} Prescriptive Fix",
     use: "Use",
@@ -70,6 +71,7 @@ var sv_default = {
     critical_issues: "Kritiska fel",
     high_issues: "Allvarliga fel",
     total_issues: "Antal brister",
+    html_errors: "HTML-fel",
     detailed_violations: "Detaljerade brister",
     prescriptive_fix: "\u{1F4A1} Preskriptiv L\xF6sning",
     use: "Anv\xE4nd",
@@ -106,6 +108,7 @@ var de_default = {
     critical_issues: "Kritische Probleme",
     high_issues: "Hohe Probleme",
     total_issues: "Gesamtprobleme",
+    html_errors: "HTML-Fehler",
     detailed_violations: "Detaillierte Verst\xF6\xDFe",
     prescriptive_fix: "\u{1F4A1} Vorschriftsm\xE4\xDFige L\xF6sung",
     use: "Verwenden",
@@ -142,6 +145,7 @@ var fr_default = {
     critical_issues: "Probl\xE8mes Critiques",
     high_issues: "Probl\xE8mes Importants",
     total_issues: "Total des Probl\xE8mes",
+    html_errors: "Erreurs HTML",
     detailed_violations: "Violations D\xE9taill\xE9es",
     prescriptive_fix: "\u{1F4A1} Solution Prescriptive",
     use: "Utiliser",
@@ -178,6 +182,7 @@ var es_default = {
     critical_issues: "Problemas Cr\xEDticos",
     high_issues: "Problemas Altos",
     total_issues: "Problemas Totales",
+    html_errors: "Errores HTML",
     detailed_violations: "Violaciones Detalladas",
     prescriptive_fix: "\u{1F4A1} Soluci\xF3n Prescriptiva",
     use: "Usar",
@@ -214,6 +219,7 @@ var nl_default = {
     critical_issues: "Kritieke problemen",
     high_issues: "Hoge prioriteit problemen",
     total_issues: "Totaal aantal problemen",
+    html_errors: "HTML-fouten",
     detailed_violations: "Gedetailleerde overtredingen",
     prescriptive_fix: "\u{1F4A1} Voorgeschreven oplossing",
     use: "Gebruik",

package/dist/{chunk-2JUTUKQY.mjs → chunk-GKQRHFIT.mjs}

@@ -1,6 +1,6 @@
 import {
   __require
-} from "./chunk-WUJZMECK.mjs";
+} from "./chunk-BKI2FFUX.mjs";
 
 // src/core/virtual-dom.ts
 var VirtualDOMBuilder = class {
@@ -254,7 +254,7 @@ var RegulatoryScanner = class {
   async enrichResults(axeResults) {
     const reports = [];
     const { searchRulesByTags, generateRegulatoryReport } = await import("@holmdigital/standards");
-    const { getCurrentLang } = await import("./i18n-IVBZL57L.mjs");
+    const { getCurrentLang } = await import("./i18n-M6ATDHUS.mjs");
     const lang = getCurrentLang();
     for (const violation of axeResults.violations) {
       let report = generateRegulatoryReport(violation.id, lang);

package/dist/cli/index.js

@@ -62,6 +62,7 @@ var init_en = __esm({
         critical_issues: "Critical Issues",
         high_issues: "High Issues",
         total_issues: "Total Issues",
+        html_errors: "HTML Errors",
         detailed_violations: "Detailed Violations",
         prescriptive_fix: "\u{1F4A1} Prescriptive Fix",
         use: "Use",
@@ -103,6 +104,7 @@ var init_sv = __esm({
         critical_issues: "Kritiska fel",
         high_issues: "Allvarliga fel",
         total_issues: "Antal brister",
+        html_errors: "HTML-fel",
         detailed_violations: "Detaljerade brister",
         prescriptive_fix: "\u{1F4A1} Preskriptiv L\xF6sning",
         use: "Anv\xE4nd",
@@ -144,6 +146,7 @@ var init_de = __esm({
         critical_issues: "Kritische Probleme",
         high_issues: "Hohe Probleme",
         total_issues: "Gesamtprobleme",
+        html_errors: "HTML-Fehler",
         detailed_violations: "Detaillierte Verst\xF6\xDFe",
         prescriptive_fix: "\u{1F4A1} Vorschriftsm\xE4\xDFige L\xF6sung",
         use: "Verwenden",
@@ -185,6 +188,7 @@ var init_fr = __esm({
         critical_issues: "Probl\xE8mes Critiques",
         high_issues: "Probl\xE8mes Importants",
         total_issues: "Total des Probl\xE8mes",
+        html_errors: "Erreurs HTML",
         detailed_violations: "Violations D\xE9taill\xE9es",
         prescriptive_fix: "\u{1F4A1} Solution Prescriptive",
         use: "Utiliser",
@@ -226,6 +230,7 @@ var init_es = __esm({
         critical_issues: "Problemas Cr\xEDticos",
         high_issues: "Problemas Altos",
         total_issues: "Problemas Totales",
+        html_errors: "Errores HTML",
         detailed_violations: "Violaciones Detalladas",
         prescriptive_fix: "\u{1F4A1} Soluci\xF3n Prescriptiva",
         use: "Usar",
@@ -267,6 +272,7 @@ var init_nl = __esm({
         critical_issues: "Kritieke problemen",
         high_issues: "Hoge prioriteit problemen",
         total_issues: "Totaal aantal problemen",
+        html_errors: "HTML-fouten",
         detailed_violations: "Gedetailleerde overtredingen",
         prescriptive_fix: "\u{1F4A1} Voorgeschreven oplossing",
         use: "Gebruik",
@@ -792,6 +798,7 @@ init_i18n();
 function generateReportHTML(result) {
   const criticalCount = result.stats.critical;
   const highCount = result.stats.high;
+  const htmlErrorsCount = result.htmlValidation?.errors?.length ?? 0;
   const scoreColor = result.score > 90 ? "#16a34a" : result.score > 70 ? "#eab308" : "#dc2626";
   const formatDate = (dateString) => {
     return new Date(dateString).toLocaleDateString(getCurrentLang() === "sv" ? "sv-SE" : "en-US", {
@@ -845,7 +852,7 @@ function generateReportHTML(result) {
             }
             .summary-grid {
                 display: grid;
-                grid-template-columns: repeat(4, 1fr);
+                grid-template-columns: repeat(5, 1fr);
                 gap: 1.5rem;
                 margin-bottom: 3rem;
             }
@@ -864,6 +871,7 @@ function generateReportHTML(result) {
                 color: #64748b;
                 margin-bottom: 0.5rem;
                 font-weight: 500;
+                min-height: 2.5rem;
             }
             .metric-value {
                 font-size: 2rem;
@@ -944,7 +952,7 @@ function generateReportHTML(result) {
     </head>
     <body>
         <div class="header">
-            <div class="brand">Holm<span>Digital</span></div>
+            <div class="brand">@HolmDigital/<span>engine</span></div>
             <div class="meta">
                 <div>${t("report.scan_target", { url: result.url })}</div>
                 <div>${t("report.generated", { date: formatDate(result.timestamp) })}</div>
@@ -968,11 +976,20 @@ function generateReportHTML(result) {
                 <div class="metric-label">${t("report.total_issues")}</div>
                 <div class="metric-value">${result.stats.total}</div>
             </div>
+            <div class="card">
+                <div class="metric-label">${t("report.html_errors")}</div>
+                <div class="metric-value" style="color: ${htmlErrorsCount > 0 ? "#9333ea" : "#16a34a"};">${htmlErrorsCount}</div>
+            </div>
         </div>
 
         <div class="section-title">${t("report.detailed_violations")}</div>
 
-        ${result.reports.map((report) => {
+        ${[...result.reports].sort((a, b) => {
+    const severityOrder = { critical: 0, high: 1, medium: 2, low: 3 };
+    const aRisk = a.holmdigitalInsight.diggRisk.toLowerCase();
+    const bRisk = b.holmdigitalInsight.diggRisk.toLowerCase();
+    return (severityOrder[aRisk] ?? 4) - (severityOrder[bRisk] ?? 4);
+  }).map((report) => {
     const riskClass = `badge-${report.holmdigitalInsight.diggRisk}`;
     return `
             <div class="violation-card">

package/dist/cli/index.mjs

@@ -2,12 +2,12 @@
 import {
   PseudoAutomationEngine,
   RegulatoryScanner
-} from "../chunk-2JUTUKQY.mjs";
+} from "../chunk-GKQRHFIT.mjs";
 import {
   getCurrentLang,
   setLanguage,
   t
-} from "../chunk-WUJZMECK.mjs";
+} from "../chunk-BKI2FFUX.mjs";
 
 // src/cli/index.ts
 import { Command } from "commander";
@@ -18,6 +18,7 @@ import ora from "ora";
 function generateReportHTML(result) {
   const criticalCount = result.stats.critical;
   const highCount = result.stats.high;
+  const htmlErrorsCount = result.htmlValidation?.errors?.length ?? 0;
   const scoreColor = result.score > 90 ? "#16a34a" : result.score > 70 ? "#eab308" : "#dc2626";
   const formatDate = (dateString) => {
     return new Date(dateString).toLocaleDateString(getCurrentLang() === "sv" ? "sv-SE" : "en-US", {
@@ -71,7 +72,7 @@ function generateReportHTML(result) {
             }
             .summary-grid {
                 display: grid;
-                grid-template-columns: repeat(4, 1fr);
+                grid-template-columns: repeat(5, 1fr);
                 gap: 1.5rem;
                 margin-bottom: 3rem;
             }
@@ -90,6 +91,7 @@ function generateReportHTML(result) {
                 color: #64748b;
                 margin-bottom: 0.5rem;
                 font-weight: 500;
+                min-height: 2.5rem;
             }
             .metric-value {
                 font-size: 2rem;
@@ -170,7 +172,7 @@ function generateReportHTML(result) {
     </head>
     <body>
         <div class="header">
-            <div class="brand">Holm<span>Digital</span></div>
+            <div class="brand">@HolmDigital/<span>engine</span></div>
             <div class="meta">
                 <div>${t("report.scan_target", { url: result.url })}</div>
                 <div>${t("report.generated", { date: formatDate(result.timestamp) })}</div>
@@ -194,11 +196,20 @@ function generateReportHTML(result) {
                 <div class="metric-label">${t("report.total_issues")}</div>
                 <div class="metric-value">${result.stats.total}</div>
             </div>
+            <div class="card">
+                <div class="metric-label">${t("report.html_errors")}</div>
+                <div class="metric-value" style="color: ${htmlErrorsCount > 0 ? "#9333ea" : "#16a34a"};">${htmlErrorsCount}</div>
+            </div>
         </div>
 
         <div class="section-title">${t("report.detailed_violations")}</div>
 
-        ${result.reports.map((report) => {
+        ${[...result.reports].sort((a, b) => {
+    const severityOrder = { critical: 0, high: 1, medium: 2, low: 3 };
+    const aRisk = a.holmdigitalInsight.diggRisk.toLowerCase();
+    const bRisk = b.holmdigitalInsight.diggRisk.toLowerCase();
+    return (severityOrder[aRisk] ?? 4) - (severityOrder[bRisk] ?? 4);
+  }).map((report) => {
     const riskClass = `badge-${report.holmdigitalInsight.diggRisk}`;
     return `
             <div class="violation-card">

package/dist/{i18n-IVBZL57L.mjs → i18n-M6ATDHUS.mjs}

@@ -2,7 +2,7 @@ import {
   getCurrentLang,
   setLanguage,
   t
-} from "./chunk-WUJZMECK.mjs";
+} from "./chunk-BKI2FFUX.mjs";
 export {
   getCurrentLang,
   setLanguage,

package/dist/index.d.mts

@@ -123,6 +123,7 @@ var report = {
 	critical_issues: "Critical Issues",
 	high_issues: "High Issues",
 	total_issues: "Total Issues",
+	html_errors: "HTML Errors",
 	detailed_violations: "Detailed Violations",
 	prescriptive_fix: "💡 Prescriptive Fix",
 	use: "Use",

package/dist/index.d.ts

@@ -123,6 +123,7 @@ var report = {
 	critical_issues: "Critical Issues",
 	high_issues: "High Issues",
 	total_issues: "Total Issues",
+	html_errors: "HTML Errors",
 	detailed_violations: "Detailed Violations",
 	prescriptive_fix: "💡 Prescriptive Fix",
 	use: "Use",

package/dist/index.js

@@ -62,6 +62,7 @@ var init_en = __esm({
         critical_issues: "Critical Issues",
         high_issues: "High Issues",
         total_issues: "Total Issues",
+        html_errors: "HTML Errors",
         detailed_violations: "Detailed Violations",
         prescriptive_fix: "\u{1F4A1} Prescriptive Fix",
         use: "Use",
@@ -103,6 +104,7 @@ var init_sv = __esm({
         critical_issues: "Kritiska fel",
         high_issues: "Allvarliga fel",
         total_issues: "Antal brister",
+        html_errors: "HTML-fel",
         detailed_violations: "Detaljerade brister",
         prescriptive_fix: "\u{1F4A1} Preskriptiv L\xF6sning",
         use: "Anv\xE4nd",
@@ -144,6 +146,7 @@ var init_de = __esm({
         critical_issues: "Kritische Probleme",
         high_issues: "Hohe Probleme",
         total_issues: "Gesamtprobleme",
+        html_errors: "HTML-Fehler",
         detailed_violations: "Detaillierte Verst\xF6\xDFe",
         prescriptive_fix: "\u{1F4A1} Vorschriftsm\xE4\xDFige L\xF6sung",
         use: "Verwenden",
@@ -185,6 +188,7 @@ var init_fr = __esm({
         critical_issues: "Probl\xE8mes Critiques",
         high_issues: "Probl\xE8mes Importants",
         total_issues: "Total des Probl\xE8mes",
+        html_errors: "Erreurs HTML",
         detailed_violations: "Violations D\xE9taill\xE9es",
         prescriptive_fix: "\u{1F4A1} Solution Prescriptive",
         use: "Utiliser",
@@ -226,6 +230,7 @@ var init_es = __esm({
         critical_issues: "Problemas Cr\xEDticos",
         high_issues: "Problemas Altos",
         total_issues: "Problemas Totales",
+        html_errors: "Errores HTML",
         detailed_violations: "Violaciones Detalladas",
         prescriptive_fix: "\u{1F4A1} Soluci\xF3n Prescriptiva",
         use: "Usar",
@@ -267,6 +272,7 @@ var init_nl = __esm({
         critical_issues: "Kritieke problemen",
         high_issues: "Hoge prioriteit problemen",
         total_issues: "Totaal aantal problemen",
+        html_errors: "HTML-fouten",
         detailed_violations: "Gedetailleerde overtredingen",
         prescriptive_fix: "\u{1F4A1} Voorgeschreven oplossing",
         use: "Gebruik",

package/dist/index.mjs

@@ -2,12 +2,12 @@ import {
   PseudoAutomationEngine,
   RegulatoryScanner,
   VirtualDOMBuilder
-} from "./chunk-2JUTUKQY.mjs";
+} from "./chunk-GKQRHFIT.mjs";
 import {
   getCurrentLang,
   setLanguage,
   t
-} from "./chunk-WUJZMECK.mjs";
+} from "./chunk-BKI2FFUX.mjs";
 export {
   PseudoAutomationEngine,
   RegulatoryScanner,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@holmdigital/engine",
-    "version": "1.4.7",
+    "version": "1.4.8",
     "private": false,
     "publishConfig": {
         "access": "public",