@ng-prism/plugin-coverage 21.12.0-beta.2 → 21.12.0

package/README.md

@@ -12,10 +12,10 @@ npm install @ng-prism/plugin-coverage
 
 ### Peer Dependencies
 
-| Package | Version |
-|---|---|
+| Package          | Version    |
+| ---------------- | ---------- |
 | `@ng-prism/core` | `>=21.0.0` |
-| `@angular/core` | `>=20.0.0` |
+| `@angular/core`  | `>=20.0.0` |
 
 ## Setup
 
@@ -43,10 +43,10 @@ export default defineConfig({
 
 ## Options
 
-| 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`. |
+| 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

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,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"}
+{"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,qBAkKa,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

@@ -172,16 +172,24 @@ 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 < thresholds().lines"
+          <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 < thresholds().branches"
+          <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 < thresholds().functions"
+          <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 < thresholds().statements"
+          <span
+            class="cov-file-val"
+            [class.bad]="file.statements.pct < thresholds().statements"
             >{{ file.statements.pct }}%</span
           >
         </div>
@@ -196,4 +204,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: 174 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CoveragePanelComponent, { className: "CoveragePanelComponent", filePath: "coverage-panel.component.ts", lineNumber: 182 }); })();

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,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"}
+{"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,EACV,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAI7B,eAAO,MAAM,2BAA2B,EAAE,kBAKzC,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAC3C,kBAAkB,CAWpB;AAED,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,aAAa,CAsD7E"}

package/dist/coverage-plugin.js

@@ -9,7 +9,12 @@ 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 {
+            lines: input,
+            branches: input,
+            functions: input,
+            statements: input,
+        };
     }
     return { ...DEFAULT_COVERAGE_THRESHOLDS, ...input };
 }

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,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"}
+{"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;AAgE7B,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,YAAY,CAwBd;AAED,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,YAAY,CAuBpE;AAED,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,kBAAkB,GAAG,MAAM,CAQvE;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC"}

package/dist/coverage-reader.js

@@ -57,7 +57,11 @@ export function readCoverageForFile(coveragePath, componentFilePath) {
     if (!entryKey)
         return { ...EMPTY_COVERAGE };
     const entry = summary[entryKey];
-    const score = Math.round((entry.statements.pct + entry.branches.pct + entry.functions.pct + entry.lines.pct) / 4);
+    const score = Math.round((entry.statements.pct +
+        entry.branches.pct +
+        entry.functions.pct +
+        entry.lines.pct) /
+        4);
     return {
         score,
         statements: { ...entry.statements },
@@ -74,7 +78,11 @@ export function readTotalCoverage(coveragePath) {
     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);
+    const score = Math.round((total.statements.pct +
+        total.branches.pct +
+        total.functions.pct +
+        total.lines.pct) /
+        4);
     return {
         score,
         statements: { ...total.statements },
@@ -85,7 +93,11 @@ export function readTotalCoverage(coveragePath) {
     };
 }
 export function averageThreshold(thresholds) {
-    return Math.round((thresholds.lines + thresholds.branches + thresholds.functions + thresholds.statements) / 4);
+    return Math.round((thresholds.lines +
+        thresholds.branches +
+        thresholds.functions +
+        thresholds.statements) /
+        4);
 }
 export function clearCoverageCache() {
     cache.clear();

package/dist/schematics/ng-add/index.d.ts

@@ -0,0 +1,4 @@
+import { type Rule } from '@angular-devkit/schematics';
+import type { NgAddSchemaOptions } from './schema.js';
+export declare function ngAdd(options: NgAddSchemaOptions): Rule;
+//# sourceMappingURL=index.d.ts.map

package/dist/schematics/ng-add/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/schematics/ng-add/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,IAAI,EAGV,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAyBtD,wBAAgB,KAAK,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAEvD"}

package/dist/schematics/ng-add/index.js

@@ -0,0 +1,25 @@
+import { chain, } from '@angular-devkit/schematics';
+import { addPluginToConfig } from '@ng-prism/core/schematics/utils';
+const PLUGIN_IMPORT_NAME = 'coveragePlugin';
+const PLUGIN_IMPORT_FROM = '@ng-prism/plugin-coverage';
+const PLUGIN_CALL = 'coveragePlugin()';
+function injectPlugin(options) {
+    return (tree, context) => {
+        const configPath = options.configPath ?? 'ng-prism.config.ts';
+        const changed = addPluginToConfig(tree, configPath, {
+            importName: PLUGIN_IMPORT_NAME,
+            importFrom: PLUGIN_IMPORT_FROM,
+            call: PLUGIN_CALL,
+        });
+        if (changed) {
+            context.logger.info(`  ${PLUGIN_IMPORT_FROM} → added to ${configPath}`);
+        }
+        else {
+            context.logger.info(`  ${PLUGIN_IMPORT_FROM} already configured — skipped`);
+        }
+        return tree;
+    };
+}
+export function ngAdd(options) {
+    return chain([injectPlugin(options)]);
+}

package/dist/schematics/ng-add/schema.d.ts

@@ -0,0 +1,4 @@
+export interface NgAddSchemaOptions {
+    configPath?: string;
+}
+//# sourceMappingURL=schema.d.ts.map

package/dist/schematics/ng-add/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/schematics/ng-add/schema.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/schematics/ng-add/schema.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@ng-prism/plugin-coverage",
-  "version": "21.12.0-beta.2",
+  "version": "21.12.0",
   "description": "Test coverage panel for ng-prism.",
+  "ng-add": {
+    "save": "devDependencies"
+  },
+  "schematics": "./schematics/collection.json",
   "keywords": [
     "@ng-prism/core",
     "coverage",
@@ -26,6 +30,7 @@
   },
   "files": [
     "dist",
+    "schematics",
     "!**/*.tsbuildinfo"
   ],
   "peerDependencies": {

package/schematics/collection.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds @ng-prism/plugin-coverage to the ng-prism config",
+      "factory": "../dist/schematics/ng-add/index#ngAdd",
+      "schema": "./ng-add/schema.json"
+    }
+  }
+}

package/schematics/ng-add/schema.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "NgPrismPluginCoverageNgAdd",
+  "title": "Add @ng-prism/plugin-coverage",
+  "description": "Registers @ng-prism/plugin-coverage in ng-prism.config.ts",
+  "type": "object",
+  "properties": {
+    "configPath": {
+      "type": "string",
+      "description": "Path to ng-prism.config.ts",
+      "default": "ng-prism.config.ts"
+    }
+  },
+  "required": [],
+  "additionalProperties": false
+}