@juice-js/observability 1.1.0-alpha.20 → 1.1.0-alpha.22

package/fesm2022/juice-js-observability-incident.page-CCHEWXou.mjs

@@ -0,0 +1,400 @@
+import { ApiService, ContextService, LinkPipe } from "./juice-js-observability.mjs";
+import { S as apiResource, o as problemText, u as ContextBar } from "./juice-js-observability-telemetry-BftWSOaQ.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input, signal } from "@angular/core";
+import { RouterLink } from "@angular/router";
+import { DatePipe } from "@angular/common";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import * as i2 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import { MatInputModule } from "@angular/material/input";
+import * as i5 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+import * as i3 from "@angular/material/select";
+const MOVES = {
+	Open: [
+		"Investigating",
+		"Mitigated",
+		"Resolved"
+	],
+	Investigating: ["Mitigated", "Resolved"],
+	Mitigated: ["Investigating", "Resolved"],
+	Resolved: ["Investigating"]
+};
+var IncidentPage = class IncidentPage {
+	ctx = inject(ContextService);
+	api = inject(ApiService);
+	id = input.required(...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	text = "";
+	sending = signal(false, ...ngDevMode ? [{ debugName: "sending" }] : /* istanbul ignore next */ []);
+	actionError = signal("", ...ngDevMode ? [{ debugName: "actionError" }] : /* istanbul ignore next */ []);
+	detail = apiResource({
+		params: () => this.id(),
+		stream: ({ params }) => this.api.incident(params)
+	});
+	error = computed(() => problemText(this.detail.error()), ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	moves(state) {
+		return MOVES[state] ?? [];
+	}
+	describe(e) {
+		switch (e.type) {
+			case "created": return "Opened";
+			case "state": return `${e.from} → ${e.to}`;
+			case "note": return "Note";
+			case "alert_added": return "Alert added";
+			case "alert_removed": return "Alert removed";
+			default: return e.type;
+		}
+	}
+	run(request) {
+		this.sending.set(true);
+		this.actionError.set("");
+		request.subscribe({
+			next: () => {
+				this.sending.set(false);
+				this.text = "";
+				this.detail.reload();
+			},
+			error: (e) => {
+				this.sending.set(false);
+				this.actionError.set(e.status === 403 ? "This needs the operator or admin role." : problemText(e));
+			}
+		});
+	}
+	move(to) {
+		this.run(this.api.moveIncident(this.id(), to, this.text));
+	}
+	note() {
+		this.run(this.api.addIncidentNote(this.id(), this.text));
+	}
+	removeAlert(alertId) {
+		this.run(this.api.removeIncidentAlert(this.id(), alertId));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: IncidentPage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: IncidentPage,
+		isStandalone: true,
+		selector: "ng-component",
+		inputs: { id: {
+			classPropertyName: "id",
+			publicName: "id",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		ngImport: i0,
+		template: `
+    <jc-context-bar>
+      <a [routerLink]="['incidents'] | jcLink" [queryParams]="ctx.keep()" class="jc-crumb">Incidents</a><span class="jc-crumb-sep">›</span>
+      <h1>{{ detail.value()?.incident?.title ?? '…' }}</h1>
+    </jc-context-bar>
+    @if (detail.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (detail.error()) { <p class="jc-error">{{ error() }}</p> }
+    @if (detail.value(); as d) {
+      <div class="jc-summary">
+        <span class="jc-badge" [class.jc-health-unhealthy]="d.incident.severity === 'Critical'" [class.jc-health-degraded]="d.incident.severity === 'Warning'">{{ d.incident.severity }}</span>
+        <strong data-testid="incident-state">{{ d.incident.state }}</strong>
+        <span class="jc-muted">Opened by {{ d.incident.createdBy }} {{ d.incident.createdAt | date: 'MMM d, HH:mm' }}</span>
+      </div>
+      @if (d.incident.state !== 'Resolved' && d.openAlerts > 0) {
+        <p class="jc-notice" data-testid="incident-open-alerts">{{ d.openAlerts }} of its alerts {{ d.openAlerts === 1 ? 'is' : 'are' }} still open. Resolving the incident won't change them.</p>
+      }
+      <section class="jc-card">
+        <h2>Move or note</h2>
+        <form class="jc-form" (ngSubmit)="note()">
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-wide"><mat-label>Comment or note</mat-label><input matInput name="text" data-testid="incident-text" [(ngModel)]="text" maxlength="2000"></mat-form-field>
+          <button mat-stroked-button type="submit" data-testid="incident-note" [disabled]="sending()">Add note</button>
+          @for (m of moves(d.incident.state); track m) {
+            <button mat-flat-button type="button" [attr.data-testid]="'incident-move-' + m" [disabled]="sending()" (click)="move(m)">{{ d.incident.state === 'Resolved' ? 'Reopen' : m }}</button>
+          }
+          @if (actionError()) { <span class="jc-error" data-testid="incident-action-error">{{ actionError() }}</span> }
+        </form>
+      </section>
+      <section class="jc-card" data-testid="incident-alerts">
+        <h2>Alerts</h2>
+        <table class="jc-table"><tbody>
+          @for (a of d.alerts; track a.id) {
+            <tr>
+              <td><a [routerLink]="['alerts', a.id] | jcLink" [queryParams]="ctx.keep()">{{ a.rule }}</a></td>
+              <td>{{ a.subjectKey }}</td><td>{{ a.severity }}</td><td>{{ a.state }}</td>
+              <td class="jc-row-actions"><button mat-button type="button" (click)="removeAlert(a.id)">Remove</button></td>
+            </tr>
+          } @empty { <tr><td class="jc-muted">None. Open an alert and use “Open an incident”, or add one through the API.</td></tr> }
+        </tbody></table>
+      </section>
+      <section class="jc-card" data-testid="incident-events">
+        <h2>What happened</h2>
+        <table class="jc-table"><tbody>
+          @for (e of d.events; track $index) {
+            <tr>
+              <td class="jc-nowrap">{{ e.at | date: 'MMM d, HH:mm:ss' }}</td>
+              <td>{{ e.actor }}</td>
+              <td><strong>{{ describe(e) }}</strong>@if (e.text) { <div>{{ e.text }}</div> }</td>
+            </tr>
+          }
+        </tbody></table>
+      </section>
+    }`,
+		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: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i1.MaxLengthValidator,
+				selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]",
+				inputs: ["maxlength"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgForm,
+				selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]",
+				inputs: ["ngFormOptions"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatButtonModule
+			},
+			{
+				kind: "component",
+				type: i2.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatFormFieldModule
+			},
+			{
+				kind: "component",
+				type: i3.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i3.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "ngmodule",
+				type: MatInputModule
+			},
+			{
+				kind: "directive",
+				type: i4.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatProgressBarModule
+			},
+			{
+				kind: "component",
+				type: i5.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: DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: IncidentPage,
+	decorators: [{
+		type: Component,
+		args: [{
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				LinkPipe,
+				RouterLink,
+				DatePipe,
+				FormsModule,
+				MatButtonModule,
+				MatFormFieldModule,
+				MatInputModule,
+				MatProgressBarModule,
+				ContextBar
+			],
+			template: `
+    <jc-context-bar>
+      <a [routerLink]="['incidents'] | jcLink" [queryParams]="ctx.keep()" class="jc-crumb">Incidents</a><span class="jc-crumb-sep">›</span>
+      <h1>{{ detail.value()?.incident?.title ?? '…' }}</h1>
+    </jc-context-bar>
+    @if (detail.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (detail.error()) { <p class="jc-error">{{ error() }}</p> }
+    @if (detail.value(); as d) {
+      <div class="jc-summary">
+        <span class="jc-badge" [class.jc-health-unhealthy]="d.incident.severity === 'Critical'" [class.jc-health-degraded]="d.incident.severity === 'Warning'">{{ d.incident.severity }}</span>
+        <strong data-testid="incident-state">{{ d.incident.state }}</strong>
+        <span class="jc-muted">Opened by {{ d.incident.createdBy }} {{ d.incident.createdAt | date: 'MMM d, HH:mm' }}</span>
+      </div>
+      @if (d.incident.state !== 'Resolved' && d.openAlerts > 0) {
+        <p class="jc-notice" data-testid="incident-open-alerts">{{ d.openAlerts }} of its alerts {{ d.openAlerts === 1 ? 'is' : 'are' }} still open. Resolving the incident won't change them.</p>
+      }
+      <section class="jc-card">
+        <h2>Move or note</h2>
+        <form class="jc-form" (ngSubmit)="note()">
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-wide"><mat-label>Comment or note</mat-label><input matInput name="text" data-testid="incident-text" [(ngModel)]="text" maxlength="2000"></mat-form-field>
+          <button mat-stroked-button type="submit" data-testid="incident-note" [disabled]="sending()">Add note</button>
+          @for (m of moves(d.incident.state); track m) {
+            <button mat-flat-button type="button" [attr.data-testid]="'incident-move-' + m" [disabled]="sending()" (click)="move(m)">{{ d.incident.state === 'Resolved' ? 'Reopen' : m }}</button>
+          }
+          @if (actionError()) { <span class="jc-error" data-testid="incident-action-error">{{ actionError() }}</span> }
+        </form>
+      </section>
+      <section class="jc-card" data-testid="incident-alerts">
+        <h2>Alerts</h2>
+        <table class="jc-table"><tbody>
+          @for (a of d.alerts; track a.id) {
+            <tr>
+              <td><a [routerLink]="['alerts', a.id] | jcLink" [queryParams]="ctx.keep()">{{ a.rule }}</a></td>
+              <td>{{ a.subjectKey }}</td><td>{{ a.severity }}</td><td>{{ a.state }}</td>
+              <td class="jc-row-actions"><button mat-button type="button" (click)="removeAlert(a.id)">Remove</button></td>
+            </tr>
+          } @empty { <tr><td class="jc-muted">None. Open an alert and use “Open an incident”, or add one through the API.</td></tr> }
+        </tbody></table>
+      </section>
+      <section class="jc-card" data-testid="incident-events">
+        <h2>What happened</h2>
+        <table class="jc-table"><tbody>
+          @for (e of d.events; track $index) {
+            <tr>
+              <td class="jc-nowrap">{{ e.at | date: 'MMM d, HH:mm:ss' }}</td>
+              <td>{{ e.actor }}</td>
+              <td><strong>{{ describe(e) }}</strong>@if (e.text) { <div>{{ e.text }}</div> }</td>
+            </tr>
+          }
+        </tbody></table>
+      </section>
+    }`
+		}]
+	}],
+	propDecorators: { id: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "id",
+			required: true
+		}]
+	}] }
+});
+export { IncidentPage };
+
+//# sourceMappingURL=juice-js-observability-incident.page-CCHEWXou.mjs.map

