svelte-vitals 0.22.1 → 0.23.0

package/README.md

@@ -34,14 +34,12 @@ Critical (1)
             src/routes/none/+page.svelte
 
 Passed (3)
-────────────────────────
-✓ SEO001  <title>  /blog
-✓ SEO001  <title>  ↯ dynamic  /dynamic
-✓ SEO001  <title>  /static
 
 ↯ = set dynamically (verified at runtime).
 ```
 
+By default, console output groups failures by rule (top 5 per severity, each with one example location and an "…and N more" count) and collapses the Passed section to a bare count, so large projects don't flood the terminal. Pass `--verbose` to see every finding uncapped and ungrouped, with each passed item listed individually. On an interactive, color-capable terminal the Health score plays a short reveal animation; pass `--no-animation` to disable it.
+
 ### Exit codes
 
 | Code | Meaning                                                         |

package/dist/bin.js

@@ -7,7 +7,7 @@ import {
   readCoreVersion,
   readPackageVersion,
   run
-} from "./chunk-KSJZLF5U.js";
+} from "./chunk-HYTPZVSU.js";
 
 // src/bin.ts
 import mri3 from "mri";
@@ -134,6 +134,7 @@ function resolveArgs(argv) {
   if (score && (argv.json || typeof argv.reporter === "string")) {
     warnings.push("svelte-vitals: --score overrides --reporter; reporter output suppressed.");
   }
+  const verbose = Boolean(argv["verbose"]);
   const rulesConfig = buildRulesConfig(allow, ignore);
   const rules = Object.keys(rulesConfig).length > 0 ? rulesConfig : void 0;
   if (errors.length > 0) return { options: null, warnings, errors };
@@ -154,6 +155,7 @@ function resolveArgs(argv) {
       ...weights !== void 0 ? { weights } : {},
       ...categories !== void 0 ? { categories } : {},
       ...score ? { score } : {},
+      ...verbose ? { verbose } : {},
       ...diffBase !== void 0 ? { diffBase } : {},
       ...staged ? { staged } : {},
       ...baselineRef !== void 0 ? { baseline: baselineRef } : {}
@@ -880,8 +882,8 @@ function buildWorkflowYaml(opts) {
 }
 
 // src/ci/action-pin.generated.ts
-var ACTION_SHA = "f16e414797a2ee42c3b1fb6a14dc6fdb9dca4132";
-var ACTION_VERSION = "0.2.1";
+var ACTION_SHA = "caf278cf4030801b017d31b108fa46abc15e8105";
+var ACTION_VERSION = "0.2.2";
 
 // src/ci/cli.ts
 var CI_HELP = `svelte-vitals ci \u2014 scaffold CI integration
@@ -969,6 +971,8 @@ Options:
   --weights <pairs>           Per-category Health weight overrides, e.g. seo=2,performance=1 (unlisted categories default to 1)
   --score                     Print only the combined Health score (works with --min-health for gating)
   --no-color                  Disable ANSI color in console output
+  --no-animation               Disable the Health-score reveal animation on an interactive terminal
+  --verbose                    Show every finding uncapped and ungrouped (default: capped, grouped by rule)
   -h, --help                  Show this help
   -v, --version               Show version
 
