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

package/fesm2022/juice-js-audit-data-change.page-CuI9ccJb.mjs

@@ -0,0 +1,269 @@
+import { AuditApiService, AuditContextService, AuditLinkPipe, accessLogSummary } from "./juice-js-audit.mjs";
+import { c as TraceRef, f as formatValue, i as ChangeDiff, m as apiResource, n as ActionBadge, p as problemText, r as AuditContextBar, t as AccessLogTable, u as KeysPipe } from "./juice-js-audit-ui-DnfhiB6p.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input } from "@angular/core";
+import { RouterLink } from "@angular/router";
+import { of } from "rxjs";
+import { DatePipe } from "@angular/common";
+import * as i2 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+import * as i1 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+var DataChangePage = class DataChangePage {
+	api = inject(AuditApiService);
+	ctx = inject(AuditContextService);
+	id = input.required(...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	change = apiResource({
+		params: () => this.id(),
+		stream: ({ params }) => this.api.dataChange(params)
+	});
+	trace = apiResource({
+		params: () => this.change.value()?.traceId ?? void 0,
+		stream: ({ params }) => params ? this.api.trace(params) : of(void 0)
+	});
+	title = computed(() => {
+		const c = this.change.value();
+		return c ? `${c.schema ? c.schema + "." : ""}${c.table}` : "Data change";
+	}, ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	keyValue = computed(() => {
+		const keys = this.change.value()?.keys;
+		if (keys && typeof keys === "object" && !Array.isArray(keys)) {
+			const values = Object.values(keys);
+			return values.length === 1 ? formatValue(values[0]) : null;
+		}
+		return null;
+	}, ...ngDevMode ? [{ debugName: "keyValue" }] : /* istanbul ignore next */ []);
+	accessLogs = computed(() => (this.trace.value()?.accessLogs ?? []).map(accessLogSummary), ...ngDevMode ? [{ debugName: "accessLogs" }] : /* istanbul ignore next */ []);
+	error = computed(() => problemText(this.change.error()), ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: DataChangePage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: DataChangePage,
+		isStandalone: true,
+		selector: "ng-component",
+		inputs: { id: {
+			classPropertyName: "id",
+			publicName: "id",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		ngImport: i0,
+		template: `
+    <ja-context-bar [showRange]="false">
+      <span class="ja-crumb"><a [routerLink]="['data-changes'] | jaLink" [queryParams]="ctx.keep()">Data changes</a> /</span>
+      <h1>{{ title() }}</h1>
+    </ja-context-bar>
+    @if (change.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (change.error()) { <p class="ja-error">{{ error() }}</p> }
+    @if (change.value(); as c) {
+      <div class="ja-summary">
+        <ja-action [action]="c.action" />
+        <span>{{ c.dateTime | date: 'MMM d, y, HH:mm:ss.SSS' }}</span>
+        <span>by <strong>{{ c.user || 'no user' }}</strong></span>
+        @if (c.tenantId) { <span class="ja-muted">tenant {{ c.tenantId }}</span> }
+        <span class="ja-mono">{{ c.keys | jaKeys }}</span>
+        @if (c.database) { <span class="ja-muted">database {{ c.database }}</span> }
+        <span class="ja-muted">trace <ja-trace-ref [traceId]="c.traceId" [short]="false" /></span>
+      </div>
+      <section class="ja-card">
+        <div class="ja-row"><h2>Values</h2>
+          @if (keyValue(); as k) {
+            <a mat-button [routerLink]="['data-changes'] | jaLink" [queryParams]="ctx.keep({ table: c.table, key: k })">History of this row</a>
+          }
+        </div>
+        <ja-change-diff [changes]="c.changes" />
+      </section>
+      <section class="ja-card">
+        <h2>Made by</h2>
+        @if (!c.traceId) { <p class="ja-muted">No trace id was recorded with this change.</p> }
+        @if (trace.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+        @if (trace.value(); as t) {
+          @if (t.accessLogs.length === 0) { <p class="ja-muted">No access record under this trace: the work that made it was not audited, or ran in another service.</p> }
+          @else { <ja-access-log-table [rows]="accessLogs()" [compact]="true" /> }
+          @if (t.dataChanges.length > 1) {
+            <p><a [routerLink]="['traces', t.traceId] | jaLink" [queryParams]="ctx.keep()">{{ t.dataChanges.length - 1 }} more change{{ t.dataChanges.length === 2 ? '' : 's' }} in the same trace</a></p>
+          }
+        }
+      </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: MatButtonModule
+			},
+			{
+				kind: "component",
+				type: i1.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: MatProgressBarModule
+			},
+			{
+				kind: "component",
+				type: i2.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "component",
+				type: AuditContextBar,
+				selector: "ja-context-bar",
+				inputs: ["showRange"]
+			},
+			{
+				kind: "component",
+				type: AccessLogTable,
+				selector: "ja-access-log-table",
+				inputs: ["rows", "compact"]
+			},
+			{
+				kind: "component",
+				type: ActionBadge,
+				selector: "ja-action",
+				inputs: ["action"]
+			},
+			{
+				kind: "component",
+				type: ChangeDiff,
+				selector: "ja-change-diff",
+				inputs: ["changes"]
+			},
+			{
+				kind: "component",
+				type: TraceRef,
+				selector: "ja-trace-ref",
+				inputs: ["traceId", "short"]
+			},
+			{
+				kind: "pipe",
+				type: DatePipe,
+				name: "date"
+			},
+			{
+				kind: "pipe",
+				type: AuditLinkPipe,
+				name: "jaLink"
+			},
+			{
+				kind: "pipe",
+				type: KeysPipe,
+				name: "jaKeys"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: DataChangePage,
+	decorators: [{
+		type: Component,
+		args: [{
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				RouterLink,
+				DatePipe,
+				MatButtonModule,
+				MatProgressBarModule,
+				AuditLinkPipe,
+				KeysPipe,
+				AuditContextBar,
+				AccessLogTable,
+				ActionBadge,
+				ChangeDiff,
+				TraceRef
+			],
+			template: `
+    <ja-context-bar [showRange]="false">
+      <span class="ja-crumb"><a [routerLink]="['data-changes'] | jaLink" [queryParams]="ctx.keep()">Data changes</a> /</span>
+      <h1>{{ title() }}</h1>
+    </ja-context-bar>
+    @if (change.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (change.error()) { <p class="ja-error">{{ error() }}</p> }
+    @if (change.value(); as c) {
+      <div class="ja-summary">
+        <ja-action [action]="c.action" />
+        <span>{{ c.dateTime | date: 'MMM d, y, HH:mm:ss.SSS' }}</span>
+        <span>by <strong>{{ c.user || 'no user' }}</strong></span>
+        @if (c.tenantId) { <span class="ja-muted">tenant {{ c.tenantId }}</span> }
+        <span class="ja-mono">{{ c.keys | jaKeys }}</span>
+        @if (c.database) { <span class="ja-muted">database {{ c.database }}</span> }
+        <span class="ja-muted">trace <ja-trace-ref [traceId]="c.traceId" [short]="false" /></span>
+      </div>
+      <section class="ja-card">
+        <div class="ja-row"><h2>Values</h2>
+          @if (keyValue(); as k) {
+            <a mat-button [routerLink]="['data-changes'] | jaLink" [queryParams]="ctx.keep({ table: c.table, key: k })">History of this row</a>
+          }
+        </div>
+        <ja-change-diff [changes]="c.changes" />
+      </section>
+      <section class="ja-card">
+        <h2>Made by</h2>
+        @if (!c.traceId) { <p class="ja-muted">No trace id was recorded with this change.</p> }
+        @if (trace.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+        @if (trace.value(); as t) {
+          @if (t.accessLogs.length === 0) { <p class="ja-muted">No access record under this trace: the work that made it was not audited, or ran in another service.</p> }
+          @else { <ja-access-log-table [rows]="accessLogs()" [compact]="true" /> }
+          @if (t.dataChanges.length > 1) {
+            <p><a [routerLink]="['traces', t.traceId] | jaLink" [queryParams]="ctx.keep()">{{ t.dataChanges.length - 1 }} more change{{ t.dataChanges.length === 2 ? '' : 's' }} in the same trace</a></p>
+          }
+        }
+      </section>
+    }`
+		}]
+	}],
+	propDecorators: { id: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "id",
+			required: true
+		}]
+	}] }
+});
+export { DataChangePage };
+
+//# sourceMappingURL=juice-js-audit-data-change.page-CuI9ccJb.mjs.map

package/fesm2022/juice-js-audit-data-change.page-CuI9ccJb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"juice-js-audit-data-change.page-CuI9ccJb.mjs","names":[],"sources":["../../../../projects/juice-js/audit/src/lib/pages/data-change.page.ts"],"sourcesContent":["import { DatePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { apiResource } from '../shared/resource';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { RouterLink } from '@angular/router';\nimport { of } from 'rxjs';\nimport { AuditApiService } from '../core/api.service';\nimport { accessLogSummary } from '../core/models';\nimport { AuditContextService } from '../core/context.service';\nimport { AuditLinkPipe } from '../core/options';\nimport { KeysPipe, formatValue, problemText } from '../shared/format';\nimport { AccessLogTable, ActionBadge, AuditContextBar, ChangeDiff, TraceRef } from '../shared/ui';\n\n/** One row change: its values before and after, and the request, message or job that made it. */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterLink, DatePipe, MatButtonModule, MatProgressBarModule, AuditLinkPipe, KeysPipe, AuditContextBar,\n    AccessLogTable, ActionBadge, ChangeDiff, TraceRef],\n  template: `\n    <ja-context-bar [showRange]=\"false\">\n      <span class=\"ja-crumb\"><a [routerLink]=\"['data-changes'] | jaLink\" [queryParams]=\"ctx.keep()\">Data changes</a> /</span>\n      <h1>{{ title() }}</h1>\n    </ja-context-bar>\n    @if (change.isLoading()) { <mat-progress-bar mode=\"indeterminate\" /> }\n    @if (change.error()) { <p class=\"ja-error\">{{ error() }}</p> }\n    @if (change.value(); as c) {\n      <div class=\"ja-summary\">\n        <ja-action [action]=\"c.action\" />\n        <span>{{ c.dateTime | date: 'MMM d, y, HH:mm:ss.SSS' }}</span>\n        <span>by <strong>{{ c.user || 'no user' }}</strong></span>\n        @if (c.tenantId) { <span class=\"ja-muted\">tenant {{ c.tenantId }}</span> }\n        <span class=\"ja-mono\">{{ c.keys | jaKeys }}</span>\n        @if (c.database) { <span class=\"ja-muted\">database {{ c.database }}</span> }\n        <span class=\"ja-muted\">trace <ja-trace-ref [traceId]=\"c.traceId\" [short]=\"false\" /></span>\n      </div>\n      <section class=\"ja-card\">\n        <div class=\"ja-row\"><h2>Values</h2>\n          @if (keyValue(); as k) {\n            <a mat-button [routerLink]=\"['data-changes'] | jaLink\" [queryParams]=\"ctx.keep({ table: c.table, key: k })\">History of this row</a>\n          }\n        </div>\n        <ja-change-diff [changes]=\"c.changes\" />\n      </section>\n      <section class=\"ja-card\">\n        <h2>Made by</h2>\n        @if (!c.traceId) { <p class=\"ja-muted\">No trace id was recorded with this change.</p> }\n        @if (trace.isLoading()) { <mat-progress-bar mode=\"indeterminate\" /> }\n        @if (trace.value(); as t) {\n          @if (t.accessLogs.length === 0) { <p class=\"ja-muted\">No access record under this trace: the work that made it was not audited, or ran in another service.</p> }\n          @else { <ja-access-log-table [rows]=\"accessLogs()\" [compact]=\"true\" /> }\n          @if (t.dataChanges.length > 1) {\n            <p><a [routerLink]=\"['traces', t.traceId] | jaLink\" [queryParams]=\"ctx.keep()\">{{ t.dataChanges.length - 1 }} more change{{ t.dataChanges.length === 2 ? '' : 's' }} in the same trace</a></p>\n          }\n        }\n      </section>\n    }`,\n})\nexport class DataChangePage {\n  private readonly api = inject(AuditApiService);\n  protected readonly ctx = inject(AuditContextService);\n  readonly id = input.required<string>();\n\n  protected readonly change = apiResource({ params: () => this.id(), stream: ({ params }) => this.api.dataChange(params) });\n  protected readonly trace = apiResource({\n    params: () => this.change.value()?.traceId ?? undefined,\n    stream: ({ params }) => params ? this.api.trace(params) : of(undefined),\n  });\n  protected readonly title = computed(() => {\n    const c = this.change.value();\n    return c ? `${c.schema ? c.schema + '.' : ''}${c.table}` : 'Data change';\n  });\n  /** The row's key when it has a single one: the value a key search finds its history by. */\n  protected readonly keyValue = computed(() => {\n    const keys = this.change.value()?.keys;\n    if (keys && typeof keys === 'object' && !Array.isArray(keys)) {\n      const values = Object.values(keys);\n      return values.length === 1 ? formatValue(values[0]) : null;\n    }\n    return null;\n  });\n  protected readonly accessLogs = computed(() => (this.trace.value()?.accessLogs ?? []).map(accessLogSummary));\n  protected readonly error = computed(() => problemText(this.change.error()));\n}\n"],"mappings":"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"}