create-claude-cabinet 0.29.13 → 0.29.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-claude-cabinet",
-  "version": "0.29.13",
+  "version": "0.29.14",
   "description": "Claude Cabinet — opinionated process scaffolding for Claude Code projects",
   "bin": {
     "create-claude-cabinet": "bin/create-claude-cabinet.js"

package/templates/site-audit-runtime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claude-cabinet/site-audit",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "Comprehensive deployed-site quality audit engine for Claude Cabinet. Runs checks across performance, accessibility, security, SEO, content, DNS, and privacy against a deployed URL; single-site and comparison modes; standalone HTML report.",
   "type": "module",
   "bin": {

package/templates/site-audit-runtime/src/checks/axe-core.mjs

@@ -33,12 +33,19 @@ export function normalize(raw, durationMs) {
   }
 
   const violations = Array.isArray(data) ? data.flatMap(p => p.violations || []) : (data.violations || []);
-  const findings = violations.map(v => ({
-    severity: IMPACT_TO_SEVERITY[v.impact] || 'info',
-    message: v.description || v.id,
-    url: v.helpUrl || undefined,
-    context: v.nodes?.[0]?.html?.slice(0, 200) || undefined,
-  }));
+  const findings = violations.map(v => {
+    const targets = (v.nodes || []).slice(0, 3).map(n =>
+      (n.target || []).flat().join(' > ')
+    ).filter(Boolean);
+    return {
+      severity: IMPACT_TO_SEVERITY[v.impact] || 'info',
+      message: v.description || v.id,
+      url: v.helpUrl || undefined,
+      context: targets.length
+        ? `Elements: ${targets.join(', ')}${v.nodes?.length > 3 ? ` (+${v.nodes.length - 3} more)` : ''}`
+        : (v.nodes?.[0]?.html?.slice(0, 200) || undefined),
+    };
+  });
 
   const worstSev = findings.length ? findings.reduce((w, f) => {
     const o = { critical: 0, serious: 1, moderate: 2, info: 3 };

package/templates/site-audit-runtime/src/checks/lighthouse.mjs

@@ -59,7 +59,21 @@ export function normalize(raw, durationMs) {
     return (order[f.severity] ?? 3) < (order[w] ?? 3) ? f.severity : w;
   }, 'info') : null;
 
-  const details = { categories: scores };
+  const cwvKeys = {
+    'largest-contentful-paint': 'LCP',
+    'cumulative-layout-shift': 'CLS',
+    'first-contentful-paint': 'FCP',
+    'total-blocking-time': 'TBT',
+    'speed-index': 'Speed Index',
+    'interactive': 'TTI',
+  };
+  const metrics = {};
+  for (const [auditId, label] of Object.entries(cwvKeys)) {
+    const a = audits[auditId];
+    if (a?.displayValue) metrics[label] = a.displayValue;
+  }
+
+  const details = { categories: scores, ...(Object.keys(metrics).length && { metrics }) };
   const passSummary = Object.entries(scores)
     .map(([k, v]) => `${k.replace(/-/g, ' ')}: ${v}`)
     .join(', ');

package/templates/site-audit-runtime/src/checks/pa11y.mjs

@@ -28,8 +28,8 @@ export function normalize(raw, durationMs) {
   const findings = issues.map(i => ({
     severity: TYPE_TO_SEVERITY[i.type] || 'info',
     message: i.message || i.code || 'unknown',
-    context: i.context?.slice(0, 200) || undefined,
-    url: i.selector || undefined,
+    context: [i.code, i.selector ? `Element: ${i.selector}` : null].filter(Boolean).join(' — ') || undefined,
+    url: i.context?.slice(0, 150) || undefined,
   }));
 
   const errors = findings.filter(f => f.severity === 'serious' || f.severity === 'critical').length;

package/templates/site-audit-runtime/src/report.mjs

@@ -132,6 +132,13 @@ function renderDetails(result) {
     });
     html += `<div style="margin-bottom:.75rem;font-size:.9rem">${items.join('')}</div>`;
   }
+  const metrics = result.details.metrics;
+  if (metrics && typeof metrics === 'object') {
+    const items = Object.entries(metrics).map(([label, value]) =>
+      `<span style="display:inline-block;margin-right:1.2rem"><strong>${esc(label)}</strong> ${esc(String(value))}</span>`
+    );
+    html += `<div style="margin-bottom:.75rem;font-size:.85rem;color:#555">Core Web Vitals: ${items.join('')}</div>`;
+  }
   const types = result.details.types;
   if (Array.isArray(types) && types.length) {
     html += `<div style="margin-bottom:.75rem;font-size:.85rem;color:#555">Schema types: ${types.map(t => `<strong>${esc(String(t))}</strong>`).join(', ')}</div>`;