@ng-prism/plugin-coverage 21.11.0 → 21.12.0-beta.1

package/README.md

@@ -46,6 +46,17 @@ export default defineConfig({
 | Option | Default | Description |
 |---|---|---|
 | `coveragePath` | `'coverage/coverage-summary.json'` | Path to the Istanbul coverage summary file (relative to workspace root) |
+| `thresholds` | `80` for all metrics | Minimum acceptable percentage per metric. Files below the threshold are highlighted in red in the per-file table. Number → applied to all metrics; partial object → keys you omit fall back to `80`. |
+
+```typescript
+// Single value — applied to lines, branches, functions, statements
+coveragePlugin({ thresholds: 90 });
+
+// Per-metric — others fall back to 80
+coveragePlugin({
+  thresholds: { lines: 95, branches: 70 },
+});
+```
 
 ## Example
 

package/dist/coverage-header-badge.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+type Variant = 'ok' | 'warn' | 'danger';
+export declare class CoverageHeaderBadgeComponent {
+    private readonly manifest;
+    protected readonly data: import("@angular/core").Signal<{
+        score: number;
+        variant: Variant;
+        title: string;
+    } | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoverageHeaderBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoverageHeaderBadgeComponent, "prism-coverage-header-badge", never, {}, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=coverage-header-badge.component.d.ts.map

package/dist/coverage-header-badge.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coverage-header-badge.component.d.ts","sourceRoot":"","sources":["../src/coverage-header-badge.component.ts"],"names":[],"mappings":";AAUA,KAAK,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExC,qBAqFa,4BAA4B;IACvC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2C;IAEpE,SAAS,CAAC,QAAQ,CAAC,IAAI;;;;cA6BpB;yCAhCQ,4BAA4B;2CAA5B,4BAA4B;CAiCxC"}

package/dist/coverage-header-badge.component.js

@@ -0,0 +1,72 @@
+import { ChangeDetectionStrategy, Component, computed, inject, } from '@angular/core';
+import { PRISM_MANIFEST } from '@ng-prism/core/plugin';
+import * as i0 from "@angular/core";
+function CoverageHeaderBadgeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 1);
+    i0.ɵɵdomElement(1, "span", 2);
+    i0.ɵɵdomElementStart(2, "span", 3);
+    i0.ɵɵtext(3, "Coverage");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(4, "span", 4);
+    i0.ɵɵtext(5);
+    i0.ɵɵdomElementStart(6, "small");
+    i0.ɵɵtext(7, "%");
+    i0.ɵɵdomElementEnd()()();
+} if (rf & 2) {
+    const d_r1 = ctx;
+    i0.ɵɵclassProp("cov-pill--ok", d_r1.variant === "ok")("cov-pill--warn", d_r1.variant === "warn")("cov-pill--danger", d_r1.variant === "danger");
+    i0.ɵɵdomProperty("title", d_r1.title);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(d_r1.score);
+} }
+export class CoverageHeaderBadgeComponent {
+    manifest = inject(PRISM_MANIFEST);
+    data = computed(() => {
+        const meta = this.manifest.meta?.['coverage'];
+        if (!meta?.total?.found)
+            return null;
+        const score = meta.total.score;
+        const t = meta.thresholds;
+        const avgThreshold = Math.round((t.lines + t.branches + t.functions + t.statements) / 4);
+        const variant = score >= avgThreshold
+            ? 'ok'
+            : score >= avgThreshold * 0.75
+                ? 'warn'
+                : 'danger';
+        return {
+            score,
+            variant,
+            title: `Library coverage: ${score}% (target ${avgThreshold}%)\n` +
+                `Lines ${meta.total.lines.pct}% · ` +
+                `Branches ${meta.total.branches.pct}% · ` +
+                `Functions ${meta.total.functions.pct}% · ` +
+                `Statements ${meta.total.statements.pct}%`,
+        };
+    }, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    static ɵfac = function CoverageHeaderBadgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CoverageHeaderBadgeComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CoverageHeaderBadgeComponent, selectors: [["prism-coverage-header-badge"]], decls: 1, vars: 1, consts: [[1, "cov-pill", 3, "cov-pill--ok", "cov-pill--warn", "cov-pill--danger", "title"], [1, "cov-pill", 3, "title"], [1, "cov-pill__dot"], [1, "cov-pill__label"], [1, "cov-pill__value"]], template: function CoverageHeaderBadgeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, CoverageHeaderBadgeComponent_Conditional_0_Template, 8, 8, "span", 0);
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵconditional((tmp_0_0 = ctx.data()) ? 0 : -1, tmp_0_0);
+        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; align-items: center; }\n\n    .cov-pill[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 2px 10px;\n      border-radius: 9999px;\n      line-height: 1.4;\n      border: 1px solid var(--prism-border);\n      background: var(--prism-input-bg);\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n    }\n\n    .cov-pill__dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n    }\n\n    .cov-pill__label[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .cov-pill__value[_ngcontent-%COMP%] {\n      color: var(--prism-text);\n      font-weight: 600;\n    }\n    .cov-pill__value[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n      font-size: 9px;\n      margin-left: 1px;\n      color: var(--prism-text-muted);\n      font-weight: 500;\n    }\n\n    .cov-pill--ok[_ngcontent-%COMP%] {\n      color: var(--prism-success);\n      border-color: color-mix(in srgb, var(--prism-success) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-success) 12%, transparent);\n    }\n    .cov-pill--ok[_ngcontent-%COMP%]   .cov-pill__label[_ngcontent-%COMP%], \n   .cov-pill--ok[_ngcontent-%COMP%]   .cov-pill__value[_ngcontent-%COMP%] { color: var(--prism-success); }\n\n    .cov-pill--warn[_ngcontent-%COMP%] {\n      color: var(--prism-warn);\n      border-color: color-mix(in srgb, var(--prism-warn) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-warn) 12%, transparent);\n    }\n    .cov-pill--warn[_ngcontent-%COMP%]   .cov-pill__label[_ngcontent-%COMP%], \n   .cov-pill--warn[_ngcontent-%COMP%]   .cov-pill__value[_ngcontent-%COMP%] { color: var(--prism-warn); }\n\n    .cov-pill--danger[_ngcontent-%COMP%] {\n      color: var(--prism-danger);\n      border-color: color-mix(in srgb, var(--prism-danger) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-danger) 12%, transparent);\n    }\n    .cov-pill--danger[_ngcontent-%COMP%]   .cov-pill__label[_ngcontent-%COMP%], \n   .cov-pill--danger[_ngcontent-%COMP%]   .cov-pill__value[_ngcontent-%COMP%] { color: var(--prism-danger); }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CoverageHeaderBadgeComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-coverage-header-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (data(); as d) {
+    <span
+      class="cov-pill"
+      [class.cov-pill--ok]="d.variant === 'ok'"
+      [class.cov-pill--warn]="d.variant === 'warn'"
+      [class.cov-pill--danger]="d.variant === 'danger'"
+      [title]="d.title"
+    >
+      <span class="cov-pill__dot"></span>
+      <span class="cov-pill__label">Coverage</span>
+      <span class="cov-pill__value">{{ d.score }}<small>%</small></span>
+    </span>
+    }
+  `, styles: ["\n    :host { display: inline-flex; align-items: center; }\n\n    .cov-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 2px 10px;\n      border-radius: 9999px;\n      line-height: 1.4;\n      border: 1px solid var(--prism-border);\n      background: var(--prism-input-bg);\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n    }\n\n    .cov-pill__dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n    }\n\n    .cov-pill__label {\n      color: var(--prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .cov-pill__value {\n      color: var(--prism-text);\n      font-weight: 600;\n    }\n    .cov-pill__value small {\n      font-size: 9px;\n      margin-left: 1px;\n      color: var(--prism-text-muted);\n      font-weight: 500;\n    }\n\n    .cov-pill--ok {\n      color: var(--prism-success);\n      border-color: color-mix(in srgb, var(--prism-success) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-success) 12%, transparent);\n    }\n    .cov-pill--ok .cov-pill__label,\n    .cov-pill--ok .cov-pill__value { color: var(--prism-success); }\n\n    .cov-pill--warn {\n      color: var(--prism-warn);\n      border-color: color-mix(in srgb, var(--prism-warn) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-warn) 12%, transparent);\n    }\n    .cov-pill--warn .cov-pill__label,\n    .cov-pill--warn .cov-pill__value { color: var(--prism-warn); }\n\n    .cov-pill--danger {\n      color: var(--prism-danger);\n      border-color: color-mix(in srgb, var(--prism-danger) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-danger) 12%, transparent);\n    }\n    .cov-pill--danger .cov-pill__label,\n    .cov-pill--danger .cov-pill__value { color: var(--prism-danger); }\n  "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CoverageHeaderBadgeComponent, { className: "CoverageHeaderBadgeComponent", filePath: "coverage-header-badge.component.ts", lineNumber: 98 }); })();

package/dist/coverage-panel.component.d.ts

@@ -1,4 +1,4 @@
-import type { CoverageData, FileCoverageDetail } from './coverage.types.js';
+import type { CoverageData, CoverageThresholds, FileCoverageDetail } from './coverage.types.js';
 import * as i0 from "@angular/core";
 export declare class CoveragePanelComponent {
     readonly activeComponent: import("@angular/core").InputSignal<unknown>;
@@ -8,6 +8,7 @@ export declare class CoveragePanelComponent {
         pct: number;
     }[]>;
     protected readonly files: import("@angular/core").Signal<FileCoverageDetail[]>;
+    protected readonly thresholds: import("@angular/core").Signal<CoverageThresholds>;
     protected fileName(path: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoveragePanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CoveragePanelComponent, "prism-coverage-panel", never, { "activeComponent": { "alias": "activeComponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/dist/coverage-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coverage-panel.component.d.ts","sourceRoot":"","sources":["../src/coverage-panel.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;;AAE5E,qBA0Ja,sBAAsB;IACjC,QAAQ,CAAC,eAAe,+CAAwB;IAEhD,SAAS,CAAC,QAAQ,CAAC,QAAQ,sDAKxB;IAEH,SAAS,CAAC,QAAQ,CAAC,YAAY;;;SAS5B;IAEH,SAAS,CAAC,QAAQ,CAAC,KAAK,uDAErB;IAEH,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;yCAzB7B,sBAAsB;2CAAtB,sBAAsB;CA6BlC"}
+{"version":3,"file":"coverage-panel.component.d.ts","sourceRoot":"","sources":["../src/coverage-panel.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;;AAS7B,qBA0Ja,sBAAsB;IACjC,QAAQ,CAAC,eAAe,+CAAwB;IAEhD,SAAS,CAAC,QAAQ,CAAC,QAAQ,sDAKxB;IAEH,SAAS,CAAC,QAAQ,CAAC,YAAY;;;SAS5B;IAEH,SAAS,CAAC,QAAQ,CAAC,KAAK,uDAErB;IAEH,SAAS,CAAC,QAAQ,CAAC,UAAU,qDAE1B;IAEH,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;yCA7B7B,sBAAsB;2CAAtB,sBAAsB;CAiClC"}

package/dist/coverage-panel.component.js

@@ -45,19 +45,19 @@ function CoveragePanelComponent_Conditional_0_Conditional_4_For_13_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r2.fileName(file_r2.path));
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("bad", file_r2.lines.pct < 80);
+    i0.ɵɵclassProp("bad", file_r2.lines.pct < ctx_r2.thresholds().lines);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", file_r2.lines.pct, "%");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("bad", file_r2.branches.pct < 80);
+    i0.ɵɵclassProp("bad", file_r2.branches.pct < ctx_r2.thresholds().branches);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", file_r2.branches.pct, "%");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("bad", file_r2.functions.pct < 80);
+    i0.ɵɵclassProp("bad", file_r2.functions.pct < ctx_r2.thresholds().functions);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", file_r2.functions.pct, "%");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("bad", file_r2.statements.pct < 80);
+    i0.ɵɵclassProp("bad", file_r2.statements.pct < ctx_r2.thresholds().statements);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", file_r2.statements.pct, "%");
 } }
@@ -102,6 +102,12 @@ function CoveragePanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(2, "No coverage data. Run tests with coverage enabled.");
     i0.ɵɵdomElementEnd()();
 } }
+const FALLBACK_THRESHOLDS = {
+    lines: 80,
+    branches: 80,
+    functions: 80,
+    statements: 80,
+};
 export class CoveragePanelComponent {
     activeComponent = input(null, ...(ngDevMode ? [{ debugName: "activeComponent" }] : []));
     coverage = computed(() => {
@@ -122,6 +128,9 @@ export class CoveragePanelComponent {
     files = computed(() => {
         return this.coverage()?.files ?? [];
     }, ...(ngDevMode ? [{ debugName: "files" }] : []));
+    thresholds = computed(() => {
+        return this.coverage()?.thresholds ?? FALLBACK_THRESHOLDS;
+    }, ...(ngDevMode ? [{ debugName: "thresholds" }] : []));
     fileName(path) {
         const parts = path.split('/');
         return parts[parts.length - 1];
@@ -163,16 +172,16 @@ export class CoveragePanelComponent {
         @for (file of files(); track file.path) {
         <div class="cov-file">
           <span class="cov-file-name">{{ fileName(file.path) }}</span>
-          <span class="cov-file-val" [class.bad]="file.lines.pct < 80"
+          <span class="cov-file-val" [class.bad]="file.lines.pct < thresholds().lines"
             >{{ file.lines.pct }}%</span
           >
-          <span class="cov-file-val" [class.bad]="file.branches.pct < 80"
+          <span class="cov-file-val" [class.bad]="file.branches.pct < thresholds().branches"
             >{{ file.branches.pct }}%</span
           >
-          <span class="cov-file-val" [class.bad]="file.functions.pct < 80"
+          <span class="cov-file-val" [class.bad]="file.functions.pct < thresholds().functions"
             >{{ file.functions.pct }}%</span
           >
-          <span class="cov-file-val" [class.bad]="file.statements.pct < 80"
+          <span class="cov-file-val" [class.bad]="file.statements.pct < thresholds().statements"
             >{{ file.statements.pct }}%</span
           >
         </div>
@@ -187,4 +196,4 @@ export class CoveragePanelComponent {
     }
   `, styles: ["\n    :host { display: block; height: 100%; overflow: auto; }\n\n    .cov-body { padding: 20px 24px; }\n\n    .cov-summary {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 12px;\n      margin-bottom: 18px;\n    }\n\n    .cov-stat {\n      padding: 12px 14px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n    }\n    .cov-stat-k {\n      font-size: 10.5px;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: var(--prism-text-ghost);\n      font-weight: 700;\n      margin-bottom: 6px;\n    }\n    .cov-stat-v {\n      font-family: var(--font-mono);\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--prism-text);\n      letter-spacing: -0.02em;\n    }\n    .cov-stat-v small {\n      font-size: 13px;\n      color: var(--prism-text-muted);\n      font-weight: 500;\n    }\n    .cov-bar {\n      margin-top: 8px;\n      height: 4px;\n      background: var(--prism-input-bg);\n      border-radius: 2px;\n      overflow: hidden;\n    }\n    .cov-bar-fill {\n      height: 100%;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      border-radius: 2px;\n      transition: width 0.6s;\n    }\n\n    .cov-files {\n      padding: 12px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n    }\n\n    .cov-file {\n      display: grid;\n      grid-template-columns: 1fr auto auto auto auto;\n      align-items: center;\n      gap: 16px;\n      padding: 7px 4px;\n      font-family: var(--font-mono);\n      font-size: 12px;\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .cov-file:last-child { border-bottom: 0; }\n\n    .cov-file--header {\n      border-bottom: 1px solid var(--prism-border-strong);\n      padding-bottom: 8px;\n      color: var(--prism-text-ghost);\n      font-size: 10.5px;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      font-weight: 700;\n    }\n\n    .cov-file-name { color: var(--prism-text-2); }\n    .cov-file-val {\n      color: var(--prism-text);\n      min-width: 54px;\n      text-align: right;\n    }\n    .cov-file-val.bad { color: var(--prism-warn); }\n\n    .cov-empty {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 120px;\n      color: var(--prism-text-muted);\n      font-size: 13px;\n      text-align: center;\n    }\n  "] }]
     }], null, { activeComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeComponent", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CoveragePanelComponent, { className: "CoveragePanelComponent", filePath: "coverage-panel.component.ts", lineNumber: 163 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CoveragePanelComponent, { className: "CoveragePanelComponent", filePath: "coverage-panel.component.ts", lineNumber: 174 }); })();

package/dist/coverage-plugin.browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coverage-plugin.browser.d.ts","sourceRoot":"","sources":["../src/coverage-plugin.browser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,wBAAgB,cAAc,CAC5B,QAAQ,CAAC,EAAE,qBAAqB,GAC/B,aAAa,CAgBf"}
+{"version":3,"file":"coverage-plugin.browser.d.ts","sourceRoot":"","sources":["../src/coverage-plugin.browser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,wBAAgB,cAAc,CAC5B,QAAQ,CAAC,EAAE,qBAAqB,GAC/B,aAAa,CA2Bf"}

package/dist/coverage-plugin.browser.js

@@ -10,5 +10,13 @@ export function coveragePlugin(_options) {
                 position: 'bottom',
             },
         ],
+        headerWidgets: [
+            {
+                id: 'coverage-total',
+                placement: 'end',
+                order: -10,
+                loadComponent: () => import('./coverage-header-badge.component.js').then((m) => m.CoverageHeaderBadgeComponent),
+            },
+        ],
     };
 }

