@svelte-vitals/core 0.22.0 → 0.23.0

package/dist/index.d.ts

@@ -629,6 +629,10 @@ interface ConsoleReportOptions {
     mode?: string;
     /** Color decorators; defaults to no color. */
     palette?: Palette;
+    /** Show every failing/passed/route entry uncapped and ungrouped, exactly as before this option existed. Default false (capped, grouped by rule). */
+    verbose?: boolean;
+    /** Internal: set by the CLI when it has already animated the Health header itself — skips the brand/Health lines (category score lines still print). Default false. */
+    omitHeader?: boolean;
 }
 /**
  * Render results as a console report string (design §7). Pure: returns a string,

package/dist/index.js

@@ -2399,27 +2399,53 @@ var CATEGORY_LABEL = {
   architecture: "Architecture"
 };
 var CATEGORY_ORDER = ["seo", "performance", "correctness", "security", "architecture"];
+var MAX_RULE_GROUPS_PER_BUCKET = 5;
+function groupByRule(results) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const r of results) {
+    const bucket = groups.get(r.id);
+    if (bucket) bucket.push(r);
+    else groups.set(r.id, [r]);
+  }
+  return [...groups.entries()].map(([id, rs]) => ({ id, results: rs })).sort((a, b) => b.results.length - a.results.length || a.id.localeCompare(b.id));
+}
 function scoreLine(p, label, { score, scoreModel }) {
   const parts = [`route avg ${scoreModel.routeAverage}`];
   if (scoreModel.sitePenalty > 0) parts.push(`site \u2212${scoreModel.sitePenalty}`);
   if (scoreModel.criticalCap !== null) parts.push(`capped at ${scoreModel.criticalCap}: critical present`);
   return `${label} Score: ${scoreColor(p, score)(`${score}/100`)}   ${p.dim(`(${parts.join(" \xB7 ")})`)}`;
 }
-function byRouteTree(p, results, config) {
+var MAX_ROUTES_BY_ROUTE = 10;
+function byRouteTree(p, results, config, verbose) {
   const routes = /* @__PURE__ */ new Map();
   for (const r of results) {
     if (r.route === void 0) continue;
     if (!routes.has(r.route)) routes.set(r.route, []);
     routes.get(r.route).push(r);
   }
+  const scored = [...routes.entries()].map(([route, rs]) => ({
+    route,
+    rs,
+    score: computeScore(rs, config, { applyCriticalCap: false }).score
+  }));
+  scored.sort((a, b) => a.score - b.score || a.route.localeCompare(b.route));
+  const shown = verbose ? scored : scored.slice(0, MAX_ROUTES_BY_ROUTE);
   const lines = [p.bold("By route"), p.dim(RULE)];
-  for (const [route, rs] of [...routes.entries()].sort((a, b) => a[0].localeCompare(b[0]))) {
-    const { score } = computeScore(rs, config, { applyCriticalCap: false });
+  for (const { route, rs, score } of shown) {
     lines.push(`${route.padEnd(28)} ${scoreColor(p, score)(`${score}`)}`);
     for (const r of rs.filter((x) => classify(x, config) === "fail")) {
       lines.push(`    ${p.red("\u2717")} ${r.id}  ${r.message}`);
     }
   }
+  if (!verbose && scored.length > MAX_ROUTES_BY_ROUTE) {
+    const remaining = scored.slice(MAX_ROUTES_BY_ROUTE);
+    const avgScore = Math.round(remaining.reduce((sum, r) => sum + r.score, 0) / remaining.length);
+    lines.push(
+      p.dim(
+        `\u2026and ${remaining.length} more route${remaining.length > 1 ? "s" : ""} (avg score ${avgScore}) \u2014 run with --verbose to see all`
+      )
+    );
+  }
   lines.push("");
   return lines;
 }
