@juice-js/observability 0.0.0-stage → 1.0.0-alpha.1

package/fesm2022/juice-js-observability-rules.page-Db_U5rRu.mjs

@@ -0,0 +1,176 @@
+import { ApiService, ContextService, LinkPipe } from "./juice-js-observability.mjs";
+import { a as problemText, f as AgoPipe, l as ContextBar } from "./juice-js-observability-telemetry-VA4_3nzr.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject } from "@angular/core";
+import { forkJoin, map } from "rxjs";
+import { rxResource } from "@angular/core/rxjs-interop";
+import { RouterLink } from "@angular/router";
+import * as i1 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+var RulesPage = class RulesPage {
+	ctx = inject(ContextService);
+	api = inject(ApiService);
+	data = rxResource({ stream: () => forkJoin({
+		rules: this.api.rules().pipe(map((p) => p.items)),
+		firing: this.api.allAlerts({ state: "firing" }).pipe(map((p) => p.items)),
+		pending: this.api.allAlerts({ state: "pending" }).pipe(map((p) => p.items))
+	}) });
+	error = computed(() => problemText(this.data.error()), ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	rows = computed(() => {
+		const d = this.data.value();
+		if (!d) return [];
+		const open = [...d.firing, ...d.pending];
+		return d.rules.map((r) => {
+			const mine = open.filter((a) => a.rule === r.key);
+			const last = mine.map((a) => a.lastEvaluatedAt).sort().at(-1) ?? null;
+			return {
+				...r,
+				open: mine,
+				lastEvaluatedAt: last
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: RulesPage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: RulesPage,
+		isStandalone: true,
+		selector: "ng-component",
+		ngImport: i0,
+		template: `
+    <jc-context-bar><h1>Rules</h1><span class="jc-muted">From deployment configuration (rules.json); read-only.</span></jc-context-bar>
+    @if (data.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (data.error()) { <p class="jc-error">{{ error() }}</p> }
+    <table class="jc-table">
+      <thead><tr><th>Rule</th><th>Template</th><th>Severity</th><th>Threshold</th><th>Recovery</th><th>Wait</th><th>Open alerts</th><th>Last evaluation</th></tr></thead>
+      <tbody>
+        @for (r of rows(); track r.key) {
+          <tr [class.jc-muted]="!r.enabled">
+            <td><strong>{{ r.name }}</strong><div class="jc-muted jc-small">{{ r.key }}@if (!r.enabled) { · disabled }</div></td>
+            <td>{{ r.template }}</td>
+            <td>{{ r.severity }}</td>
+            <td>{{ r.definition['threshold'] ?? '—' }}</td>
+            <td>{{ r.definition['recoveryThreshold'] ?? '—' }}</td>
+            <td>{{ r.definition['forDuration'] ?? '—' }}</td>
+            <td>
+              @for (a of r.open; track a.id) {
+                <div><a [routerLink]="['alerts', a.id] | jcLink" [queryParams]="ctx.keep()">{{ a.state }}</a> {{ a.subjectKey }} = {{ a.lastValue ?? 'no data' }}</div>
+              } @empty { <span class="jc-muted">none</span> }
+            </td>
+            <td>{{ r.lastEvaluatedAt | ago }}</td>
+          </tr>
+        }
+      </tbody>
+    </table>`,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: MatProgressBarModule
+			},
+			{
+				kind: "component",
+				type: i1.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "component",
+				type: ContextBar,
+				selector: "jc-context-bar"
+			},
+			{
+				kind: "pipe",
+				type: LinkPipe,
+				name: "jcLink"
+			},
+			{
+				kind: "pipe",
+				type: AgoPipe,
+				name: "ago"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: RulesPage,
+	decorators: [{
+		type: Component,
+		args: [{
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				LinkPipe,
+				RouterLink,
+				MatProgressBarModule,
+				ContextBar,
+				AgoPipe
+			],
+			template: `
+    <jc-context-bar><h1>Rules</h1><span class="jc-muted">From deployment configuration (rules.json); read-only.</span></jc-context-bar>
+    @if (data.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (data.error()) { <p class="jc-error">{{ error() }}</p> }
+    <table class="jc-table">
+      <thead><tr><th>Rule</th><th>Template</th><th>Severity</th><th>Threshold</th><th>Recovery</th><th>Wait</th><th>Open alerts</th><th>Last evaluation</th></tr></thead>
+      <tbody>
+        @for (r of rows(); track r.key) {
+          <tr [class.jc-muted]="!r.enabled">
+            <td><strong>{{ r.name }}</strong><div class="jc-muted jc-small">{{ r.key }}@if (!r.enabled) { · disabled }</div></td>
+            <td>{{ r.template }}</td>
+            <td>{{ r.severity }}</td>
+            <td>{{ r.definition['threshold'] ?? '—' }}</td>
+            <td>{{ r.definition['recoveryThreshold'] ?? '—' }}</td>
+            <td>{{ r.definition['forDuration'] ?? '—' }}</td>
+            <td>
+              @for (a of r.open; track a.id) {
+                <div><a [routerLink]="['alerts', a.id] | jcLink" [queryParams]="ctx.keep()">{{ a.state }}</a> {{ a.subjectKey }} = {{ a.lastValue ?? 'no data' }}</div>
+              } @empty { <span class="jc-muted">none</span> }
+            </td>
+            <td>{{ r.lastEvaluatedAt | ago }}</td>
+          </tr>
+        }
+      </tbody>
+    </table>`
+		}]
+	}]
+});
+export { RulesPage };
+
+//# sourceMappingURL=juice-js-observability-rules.page-Db_U5rRu.mjs.map

package/fesm2022/juice-js-observability-rules.page-Db_U5rRu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"juice-js-observability-rules.page-Db_U5rRu.mjs","names":[],"sources":["../../../../projects/juice-js/observability/src/lib/pages/rules.page.ts"],"sourcesContent":["import { LinkPipe } from '../core/options';\nimport { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { RouterLink } from '@angular/router';\nimport { forkJoin, map } from 'rxjs';\nimport { ApiService } from '../core/api.service';\nimport { ContextService } from '../core/context.service';\nimport { AgoPipe } from '../shared/format';\nimport { ContextBar } from '../shared/ui';\nimport { problemText } from '../shared/telemetry';\n\n/**\n * Rules and their current state (Console requirements §14). Rules are typed templates in deployment configuration\n * (D5), so this page reads them; it never edits them and never takes a query.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LinkPipe, RouterLink, MatProgressBarModule, ContextBar, AgoPipe],\n  template: `\n    <jc-context-bar><h1>Rules</h1><span class=\"jc-muted\">From deployment configuration (rules.json); read-only.</span></jc-context-bar>\n    @if (data.isLoading()) { <mat-progress-bar mode=\"indeterminate\" /> }\n    @if (data.error()) { <p class=\"jc-error\">{{ error() }}</p> }\n    <table class=\"jc-table\">\n      <thead><tr><th>Rule</th><th>Template</th><th>Severity</th><th>Threshold</th><th>Recovery</th><th>Wait</th><th>Open alerts</th><th>Last evaluation</th></tr></thead>\n      <tbody>\n        @for (r of rows(); track r.key) {\n          <tr [class.jc-muted]=\"!r.enabled\">\n            <td><strong>{{ r.name }}</strong><div class=\"jc-muted jc-small\">{{ r.key }}@if (!r.enabled) { · disabled }</div></td>\n            <td>{{ r.template }}</td>\n            <td>{{ r.severity }}</td>\n            <td>{{ r.definition['threshold'] ?? '—' }}</td>\n            <td>{{ r.definition['recoveryThreshold'] ?? '—' }}</td>\n            <td>{{ r.definition['forDuration'] ?? '—' }}</td>\n            <td>\n              @for (a of r.open; track a.id) {\n                <div><a [routerLink]=\"['alerts', a.id] | jcLink\" [queryParams]=\"ctx.keep()\">{{ a.state }}</a> {{ a.subjectKey }} = {{ a.lastValue ?? 'no data' }}</div>\n              } @empty { <span class=\"jc-muted\">none</span> }\n            </td>\n            <td>{{ r.lastEvaluatedAt | ago }}</td>\n          </tr>\n        }\n      </tbody>\n    </table>`,\n})\nexport class RulesPage {\n  protected readonly ctx = inject(ContextService);\n  private readonly api = inject(ApiService);\n  protected readonly data = rxResource({\n    stream: () => forkJoin({\n      rules: this.api.rules().pipe(map(p => p.items)),\n      firing: this.api.allAlerts({ state: 'firing' }).pipe(map(p => p.items)),\n      pending: this.api.allAlerts({ state: 'pending' }).pipe(map(p => p.items)),\n    }),\n  });\n  protected readonly error = computed(() => problemText(this.data.error()));\n  protected readonly rows = computed(() => {\n    const d = this.data.value();\n    if (!d) return [];\n    const open = [...d.firing, ...d.pending];\n    return d.rules.map(r => {\n      const mine = open.filter(a => a.rule === r.key);\n      const last = mine.map(a => a.lastEvaluatedAt).sort().at(-1) ?? null;\n      return { ...r, open: mine, lastEvaluatedAt: last };\n    });\n  });\n}\n"],"mappings":";;;;;;;;;AA6CA,IAAa,YAAb,MAAa,UAAS;CACD,MAAM,OAAO,cAAc;CAC7B,MAAM,OAAO,UAAU;CACrB,OAAO,WAAW,EACnC,cAAc,SAAS;EACrB,OAAO,KAAK,IAAI,MAAK,CAAE,CAAC,KAAK,KAAI,MAAK,EAAE,KAAK,CAAC;EAC9C,QAAQ,KAAK,IAAI,UAAU,EAAE,OAAO,SAAQ,CAAE,CAAC,CAAC,KAAK,KAAI,MAAK,EAAE,KAAK,CAAC;EACtE,SAAS,KAAK,IAAI,UAAU,EAAE,OAAO,UAAS,CAAE,CAAC,CAAC,KAAK,KAAI,MAAK,EAAE,KAAK,CAAC;CACzE,CAAA,EACF,CAAA;CACkB,QAAQ,eAAe,YAAY,KAAK,KAAK,MAAK,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACtD,OAAO,eAAc;EACtC,MAAM,IAAI,KAAK,KAAK,MAAK;EACzB,IAAI,CAAC,GAAG,OAAO,CAAA;EACf,MAAM,OAAO,CAAC,GAAG,EAAE,QAAQ,GAAG,EAAE,OAAO;EACvC,OAAO,EAAE,MAAM,KAAI,MAAI;GACrB,MAAM,OAAO,KAAK,QAAO,MAAK,EAAE,SAAS,EAAE,GAAG;GAC9C,MAAM,OAAO,KAAK,KAAI,MAAK,EAAE,eAAe,CAAC,CAAC,KAAI,CAAE,CAAC,GAAG,EAAE,KAAK;GAC/D,OAAO;IAAE,GAAG;IAAG,MAAM;IAAM,iBAAiB;GAAI;EAClD,CAAC;CACH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CApBS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UA1BV;;;;;;;;;;;;;;;;;;;;;;;;;EAwBC,UAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MAzBS;IAAU,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;GAAoB;GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,cAAA;IAAA,UAAA,CAAA,gBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAU,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAtD;IAAQ,MAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAgD;IAAO,MAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AA2B9D,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EA7BrB,MAAA;EAAU,MAAA,CAAA;GACT,iBAAiB,wBAAwB;GACzC,SAAS;IAAC;IAAU;IAAY;IAAsB;IAAY;GAAO;GACzE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;EAyBX,CAAA"}