package/dist/coverage-plugin.d.ts

@@ -1,4 +1,6 @@
 import type { NgPrismPlugin } from '@ng-prism/core/plugin';
-import type { CoveragePluginOptions } from './coverage.types.js';
+import type { CoveragePluginOptions, CoverageThresholds } from './coverage.types.js';
+export declare const DEFAULT_COVERAGE_THRESHOLDS: CoverageThresholds;
+export declare function resolveCoverageThresholds(input?: number | Partial<CoverageThresholds>): CoverageThresholds;
 export declare function coveragePlugin(options?: CoveragePluginOptions): NgPrismPlugin;
 //# sourceMappingURL=coverage-plugin.d.ts.map

package/dist/coverage-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coverage-plugin.d.ts","sourceRoot":"","sources":["../src/coverage-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAIjE,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,aAAa,CA0B7E"}
+{"version":3,"file":"coverage-plugin.d.ts","sourceRoot":"","sources":["../src/coverage-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIrF,eAAO,MAAM,2BAA2B,EAAE,kBAKzC,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAC3C,kBAAkB,CAMpB;AAED,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,aAAa,CAoD7E"}

package/dist/coverage-plugin.js

@@ -1,6 +1,21 @@
 const DEFAULT_COVERAGE_PATH = 'coverage/coverage-summary.json';
+export const DEFAULT_COVERAGE_THRESHOLDS = {
+    lines: 80,
+    branches: 80,
+    functions: 80,
+    statements: 80,
+};
+export function resolveCoverageThresholds(input) {
+    if (input === undefined)
+        return { ...DEFAULT_COVERAGE_THRESHOLDS };
+    if (typeof input === 'number') {
+        return { lines: input, branches: input, functions: input, statements: input };
+    }
+    return { ...DEFAULT_COVERAGE_THRESHOLDS, ...input };
+}
 export function coveragePlugin(options) {
     const coveragePath = options?.coveragePath ?? DEFAULT_COVERAGE_PATH;
+    const thresholds = resolveCoverageThresholds(options?.thresholds);
     return {
         name: '@ng-prism/plugin-coverage',
         async onComponentScanned(component) {
@@ -10,7 +25,21 @@ export function coveragePlugin(options) {
                 ...component,
                 showcaseConfig: {
                     ...component.showcaseConfig,
-                    meta: { ...component.showcaseConfig.meta, coverage },
+                    meta: {
+                        ...component.showcaseConfig.meta,
+                        coverage: { ...coverage, thresholds },
+                    },
+                },
+            };
+        },
+        async onManifestReady(manifest) {
+            const { readTotalCoverage } = await import('./coverage-reader.js');
+            const total = readTotalCoverage(coveragePath);
+            return {
+                ...manifest,
+                meta: {
+                    ...manifest.meta,
+                    coverage: { total, thresholds },
                 },
             };
         },
@@ -22,5 +51,13 @@ export function coveragePlugin(options) {
                 position: 'bottom',
             },
         ],
+        headerWidgets: [
+            {
+                id: 'coverage-total',
+                placement: 'end',
+                order: -10,
+                loadComponent: () => import('./coverage-header-badge.component.js').then((m) => m.CoverageHeaderBadgeComponent),
+            },
+        ],
     };
 }

