feat: replace codecov with coverage badge

Author: Bccorb

.husky/pre-commit

@@ -1,5 +1,7 @@
 npm run lint
 npm run format
 npm run typecheck
-npm run test:ci
+npm run coverage
+npm run coverage:badge
+git add README.md resources/coverage-badge.svg
 npm run build

README.md

@@ -1,6 +1,6 @@
 # Seamless Auth API
 
-[![codecov](https://codecov.io/gh/fells-code/seamless-auth-api/graph/badge.svg?token=6PQV8KVY30)](https://codecov.io/gh/fells-code/seamless-auth-api)
+![coverage](resources/coverage-badge.svg)
 [![Publish Docker Image](https://github.com/fells-code/seamless-auth-api/actions/workflows/docker-publish.yml/badge.svg)](https://github.com/fells-code/seamless-auth-api/actions/workflows/docker-publish.yml)
 
 **Seamless Auth API** is the open-source core authentication server for SeamlessAuth: an exclusively passwordless authentication system designed for modern web applications.

package.json

@@ -12,6 +12,7 @@
     "test": "vitest",
     "test:run": "vitest run",
     "coverage": "vitest run --coverage",
+    "coverage:badge": "node ./src/scripts/updateCoverageBadge.mjs",
     "test:ci": "CI=true vitest",
     "test:e2e": "CI=false vitest",
     "lint": "eslint . --ext .ts",

resources/coverage-badge.svg

@@ -0,0 +1,87 @@
+import fs from 'node:fs';
+import path from 'node:path';
+
+const repoRoot = process.cwd();
+const coverageSummaryPath = path.join(repoRoot, 'coverage', 'coverage-summary.json');
+const badgePath = path.join(repoRoot, 'resources', 'coverage-badge.svg');
+const readmePath = path.join(repoRoot, 'README.md');
+
+if (!fs.existsSync(coverageSummaryPath)) {
+  throw new Error(
+    'coverage/coverage-summary.json was not found. Run `npm run coverage` before generating the badge.',
+  );
+}
+
+const summary = JSON.parse(fs.readFileSync(coverageSummaryPath, 'utf8'));
+const totalCoverage = summary?.total?.lines?.pct;
+
+if (typeof totalCoverage !== 'number' || Number.isNaN(totalCoverage)) {
+  throw new Error('Unable to read total line coverage from coverage/coverage-summary.json.');
+}
+
+const normalizedCoverage = Number(totalCoverage.toFixed(1));
+const coverageLabel = `${normalizedCoverage}%`;
+const badgeColor = getCoverageColor(normalizedCoverage);
+const svg = buildBadgeSvg('coverage', coverageLabel, badgeColor);
+
+fs.mkdirSync(path.dirname(badgePath), { recursive: true });
+fs.writeFileSync(badgePath, `${svg}\n`);
+
+const readme = fs.readFileSync(readmePath, 'utf8');
+const badgeLine = `![coverage](resources/coverage-badge.svg)`;
+
+if (
+  !readme.includes('[![codecov](') &&
+  !readme.includes('![coverage](resources/coverage-badge.svg)')
+) {
+  throw new Error('README.md does not contain the expected coverage badge line.');
+}
+
+const nextReadme = readme.replace(/\[!\[(?:codecov|coverage)\][^\n]+\n/, `${badgeLine}\n`);
+
+fs.writeFileSync(readmePath, nextReadme);
+
+function getCoverageColor(coverage) {
+  if (coverage >= 90) return '#2ea043';
+  if (coverage >= 80) return '#4c1';
+  if (coverage >= 70) return '#97ca00';
+  if (coverage >= 60) return '#dfb317';
+  if (coverage >= 50) return '#fe7d37';
+  return '#e05d44';
+}
+
+function buildBadgeSvg(label, value, color) {
+  const labelWidth = getTextWidth(label);
+  const valueWidth = getTextWidth(value);
+  const totalWidth = labelWidth + valueWidth;
+  const valueX = labelWidth + valueWidth / 2;
+  const labelX = labelWidth / 2;
+
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${totalWidth}" height="20" role="img" aria-label="${label}: ${value}">
+  <title>${label}: ${value}</title>
+  <linearGradient id="smooth" x2="0" y2="100%">
+    <stop offset="0" stop-color="#fff" stop-opacity=".7"/>
+    <stop offset=".1" stop-color="#aaa" stop-opacity=".1"/>
+    <stop offset=".9" stop-color="#000" stop-opacity=".3"/>
+    <stop offset="1" stop-color="#000" stop-opacity=".5"/>
+  </linearGradient>
+  <clipPath id="round">
+    <rect width="${totalWidth}" height="20" rx="3" fill="#fff"/>
+  </clipPath>
+  <g clip-path="url(#round)">
+    <rect width="${labelWidth}" height="20" fill="#555"/>
+    <rect x="${labelWidth}" width="${valueWidth}" height="20" fill="${color}"/>
+    <rect width="${totalWidth}" height="20" fill="url(#smooth)"/>
+  </g>
+  <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11">
+    <text x="${labelX}" y="15" fill="#010101" fill-opacity=".3">${label}</text>
+    <text x="${labelX}" y="14">${label}</text>
+    <text x="${valueX}" y="15" fill="#010101" fill-opacity=".3">${value}</text>
+    <text x="${valueX}" y="14">${value}</text>
+  </g>
+</svg>`;
+}
+
+function getTextWidth(text) {
+  return text.length * 7 + 10;
+}

src/scripts/updateCoverageBadge.mjs

@@ -13,7 +13,7 @@ export default defineConfig({
     coverage: {
       provider: 'v8',
 
-      reporter: ['text', 'html', 'lcov'],
+      reporter: ['text', 'html', 'lcov', 'json-summary'],
 
       reportsDirectory: './coverage',