@@ -999,7 +1003,7 @@ async function main() {
   }
   const argv = mri3(process.argv.slice(2), {
     alias: { h: "help", v: "version" },
-    boolean: ["by-route", "json", "fail-on-warning", "staged", "no-color", "score"],
+    boolean: ["by-route", "json", "fail-on-warning", "staged", "no-color", "score", "verbose", "no-animation"],
     string: [
       "meta-components",
       "treat-dynamic-as",
@@ -1038,7 +1042,13 @@ async function main() {
     }
     minHealth = n;
   }
-  const code = await run({ ...options, minHealth, noColor: argv["no-color"], selectApp });
+  const code = await run({
+    ...options,
+    minHealth,
+    noColor: argv["no-color"],
+    noAnimation: argv["no-animation"],
+    selectApp
+  });
   process.exit(code);
 }
 void main();

package/dist/{chunk-KSJZLF5U.js → chunk-HYTPZVSU.js}

@@ -702,6 +702,9 @@ function isAgentEnv(env = process.env) {
 function isGithubActionsEnv(env = process.env) {
   return env.GITHUB_ACTIONS === "true";
 }
+function isCiEnv(env = process.env) {
+  return env.CI === "true" || env.CI === "1";
+}
 function resolveReporter(explicit, env = process.env) {
   if (explicit) return explicit;
   const fromEnv = env.SVELTE_VITALS_REPORTER;
@@ -953,6 +956,40 @@ async function loadConfigFile(cwd) {
   return validateConfigFile(mod.default, found);
 }
 
+// src/pulse-animation.ts
+import { scoreColor } from "@svelte-vitals/core";
+var FRAME_COUNT = 6;
+var FRAME_DELAY_MS = 200;
+var WAVE_FRAMES = [
+  "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2571\u2572\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500",
+  "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2571\u2572\u2500\u2500\u2571\u2572\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500",
+  "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2571\u2572\u2500\u2500\u2500\u2500\u2500\u2500\u2571\u2572\u2500\u2500\u2500\u2500\u2500\u2500",
+  "\u2500\u2500\u2500\u2500\u2500\u2500\u2571\u2572\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2572\u2500\u2500\u2500\u2500\u2500",
+  "\u2500\u2500\u2500\u2500\u2571\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2572\u2500\u2500\u2500\u2500",
+  "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"
+];
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+async function playScoreAnimation(opts) {
+  const frameDelayMs = opts.frameDelayMs ?? FRAME_DELAY_MS;
+  for (let frame = 0; frame < FRAME_COUNT; frame++) {
+    const progress = frame / (FRAME_COUNT - 1);
+    const displayScore = Math.round(opts.score * progress);
+    const isFinalFrame = frame === FRAME_COUNT - 1;
+    const wave = WAVE_FRAMES[frame];
+    const scoreText = isFinalFrame ? scoreColor(opts.palette, opts.score)(`${displayScore}/100`) : opts.palette.dim(`${displayScore}/100`);
+    const cursorUp = frame === 0 ? "" : "\x1B[2A";
+    opts.stream.write(`${cursorUp}\r  ${wave}\x1B[K
+\r  Health: ${scoreText}\x1B[K
+`);
+    if (!isFinalFrame) await sleep(frameDelayMs);
+  }
+}
+function scoreAnimationEnabled(opts) {
+  return opts.reporter === "console" && opts.stdoutIsTTY && !opts.noAnimationFlag && !isAgentEnv(opts.env) && !isCiEnv(opts.env) && colorEnabled({ reporter: opts.reporter, isTTY: opts.stdoutIsTTY, env: opts.env, noColorFlag: opts.noColorFlag });
+}
+
 // src/index.ts
 import { defineConfig as defineConfig2 } from "@svelte-vitals/core";
 function spinnerEnabled(opts) {
@@ -1172,13 +1209,37 @@ async function run(opts = {}) {
       } else if (reporter === "md") {
         log(formatMarkdownReport(results, config, { version }));
       } else {
+        const stdoutIsTTY = opts.stdoutIsTTY ?? !!process.stdout.isTTY;
         const colorOn = colorEnabled({
           reporter,
-          isTTY: opts.stdoutIsTTY ?? !!process.stdout.isTTY,
+          isTTY: stdoutIsTTY,
           env,
           noColorFlag: opts.noColor
         });
-        log(formatConsoleReport(results, config, { byRoute: opts.byRoute ?? false, palette: paletteFor(colorOn) }));
+        const palette = paletteFor(colorOn);
+        const animate = scoreAnimationEnabled({
+          reporter,
+          stdoutIsTTY,
+          env,
+          noColorFlag: opts.noColor,
+          noAnimationFlag: opts.noAnimation
+        });
+        if (animate) {
+          await playScoreAnimation({
+            score: computeHealth(results, config).health,
+            palette,
+            stream: opts.stdoutStream ?? process.stdout,
+            frameDelayMs: opts.animationFrameDelayMs
+          });
+        }
+        log(
+          formatConsoleReport(results, config, {
+            byRoute: opts.byRoute ?? false,
+            verbose: opts.verbose ?? false,
+            palette,
+            omitHeader: animate
+          })
+        );
       }
     }
     const summary = summarize(results, config);

package/dist/index.d.ts

@@ -89,6 +89,14 @@ interface RunOptions {
     explicitPath?: boolean;
     /** Injected picker for the monorepo app selector (bin.ts wires a clack implementation; null = cancelled). */
     selectApp?: (apps: string[]) => Promise<string | null>;
+    /** Show every finding uncapped and ungrouped in console output (default false — capped, grouped by rule). */
+    verbose?: boolean;
+    /** Disable the Health-score reveal animation even on an interactive stdout. */
+    noAnimation?: boolean;
+    /** Override the stream the score animation writes to (tests). Defaults to process.stdout. */
+    stdoutStream?: NodeJS.WriteStream;
+    /** Override the animation's per-frame delay in ms (tests — 0 runs the real frame loop near-instantly). Defaults to the animation module's own constant. */
+    animationFrameDelayMs?: number;
 }
 /**
  * Whether the "Analyzing…" spinner should run. Unlike color, the spinner animates

package/dist/index.js

@@ -10,7 +10,7 @@ import {
   routeMatcher,
   run,
   spinnerEnabled
-} from "./chunk-KSJZLF5U.js";
+} from "./chunk-HYTPZVSU.js";
 export {
   ProjectError,
   analyzeProject,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-vitals",
-  "version": "0.22.1",
+  "version": "0.23.0",
   "description": "A SvelteKit SEO checker — not a runtime Web Vitals reporter. Static analysis of your routes' head metadata.",
   "type": "module",
   "license": "MIT",
@@ -45,7 +45,7 @@
     "smol-toml": "^1.7.0",
     "svelte": "^5.56.4",
     "tinyglobby": "^0.2.17",
-    "@svelte-vitals/core": "0.22.1"
+    "@svelte-vitals/core": "0.23.0"
   },
   "devDependencies": {
     "@types/node": "^24.13.2"