package/dist/coverage-reader.d.ts

@@ -1,4 +1,6 @@
-import type { CoverageData } from './coverage.types.js';
+import type { CoverageData, CoverageThresholds } from './coverage.types.js';
 export declare function readCoverageForFile(coveragePath: string, componentFilePath: string): CoverageData;
+export declare function readTotalCoverage(coveragePath: string): CoverageData;
+export declare function averageThreshold(thresholds: CoverageThresholds): number;
 export declare function clearCoverageCache(): void;
 //# sourceMappingURL=coverage-reader.d.ts.map

package/dist/coverage-reader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coverage-reader.d.ts","sourceRoot":"","sources":["../src/coverage-reader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,qBAAqB,CAAC;AA6DzE,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,GAAG,YAAY,CAoBjG;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC"}
+{"version":3,"file":"coverage-reader.d.ts","sourceRoot":"","sources":["../src/coverage-reader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAEnB,MAAM,qBAAqB,CAAC;AA6D7B,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,GAAG,YAAY,CAoBjG;AAED,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,YAAY,CAmBpE;AAED,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,kBAAkB,GAAG,MAAM,CAIvE;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC"}

package/dist/coverage-reader.js

@@ -67,6 +67,26 @@ export function readCoverageForFile(coveragePath, componentFilePath) {
         found: true,
     };
 }