@@ -2428,15 +2454,18 @@ function formatConsoleReport(results, config, options = {}) {
   const summary = summarize(results, config);
   const { health, categories: byCat } = computeHealth(results, config);
   const present2 = CATEGORY_ORDER.filter((c) => byCat[c] !== void 0);
-  const header = [
-    p.bold(`Svelte Vitals  \xB7  ${options.mode ?? "static mode"}`),
-    "",
-    `${p.bold("Health:")} ${scoreColor(p, health)(`${health}/100`)}`
-  ];
+  const lines = [];
+  if (!options.omitHeader) {
+    lines.push(
+      p.bold(`Svelte Vitals  \xB7  ${options.mode ?? "static mode"}`),
+      "",
+      `${p.bold("Health:")} ${scoreColor(p, health)(`${health}/100`)}`
+    );
+  }
   for (const c of present2) {
-    header.push(scoreLine(p, CATEGORY_LABEL[c] ?? c, byCat[c]));
+    lines.push(scoreLine(p, CATEGORY_LABEL[c] ?? c, byCat[c]));
   }
-  const lines = [...header, ""];
+  lines.push("");
   const SEVERITY_COLOR = {
     critical: (s) => p.red(p.bold(s)),
     warning: (s) => p.yellow(p.bold(s)),
@@ -2447,24 +2476,46 @@ function formatConsoleReport(results, config, options = {}) {
     const bucket = failures.filter((r) => effectiveSeverity(r, config) === severity);
     if (bucket.length === 0) continue;
     lines.push(SEVERITY_COLOR[severity](`${SEVERITY_TITLE[severity]} (${bucket.length})`), p.dim(RULE));
-    for (const r of bucket) {
-      lines.push(`${p.red("\u2717")} ${r.id}  ${r.message}`);
-      if (r.route) lines.push(p.dim(`            ${r.route}`));
-      if (r.location) lines.push(p.dim(`            ${r.location}${r.line ? `:${r.line}` : ""}`));
+    if (options.verbose) {
+      for (const r of bucket) {
+        lines.push(`${p.red("\u2717")} ${r.id}  ${r.message}`);
+        if (r.route) lines.push(p.dim(`            ${r.route}`));
+        if (r.location) lines.push(p.dim(`            ${r.location}${r.line ? `:${r.line}` : ""}`));
+      }
+    } else {
+      const groups = groupByRule(bucket);
+      const shownGroups = groups.slice(0, MAX_RULE_GROUPS_PER_BUCKET);
+      for (const group of shownGroups) {
+        const r = group.results[0];
+        lines.push(`${p.red("\u2717")} ${r.id}  ${r.message}`);
+        if (r.route) lines.push(p.dim(`            ${r.route}`));
+        if (r.location) lines.push(p.dim(`            ${r.location}${r.line ? `:${r.line}` : ""}`));
+        if (group.results.length > 1) {
+          lines.push(p.dim(`            \u2026and ${group.results.length - 1} more`));
+        }
+      }
+      if (groups.length > MAX_RULE_GROUPS_PER_BUCKET) {
+        const remaining = groups.length - MAX_RULE_GROUPS_PER_BUCKET;
+        lines.push(
+          p.dim(`\u2026and ${remaining} more rule${remaining > 1 ? "s" : ""} affected \u2014 run with --verbose to see all`)
+        );
+      }
     }
     lines.push("");
   }
   const passed = results.filter((r) => classify(r, config) !== "fail");
   if (passed.length > 0) {
     lines.push(p.bold(`Passed (${passed.length})`), p.dim(RULE));
-    for (const r of passed) {
-      const marker = classify(r, config) === "dynamic" ? p.cyan("  \u21AF dynamic") : "";
-      const route = r.route ? `  ${r.route}` : "";
-      lines.push(`${p.green("\u2713")} ${r.id}  ${r.message}${marker}${route}`);
+    if (options.verbose) {
+      for (const r of passed) {
+        const marker = classify(r, config) === "dynamic" ? p.cyan("  \u21AF dynamic") : "";
+        const route = r.route ? `  ${r.route}` : "";
+        lines.push(`${p.green("\u2713")} ${r.id}  ${r.message}${marker}${route}`);
+      }
     }
     lines.push("");
   }
-  if (options.byRoute) lines.push(...byRouteTree(p, results, config));
+  if (options.byRoute) lines.push(...byRouteTree(p, results, config, options.verbose ?? false));
   if (summary.dynamic > 0) lines.push(p.dim("\u21AF = set dynamically (verified at runtime)."));
   return lines.join("\n").replace(/\n+$/, "\n");
 }
@@ -2665,6 +2716,9 @@ function locationOf(issue, route) {
   if (issue.location) return issue.line !== void 0 ? `${issue.location}:${issue.line}` : issue.location;
   return route ?? "-";
 }
+function messageWithRecommendation(issue) {
+  return issue.recommendation ? `${issue.title} ${issue.recommendation}` : issue.title;
+}
 function flattenFindings(report) {
   const findings = [];
   for (const r of report.routes) {
@@ -2673,7 +2727,7 @@ function flattenFindings(report) {
         severity: issue.severity,
         id: issue.id,
         location: locationOf(issue, r.route),
-        message: issue.title
+        message: messageWithRecommendation(issue)
       });
     }
   }
@@ -2682,7 +2736,7 @@ function flattenFindings(report) {
       severity: issue.severity,
       id: issue.id,
       location: locationOf(issue, void 0),
-      message: issue.title
+      message: messageWithRecommendation(issue)
     });
   }
   return findings.map((f, index) => ({ f, index })).sort((a, b) => SEVERITY_RANK2[a.f.severity] - SEVERITY_RANK2[b.f.severity] || a.index - b.index).map(({ f }) => f);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svelte-vitals/core",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Shared, runtime-agnostic core for svelte-vitals (types, rule engine, scorer, reporter).",
   "type": "module",
   "license": "MIT",