package/fesm2022/juice-js-observability-incident.page-CCHEWXou.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"juice-js-observability-incident.page-CCHEWXou.mjs","names":[],"sources":["../../../../projects/juice-js/observability/src/lib/pages/incident.page.ts"],"sourcesContent":["import { LinkPipe } from '../core/options';\nimport { ChangeDetectionStrategy, Component, computed, inject, input, signal } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { RouterLink } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { ApiService } from '../core/api.service';\nimport { ContextService } from '../core/context.service';\nimport { IncidentEvent } from '../core/models';\nimport { apiResource } from '../shared/resource';\nimport { problemText } from '../shared/telemetry';\nimport { ContextBar } from '../shared/ui';\n\nconst MOVES: Record<string, string[]> = {\n  Open: ['Investigating', 'Mitigated', 'Resolved'],\n  Investigating: ['Mitigated', 'Resolved'],\n  Mitigated: ['Investigating', 'Resolved'],\n  Resolved: ['Investigating'],\n};\n\n/** One incident: its state and the moves from it, its alerts, and who did what. Resolving it changes no alert, and says so if some are still open. */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LinkPipe, RouterLink, DatePipe, FormsModule, MatButtonModule, MatFormFieldModule, MatInputModule, MatProgressBarModule, ContextBar],\n  template: `\n    <jc-context-bar>\n      <a [routerLink]=\"['incidents'] | jcLink\" [queryParams]=\"ctx.keep()\" class=\"jc-crumb\">Incidents</a><span class=\"jc-crumb-sep\">›</span>\n      <h1>{{ detail.value()?.incident?.title ?? '…' }}</h1>\n    </jc-context-bar>\n    @if (detail.isLoading()) { <mat-progress-bar mode=\"indeterminate\" /> }\n    @if (detail.error()) { <p class=\"jc-error\">{{ error() }}</p> }\n    @if (detail.value(); as d) {\n      <div class=\"jc-summary\">\n        <span class=\"jc-badge\" [class.jc-health-unhealthy]=\"d.incident.severity === 'Critical'\" [class.jc-health-degraded]=\"d.incident.severity === 'Warning'\">{{ d.incident.severity }}</span>\n        <strong data-testid=\"incident-state\">{{ d.incident.state }}</strong>\n        <span class=\"jc-muted\">Opened by {{ d.incident.createdBy }} {{ d.incident.createdAt | date: 'MMM d, HH:mm' }}</span>\n      </div>\n      @if (d.incident.state !== 'Resolved' && d.openAlerts > 0) {\n        <p class=\"jc-notice\" data-testid=\"incident-open-alerts\">{{ d.openAlerts }} of its alerts {{ d.openAlerts === 1 ? 'is' : 'are' }} still open. Resolving the incident won't change them.</p>\n      }\n      <section class=\"jc-card\">\n        <h2>Move or note</h2>\n        <form class=\"jc-form\" (ngSubmit)=\"note()\">\n          <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-wide\"><mat-label>Comment or note</mat-label><input matInput name=\"text\" data-testid=\"incident-text\" [(ngModel)]=\"text\" maxlength=\"2000\"></mat-form-field>\n          <button mat-stroked-button type=\"submit\" data-testid=\"incident-note\" [disabled]=\"sending()\">Add note</button>\n          @for (m of moves(d.incident.state); track m) {\n            <button mat-flat-button type=\"button\" [attr.data-testid]=\"'incident-move-' + m\" [disabled]=\"sending()\" (click)=\"move(m)\">{{ d.incident.state === 'Resolved' ? 'Reopen' : m }}</button>\n          }\n          @if (actionError()) { <span class=\"jc-error\" data-testid=\"incident-action-error\">{{ actionError() }}</span> }\n        </form>\n      </section>\n      <section class=\"jc-card\" data-testid=\"incident-alerts\">\n        <h2>Alerts</h2>\n        <table class=\"jc-table\"><tbody>\n          @for (a of d.alerts; track a.id) {\n            <tr>\n              <td><a [routerLink]=\"['alerts', a.id] | jcLink\" [queryParams]=\"ctx.keep()\">{{ a.rule }}</a></td>\n              <td>{{ a.subjectKey }}</td><td>{{ a.severity }}</td><td>{{ a.state }}</td>\n              <td class=\"jc-row-actions\"><button mat-button type=\"button\" (click)=\"removeAlert(a.id)\">Remove</button></td>\n            </tr>\n          } @empty { <tr><td class=\"jc-muted\">None. Open an alert and use “Open an incident”, or add one through the API.</td></tr> }\n        </tbody></table>\n      </section>\n      <section class=\"jc-card\" data-testid=\"incident-events\">\n        <h2>What happened</h2>\n        <table class=\"jc-table\"><tbody>\n          @for (e of d.events; track $index) {\n            <tr>\n              <td class=\"jc-nowrap\">{{ e.at | date: 'MMM d, HH:mm:ss' }}</td>\n              <td>{{ e.actor }}</td>\n              <td><strong>{{ describe(e) }}</strong>@if (e.text) { <div>{{ e.text }}</div> }</td>\n            </tr>\n          }\n        </tbody></table>\n      </section>\n    }`,\n})\nexport class IncidentPage {\n  protected readonly ctx = inject(ContextService);\n  private readonly api = inject(ApiService);\n  readonly id = input.required<string>();\n  protected text = '';\n  protected readonly sending = signal(false);\n  protected readonly actionError = signal('');\n\n  protected readonly detail = apiResource({ params: () => this.id(), stream: ({ params }) => this.api.incident(params) });\n  protected readonly error = computed(() => problemText(this.detail.error()));\n\n  protected moves(state: string): string[] { return MOVES[state] ?? []; }\n\n  protected describe(e: IncidentEvent): string {\n    switch (e.type) {\n      case 'created': return 'Opened';\n      case 'state': return `${e.from} → ${e.to}`;\n      case 'note': return 'Note';\n      case 'alert_added': return 'Alert added';\n      case 'alert_removed': return 'Alert removed';\n      default: return e.type;\n    }\n  }\n\n  private run<T>(request: Observable<T>) {\n    this.sending.set(true);\n    this.actionError.set('');\n    request.subscribe({\n      next: () => { this.sending.set(false); this.text = ''; this.detail.reload(); },\n      error: e => { this.sending.set(false); this.actionError.set((e as { status?: number }).status === 403 ? 'This needs the operator or admin role.' : problemText(e)); },\n    });\n  }\n\n  protected move(to: string) { this.run(this.api.moveIncident(this.id(), to, this.text)); }\n  protected note() { this.run(this.api.addIncidentNote(this.id(), this.text)); }\n  protected removeAlert(alertId: string) { this.run(this.api.removeIncidentAlert(this.id(), alertId)); }\n}\n"],"mappings":"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"}