@reddoorla/maintenance 0.16.0 → 0.17.0

package/dist/index.js

@@ -2957,6 +2957,25 @@ function findDueReports(websites, reports, today) {
   return out;
 }
 
+// src/dashboard/relative-time.ts
+function relativeTimeFromNow(iso, now = /* @__PURE__ */ new Date()) {
+  if (!iso) return "\u2014";
+  const t = Date.parse(iso);
+  if (Number.isNaN(t)) return "\u2014";
+  const seconds = Math.max(0, Math.floor((now.getTime() - t) / 1e3));
+  if (seconds < 60) return "just now";
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 7) return `${days}d ago`;
+  const weeks = Math.floor(days / 7);
+  if (weeks < 4) return `${weeks}w ago`;
+  const months = Math.floor(days / 30);
+  return `${months}mo ago`;
+}
+
 // src/dashboard/render.ts
 function escapeHtml(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
@@ -2973,6 +2992,34 @@ function scoreTile(label, value) {
   const display = value === null ? "\u2014" : String(value);
   return `<div class="tile"><div class="tile-value">${escapeHtml(display)}</div><div class="tile-label">${escapeHtml(label)}</div></div>`;
 }
+function healthTile(label, value, sub) {
+  const display = value === null ? "\u2014" : String(value);
+  const subLine = sub ? `<div class="tile-sub">${escapeHtml(sub)}</div>` : "";
+  return `<div class="tile"><div class="tile-value">${escapeHtml(display)}</div><div class="tile-label">${escapeHtml(label)}</div>${subLine}</div>`;
+}
+function depsSub(majorBehind) {
+  if (majorBehind === null || majorBehind === 0) return null;
+  return `${majorBehind} major behind`;
+}
+function securityTotal(site) {
+  const parts = [
+    site.securityVulnsCritical,
+    site.securityVulnsHigh,
+    site.securityVulnsModerate,
+    site.securityVulnsLow
+  ];
+  if (parts.every((p) => p === null)) return null;
+  return parts.reduce((sum, p) => sum + (p ?? 0), 0);
+}
+function securitySub(site) {
+  const total = securityTotal(site);
+  if (total === null || total === 0) return null;
+  const c = site.securityVulnsCritical ?? 0;
+  const h = site.securityVulnsHigh ?? 0;
+  const m = site.securityVulnsModerate ?? 0;
+  const l = site.securityVulnsLow ?? 0;
+  return `${c}C / ${h}H / ${m}M / ${l}L`;
+}
 function reportRow(r) {
   const date = r.completedOn ? escapeHtml(r.completedOn) : "\u2014";
   const type = escapeHtml(r.reportType);
@@ -2987,6 +3034,7 @@ body { font: 16px/1.5 system-ui, -apple-system, sans-serif; max-width: 860px; ma
 h1 { margin: 0 0 0.25rem; font-size: 1.75rem; }
 .meta { color: #666; margin-bottom: 2rem; }
 .meta a { color: inherit; }
+.audited { color: #999; font-size: 0.85rem; margin-bottom: 1.5rem; }
 .section { margin: 2rem 0; }
 .section h2 { font-size: 1.1rem; margin: 0 0 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: #666; }
 .tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0.75rem; }
@@ -2994,6 +3042,7 @@ h1 { margin: 0 0 0.25rem; font-size: 1.75rem; }
 @media (prefers-color-scheme: dark) { .tile { border-color: #333; } }
 .tile-value { font-size: 2rem; font-weight: 600; }
 .tile-label { font-size: 0.85rem; color: #666; margin-top: 0.25rem; }
+.tile-sub { font-size: 0.75rem; color: #999; margin-top: 0.15rem; }
 table { width: 100%; border-collapse: collapse; }
 th, td { text-align: left; padding: 0.5rem; border-bottom: 1px solid #eee; }
 @media (prefers-color-scheme: dark) { th, td { border-color: #2a2a2a; } }
@@ -3010,6 +3059,14 @@ function renderSiteDashboardHtml(site, reports) {
         ${scoreTile("Best Practices", site.bpScore)}
         ${scoreTile("SEO", site.seoScore)}
       </div>`;
+  const secTotal = securityTotal(site);
+  const allHealthNull = site.a11yViolations === null && site.depsDrifted === null && secTotal === null;
+  const healthSection = allHealthNull ? `<div class="empty">No health data yet \u2014 run <code>reddoor-maint audit --write-airtable</code> from the site checkout.</div>` : `<div class="tiles">
+        ${healthTile("Accessibility issues", site.a11yViolations, null)}
+        ${healthTile("Dependency updates", site.depsDrifted, depsSub(site.depsMajorBehind))}
+        ${healthTile("Security alerts", secTotal, securitySub(site))}
+      </div>`;
+  const auditedLine = site.lastLighthouseAuditAt ? `<div class="audited">Last audited ${escapeHtml(relativeTimeFromNow(site.lastLighthouseAuditAt))}</div>` : "";
   const reportsSection = reports.length === 0 ? `<div class="empty">No reports yet.</div>` : `<table>
           <thead><tr><th>Completed</th><th>Type</th><th>ID</th><th>Report</th></tr></thead>
           <tbody>${reports.map(reportRow).join("")}</tbody>
@@ -3025,12 +3082,18 @@ function renderSiteDashboardHtml(site, reports) {
 <body>
   <h1>${name}</h1>
   <div class="meta"><a href="${escapeHtml(urlSafe)}">${escapeHtml(site.url)}</a></div>
+  ${auditedLine}
 
   <div class="section">
     <h2>Lighthouse</h2>
     ${scoresSection}
   </div>
 
+  <div class="section">
+    <h2>Site Health</h2>
+    ${healthSection}
+  </div>
+
   <div class="section">
     <h2>Reports</h2>
     ${reportsSection}
@@ -3062,25 +3125,6 @@ function onboardingStatus(row) {
   return { score, total: 4, checks };
 }
 
-// src/dashboard/relative-time.ts
-function relativeTimeFromNow(iso, now = /* @__PURE__ */ new Date()) {
-  if (!iso) return "\u2014";
-  const t = Date.parse(iso);
-  if (Number.isNaN(t)) return "\u2014";
-  const seconds = Math.max(0, Math.floor((now.getTime() - t) / 1e3));
-  if (seconds < 60) return "just now";
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) return `${minutes}m ago`;
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `${hours}h ago`;
-  const days = Math.floor(hours / 24);
-  if (days < 7) return `${days}d ago`;
-  const weeks = Math.floor(days / 7);
-  if (weeks < 4) return `${weeks}w ago`;
-  const months = Math.floor(days / 30);
-  return `${months}mo ago`;
-}
-
 // src/dashboard/fleet-render.ts
 function escapeHtml2(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");