@holmdigital/engine 1.4.9 → 1.4.11

package/README.md

@@ -51,7 +51,14 @@ npx hd-a11y-scan <url> [options]
 | `--generate-tests` | Generate Pseudo-Automation tests |
 | `--invalid-https-cert` | Allow scanning sites with invalid/self-signed HTTPS certificates ⚠️ |
 | `--api-key <key>` | API Key for HolmDigital Cloud |
-| `--cloud-url <url>` | Custom URL for HolmDigital Cloud API |
+| `--cloud-url <url>` | Custom Cloud API Endpoint (default: cloud.holmdigital.se) |
+
+### 🏆 Accessibility Badge
+If your site achieves a **100% score**, the CLI will generate a [Shields.io](https://shields.io/) badge that you can add to your project's README:
+
+![Accessibility Status: 100% Compliant](https://img.shields.io/badge/HolmDigital_Engine-100%25-00703C?style=flat-square)
+
+The badge uses accessible colors (AAA compliant contrast) and is included in both the CLI output and the HTML report.
 
 > **⚠️ Security Note:** The `--invalid-https-cert` flag should only be used in trusted environments (local dev, staging). It disables certificate validation and is not recommended for production. *(Contributed by [@FerdiStro](https://github.com/FerdiStro))*
 

package/dist/cli/index.js

@@ -795,6 +795,23 @@ test('${testName}', async ({ page }) => {
   }
 };
 
+// src/reporting/badge-generator.ts
+var BADGE_COLOR = "00703C";
+var BADGE_BASE_URL = "https://img.shields.io/badge/HolmDigital_Engine";
+function generateBadgeUrl(score) {
+  if (score !== 100) {
+    return null;
+  }
+  return `${BADGE_BASE_URL}-100%25-${BADGE_COLOR}?style=flat-square`;
+}
+function generateBadgeMarkdown(score) {
+  const url = generateBadgeUrl(score);
+  if (!url) {
+    return null;
+  }
+  return `![Accessibility Status: 100% Compliant](${url})`;
+}
+
 // src/reporting/html-template.ts
 init_i18n();
 function generateReportHTML(result) {
@@ -958,6 +975,7 @@ function generateReportHTML(result) {
             <div class="meta">
                 <div>${t("report.scan_target", { url: result.url })}</div>
                 <div>${t("report.generated", { date: formatDate(result.timestamp) })}</div>
+                ${generateBadgeUrl(result.score) ? `<div style="margin-top: 0.5rem;"><img src="${generateBadgeUrl(result.score)}" alt="Accessibility Status: 100% Compliant" /></div>` : ""}
             </div>
         </div>
 
@@ -1198,6 +1216,13 @@ program.argument("<url>", "URL to scan").option("--lang <code>", "Language code
       if (result.complianceStatus === "FAIL") {
         console.log(import_chalk.default.red(t("cli.not_compliant")));
       }
+      if (result.score === 100) {
+        const badge = generateBadgeMarkdown(result.score);
+        if (badge) {
+          console.log(import_chalk.default.green.bold("\n\u{1F3C6} Perfect Score! Here is your accessibility badge:"));
+          console.log(import_chalk.default.white(badge));
+        }
+      }
       console.log(import_chalk.default.gray("----------------------------------------"));
       if (options.viewport) {
         console.log(import_chalk.default.blue(t("cli.viewport", { width: viewport.width, height: viewport.height })));

package/dist/cli/index.mjs

@@ -14,6 +14,23 @@ import { Command } from "commander";
 import chalk from "chalk";
 import ora from "ora";
 
+// src/reporting/badge-generator.ts
+var BADGE_COLOR = "00703C";
+var BADGE_BASE_URL = "https://img.shields.io/badge/HolmDigital_Engine";
+function generateBadgeUrl(score) {
+  if (score !== 100) {
+    return null;
+  }
+  return `${BADGE_BASE_URL}-100%25-${BADGE_COLOR}?style=flat-square`;
+}
+function generateBadgeMarkdown(score) {
+  const url = generateBadgeUrl(score);
+  if (!url) {
+    return null;
+  }
+  return `![Accessibility Status: 100% Compliant](${url})`;
+}
+
 // src/reporting/html-template.ts
 function generateReportHTML(result) {
   const criticalCount = result.stats.critical;
@@ -176,6 +193,7 @@ function generateReportHTML(result) {
             <div class="meta">
                 <div>${t("report.scan_target", { url: result.url })}</div>
                 <div>${t("report.generated", { date: formatDate(result.timestamp) })}</div>
+                ${generateBadgeUrl(result.score) ? `<div style="margin-top: 0.5rem;"><img src="${generateBadgeUrl(result.score)}" alt="Accessibility Status: 100% Compliant" /></div>` : ""}
             </div>
         </div>
 
@@ -413,6 +431,13 @@ program.argument("<url>", "URL to scan").option("--lang <code>", "Language code
       if (result.complianceStatus === "FAIL") {
         console.log(chalk.red(t("cli.not_compliant")));
       }
+      if (result.score === 100) {
+        const badge = generateBadgeMarkdown(result.score);
+        if (badge) {
+          console.log(chalk.green.bold("\n\u{1F3C6} Perfect Score! Here is your accessibility badge:"));
+          console.log(chalk.white(badge));
+        }
+      }
       console.log(chalk.gray("----------------------------------------"));
       if (options.viewport) {
         console.log(chalk.blue(t("cli.viewport", { width: viewport.width, height: viewport.height })));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@holmdigital/engine",
-    "version": "1.4.9",
+    "version": "1.4.11",
     "private": false,
     "publishConfig": {
         "access": "public",
@@ -76,4 +76,4 @@
         "typescript": "^5.7.2",
         "vitest": "^4.0.16"
     }
-}
+}