+export function readTotalCoverage(coveragePath) {
+    const summary = loadSummary(coveragePath);
+    if (!summary)
+        return { ...EMPTY_COVERAGE };
+    const total = summary['total'];
+    if (!total)
+        return { ...EMPTY_COVERAGE };
+    const score = Math.round((total.statements.pct + total.branches.pct + total.functions.pct + total.lines.pct) / 4);
+    return {
+        score,
+        statements: { ...total.statements },
+        branches: { ...total.branches },
+        functions: { ...total.functions },
+        lines: { ...total.lines },
+        found: true,
+    };
+}
+export function averageThreshold(thresholds) {
+    return Math.round((thresholds.lines + thresholds.branches + thresholds.functions + thresholds.statements) / 4);
+}
 export function clearCoverageCache() {
     cache.clear();
 }

package/dist/coverage.types.d.ts

@@ -11,6 +11,12 @@ export interface FileCoverageDetail {
     functions: MetricDetail;
     lines: MetricDetail;
 }
+export interface CoverageThresholds {
+    lines: number;
+    branches: number;
+    functions: number;
+    statements: number;
+}
 export interface CoverageData {
     score: number;
     statements: MetricDetail;
@@ -19,9 +25,16 @@ export interface CoverageData {
     lines: MetricDetail;
     found: boolean;
     files?: FileCoverageDetail[];
+    thresholds?: CoverageThresholds;
 }
 export interface CoveragePluginOptions {
     coveragePath?: string;
+    thresholds?: number | Partial<CoverageThresholds>;
+}
+/** Shape stored under `manifest.meta.coverage`. */
+export interface CoverageManifestMeta {
+    total: CoverageData;
+    thresholds: CoverageThresholds;
 }
 export interface IstanbulFileCoverage {
     statements: MetricDetail;

package/dist/coverage.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coverage.types.d.ts","sourceRoot":"","sources":["../src/coverage.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,oBAAoB,CAAC;CAC1C"}
+{"version":3,"file":"coverage.types.d.ts","sourceRoot":"","sources":["../src/coverage.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnD;AAED,mDAAmD;AACnD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,kBAAkB,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,oBAAoB,CAAC;CAC1C"}

package/dist/index.browser.d.ts

@@ -1,4 +1,5 @@
 export { coveragePlugin } from './coverage-plugin.browser.js';
 export { CoveragePanelComponent } from './coverage-panel.component.js';
-export type { CoverageData, MetricDetail, CoveragePluginOptions } from './coverage.types.js';
+export { CoverageHeaderBadgeComponent } from './coverage-header-badge.component.js';
+export type { CoverageData, CoverageManifestMeta, CoveragePluginOptions, CoverageThresholds, MetricDetail, } from './coverage.types.js';
 //# sourceMappingURL=index.browser.d.ts.map

package/dist/index.browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.browser.d.ts","sourceRoot":"","sources":["../src/index.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.browser.d.ts","sourceRoot":"","sources":["../src/index.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACb,MAAM,qBAAqB,CAAC"}

package/dist/index.browser.js

@@ -1,2 +1,3 @@
 export { coveragePlugin } from './coverage-plugin.browser.js';
 export { CoveragePanelComponent } from './coverage-panel.component.js';
+export { CoverageHeaderBadgeComponent } from './coverage-header-badge.component.js';

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { coveragePlugin } from './coverage-plugin.js';
 export { CoveragePanelComponent } from './coverage-panel.component.js';
-export type { CoverageData, MetricDetail, CoveragePluginOptions } from './coverage.types.js';
+export { CoverageHeaderBadgeComponent } from './coverage-header-badge.component.js';
+export type { CoverageData, CoverageManifestMeta, CoveragePluginOptions, CoverageThresholds, MetricDetail, } from './coverage.types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACb,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export { coveragePlugin } from './coverage-plugin.js';
 export { CoveragePanelComponent } from './coverage-panel.component.js';
+export { CoverageHeaderBadgeComponent } from './coverage-header-badge.component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-prism/plugin-coverage",
-  "version": "21.11.0",
+  "version": "21.12.0-beta.1",
   "description": "Test coverage panel for ng-prism.",
   "keywords": [
     "@ng-prism/core",
@@ -30,7 +30,7 @@
   ],
   "peerDependencies": {
     "@angular/core": ">=21.0.0",
-    "@ng-prism/core": ">=21.0.0"
+    "@ng-prism/core": ">=21.0.0-0"
   },
   "devDependencies": {
     "@ng-prism/core": "*"