@anzusystems/common-admin 1.49.0 → 2.0.0-rc.2

package/dist/domains/listEditor/types/listEditorTypes.d.ts

@@ -0,0 +1,53 @@
+import { DocId, IntegerId } from '../../../shared/types/common';
+import { SortableItemDataAware, SortableItemNewPosition, SortableItemNewPositions } from '../../../shared/types/sortableUtils';
+export type { SortableItemDataAware, SortableItemNewPosition, SortableItemNewPositions };
+export type ListEditorKey = DocId | IntegerId | string;
+export type ListEditorValidationState = 'valid' | 'invalid' | 'warning' | null;
+/**
+ * A vuelidate `$scope` (the same value the consumer's `useVuelidate({ $scope })` collector uses).
+ * Passed to an editor via `validation-scope` to auto-register the editor's aggregate row validity
+ * into that collector — so a plain `v$.$invalid` save gate blocks even a collapsed invalid row.
+ * Mirrors the canonical `ValidationScope` set (a `ValidationScope`-typed consumer prop assigns without
+ * a cast); `false`/`undefined` opt out at runtime (the `true` case just joins the global collection).
+ */
+export type ListEditorValidationScope = string | number | boolean | symbol;
+export interface ListViewItem<TItem> {
+    key: ListEditorKey;
+    index: number;
+    raw: TItem;
+    position?: number;
+    moved?: boolean;
+    expanded?: boolean;
+    editing?: boolean;
+    validationState?: ListEditorValidationState;
+}
+export interface PositionHint {
+    afterId?: ListEditorKey;
+    afterIndex?: number;
+    index?: number;
+}
+export interface NestedPositionHint {
+    parentId?: ListEditorKey | null;
+    afterId?: ListEditorKey;
+    afterIndex?: number;
+    index?: number;
+    asFirstChild?: boolean;
+    childrenAllowed?: boolean;
+}
+/**
+ * A tree node of any record shape with stable keys addressable via configurable fields (keyField,
+ * positionField, parentField). Admin-cms data types like `LinkedListItemKind` are assignable to this.
+ */
+export interface NestedTreeNode<TItem = any> {
+    data: TItem;
+    children?: NestedTreeNode<TItem>[];
+    meta: {
+        dirty: boolean;
+    };
+}
+export interface NestedTree<TItem = any> {
+    children: NestedTreeNode<TItem>[];
+    meta: {
+        dirty: boolean;
+    };
+}

package/dist/domains/listEditor/utils/listEditorLoader.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'vue';
+export declare const LIST_EDITOR_LOAD_TIMEOUT = 15000;
+/** `promise`, or a rejection with `message` once `timeout` ms pass without it settling. */
+export declare const withTimeout: <T>(promise: Promise<T>, timeout: number, message: string) => Promise<T>;
+/**
+ * The list editor the bookmark dialog's manage tab needs, loaded when that tab is opened: it and
+ * sortablejs under it are most of the dialog, and every list page carries the bookmark button.
+ * Gives up after `timeout`, so a chunk that never arrives ends in an error the user can retry.
+ * A retry helps when the chunk was only slow. After a failed fetch it helps only where the browser fetches
+ * again: Chrome and Firefox kept the failure until the page reloaded, until the 2026 spec change (whatwg/html#10327).
+ */
+export declare const loadListEditor: (timeout?: number) => Promise<Component>;

package/dist/domains/listEditor/utils/listEditorLoader.js

@@ -0,0 +1,13 @@
+//#region src/domains/listEditor/utils/listEditorLoader.ts
+var e = 15e3, t = (e, t, n) => new Promise((r, i) => {
+	let a = setTimeout(() => i(Error(n)), t);
+	e.then((e) => {
+		clearTimeout(a), r(e);
+	}, (e) => {
+		clearTimeout(a), i(e);
+	});
+}), n = (n = e) => t(import("../components/ASortableListEditor.js").then((e) => e.default), n, `The list editor did not load within ${n} ms.`);
+//#endregion
+export { e as LIST_EDITOR_LOAD_TIMEOUT, n as loadListEditor, t as withTimeout };
+
+//# sourceMappingURL=listEditorLoader.js.map

package/dist/domains/listEditor/utils/listEditorLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listEditorLoader.js","names":["LIST_EDITOR_LOAD_TIMEOUT","withTimeout","timer","reject","message","timeout","resolve","value","error","loadListEditor","module"],"sources":["../../../../src/domains/listEditor/utils/listEditorLoader.ts"],"sourcesContent":["import type { Component } from 'vue'\n\nexport const LIST_EDITOR_LOAD_TIMEOUT = 15_000\n\n/** `promise`, or a rejection with `message` once `timeout` ms pass without it settling. */\nexport const withTimeout = <T>(promise: Promise<T>, timeout: number, message: string): Promise<T> =>\n  new Promise((resolve, reject) => {\n    const timer = setTimeout(() => reject(new Error(message)), timeout)\n    promise.then(\n      (value) => {\n        clearTimeout(timer)\n        resolve(value)\n      },\n      (error) => {\n        clearTimeout(timer)\n        reject(error)\n      }\n    )\n  })\n\n/**\n * The list editor the bookmark dialog's manage tab needs, loaded when that tab is opened: it and\n * sortablejs under it are most of the dialog, and every list page carries the bookmark button.\n * Gives up after `timeout`, so a chunk that never arrives ends in an error the user can retry.\n * A retry helps when the chunk was only slow. After a failed fetch it helps only where the browser fetches\n * again: Chrome and Firefox kept the failure until the page reloaded, until the 2026 spec change (whatwg/html#10327).\n */\nexport const loadListEditor = (timeout = LIST_EDITOR_LOAD_TIMEOUT): Promise<Component> =>\n  withTimeout(\n    import('@/domains/listEditor/components/ASortableListEditor.vue').then((module) => module.default),\n    timeout,\n    `The list editor did not load within ${timeout} ms.`\n  )\n"],"mappings":";AAEA,IAAaA,IAA2B,MAG3BC,KAAkB,GAAqB,GAAiB,MACnE,IAAI,SAAS,GAAS,MAAW;CAC/B,IAAMC,IAAQ,iBAAiBC,EAAW,MAAMC,CAAO,CAAC,GAAGC,CAAO;CAClE,EAAQ,MACL,MAAU;EAET,AADA,aAAaH,CAAK,GAClBI,EAAQC,CAAK;CACf,IACC,MAAU;EAET,AADA,aAAaL,CAAK,GAClBC,EAAOK,CAAK;CACd,CACF;AACF,CAAC,GASUC,KAAkB,IAAUT,MACvCC,EACE,OAAO,uCAA0D,CAAC,MAAM,MAAWS,EAAO,OAAO,GACjGL,GACA,uCAAuCA,EAAQ,KACjD"}

package/dist/domains/listEditor/utils/positions.d.ts

@@ -0,0 +1,42 @@
+export interface RenumberPositionsOptions {
+    /** Item field holding the position. Defaults to `'position'`. */
+    positionField?: string;
+    /** Multiplier applied to the 1-based index (e.g. 10 → 10, 20, 30…). Defaults to `1`. */
+    positionMultiplier?: number;
+}
+/** Non-mutating sort by ascending `position` (in-place `sort` would trigger reactivity). */
+export declare const sortByPosition: <TItem extends {
+    position: number;
+}>(items: TItem[]) => TItem[];
+/**
+ * Non-mutating deep `sortByPosition`. Sorts the top-level array, then for every
+ * item carrying one of `childKeys` as an array, recursively sorts that nested
+ * array too. The same `childKeys` apply at every depth and keys absent on a node
+ * are skipped — so pass the UNION of nested position-bearing array fields across
+ * the whole shape (e.g. `['contentItems', 'boxPositionIncludes']`).
+ *
+ * Same non-mutating contract as `sortByPosition`: only nodes that actually have a
+ * nested array are shallow-cloned; leaf nodes and untouched branches keep their
+ * reference. Use it to normalize an API response's ordering before it becomes
+ * store state, in one call, for nested collections.
+ */
+export declare const sortByPositionDeep: <TItem extends {
+    position: number;
+}>(items: TItem[], childKeys?: string[]) => TItem[];
+/**
+ * Non-mutating renumber to sequential positions matching array order — the same
+ * renumbering the editors apply on commit. Unchanged items stay reference-equal.
+ */
+export declare const renumberPositions: <TItem extends Record<string, any>>(items: TItem[], options?: RenumberPositionsOptions) => TItem[];
+/**
+ * Reassign the EXISTING position values to the current array order.
+ *
+ * For consumers whose position is a meaningful absolute number rather than an opaque ordinal (e.g. a
+ * CMS page whose backend interleaves these rows with another collection on the same numeric scale),
+ * a reorder must move rows THROUGH the existing slots instead of rewriting them: `A:10, B:310` with
+ * A and B swapped becomes `B:10, A:310` — the value set {10, 310} is untouched.
+ *
+ * Non-mutating; unchanged items stay reference-equal. Rows whose position is missing or non-numeric
+ * are left alone and warn in dev — silently inventing a value here would produce a wrong payload.
+ */
+export declare const preservePositionValues: <TItem extends Record<string, any>>(items: TItem[], options?: RenumberPositionsOptions) => TItem[];

package/dist/domains/listEditor/utils/positions.js

@@ -0,0 +1,31 @@
+//#region src/domains/listEditor/utils/positions.ts
+var e = (e) => [...e].sort((e, t) => e.position - t.position), t = (n, r = []) => e(n).map((e) => {
+	let n = e;
+	for (let i of r) {
+		let a = e[i];
+		Array.isArray(a) && (n === e && (n = { ...e }), n[i] = t(a, r));
+	}
+	return n;
+}), n = (e, t = {}) => {
+	let n = t.positionField ?? "position", r = t.positionMultiplier ?? 1;
+	return e.map((e, t) => {
+		let i = (t + 1) * r;
+		return e[n] === i ? e : {
+			...e,
+			[n]: i
+		};
+	});
+}, r = (e, t = {}) => {
+	let n = t.positionField ?? "position", r = e.map((e) => e[n]);
+	if (!r.every((e) => typeof e == "number" && Number.isFinite(e))) return console.warn(`[listEditor] position strategy "preserve-values" needs a finite numeric \`${n}\` on every row; found ` + JSON.stringify(r) + " — leaving positions untouched."), e;
+	new Set(r).size !== r.length && console.warn(`[listEditor] position strategy "preserve-values" found DUPLICATE \`${n}\` values ` + JSON.stringify(r) + " — the resulting order is not well defined relative to any interleaved collection.");
+	let i = [...r].sort((e, t) => e - t);
+	return e.map((e, t) => e[n] === i[t] ? e : {
+		...e,
+		[n]: i[t]
+	});
+};
+//#endregion
+export { r as preservePositionValues, n as renumberPositions, e as sortByPosition, t as sortByPositionDeep };
+
+//# sourceMappingURL=positions.js.map

package/dist/domains/listEditor/utils/positions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positions.js","names":["sortByPosition","items","a","b","sortByPositionDeep","next","item","key","childKeys","child","renumberPositions","positionField","options","positionMultiplier","newPosition","idx","preservePositionValues","values","i","v","slots"],"sources":["../../../../src/domains/listEditor/utils/positions.ts"],"sourcesContent":["export interface RenumberPositionsOptions {\n  /** Item field holding the position. Defaults to `'position'`. */\n  positionField?: string\n  /** Multiplier applied to the 1-based index (e.g. 10 → 10, 20, 30…). Defaults to `1`. */\n  positionMultiplier?: number\n}\n\n/** Non-mutating sort by ascending `position` (in-place `sort` would trigger reactivity). */\nexport const sortByPosition = <TItem extends { position: number }>(items: TItem[]): TItem[] =>\n  [...items].sort((a, b) => a.position - b.position)\n\n/**\n * Non-mutating deep `sortByPosition`. Sorts the top-level array, then for every\n * item carrying one of `childKeys` as an array, recursively sorts that nested\n * array too. The same `childKeys` apply at every depth and keys absent on a node\n * are skipped — so pass the UNION of nested position-bearing array fields across\n * the whole shape (e.g. `['contentItems', 'boxPositionIncludes']`).\n *\n * Same non-mutating contract as `sortByPosition`: only nodes that actually have a\n * nested array are shallow-cloned; leaf nodes and untouched branches keep their\n * reference. Use it to normalize an API response's ordering before it becomes\n * store state, in one call, for nested collections.\n */\nexport const sortByPositionDeep = <TItem extends { position: number }>(\n  items: TItem[],\n  childKeys: string[] = []\n): TItem[] =>\n  sortByPosition(items).map((item) => {\n    let next = item\n    for (const key of childKeys) {\n      const child = (item as Record<string, any>)[key]\n      if (Array.isArray(child)) {\n        if (next === item) next = { ...item }\n        ;(next as Record<string, any>)[key] = sortByPositionDeep(child, childKeys)\n      }\n    }\n    return next\n  })\n\n/**\n * Non-mutating renumber to sequential positions matching array order — the same\n * renumbering the editors apply on commit. Unchanged items stay reference-equal.\n */\nexport const renumberPositions = <TItem extends Record<string, any>>(\n  items: TItem[],\n  options: RenumberPositionsOptions = {}\n): TItem[] => {\n  const positionField = options.positionField ?? 'position'\n  const positionMultiplier = options.positionMultiplier ?? 1\n  return items.map((item, idx) => {\n    const newPosition = (idx + 1) * positionMultiplier\n    if (item[positionField] === newPosition) return item\n    return { ...item, [positionField]: newPosition }\n  })\n}\n\n/**\n * Reassign the EXISTING position values to the current array order.\n *\n * For consumers whose position is a meaningful absolute number rather than an opaque ordinal (e.g. a\n * CMS page whose backend interleaves these rows with another collection on the same numeric scale),\n * a reorder must move rows THROUGH the existing slots instead of rewriting them: `A:10, B:310` with\n * A and B swapped becomes `B:10, A:310` — the value set {10, 310} is untouched.\n *\n * Non-mutating; unchanged items stay reference-equal. Rows whose position is missing or non-numeric\n * are left alone and warn in dev — silently inventing a value here would produce a wrong payload.\n */\nexport const preservePositionValues = <TItem extends Record<string, any>>(\n  items: TItem[],\n  options: RenumberPositionsOptions = {}\n): TItem[] => {\n  const positionField = options.positionField ?? 'position'\n  const values = items.map((i) => i[positionField])\n  const usable = values.every((v) => typeof v === 'number' && Number.isFinite(v))\n  if (!usable) {\n    console.warn(\n      `[listEditor] position strategy \"preserve-values\" needs a finite numeric \\`${positionField}\\` ` +\n        'on every row; found ' +\n        JSON.stringify(values) +\n        ' — leaving positions untouched.'\n    )\n    return items\n  }\n  if (new Set(values).size !== values.length) {\n    console.warn(\n      `[listEditor] position strategy \"preserve-values\" found DUPLICATE \\`${positionField}\\` values ` +\n        JSON.stringify(values) +\n        ' — the resulting order is not well defined relative to any interleaved collection.'\n    )\n  }\n  const slots = [...(values as number[])].sort((a, b) => a - b)\n  return items.map((item, idx) =>\n    item[positionField] === slots[idx] ? item : { ...item, [positionField]: slots[idx] }\n  )\n}\n"],"mappings":";AAQA,IAAaA,KAAsD,MACjE,CAAC,GAAGC,CAAK,CAAC,CAAC,MAAM,GAAG,MAAMC,EAAE,WAAWC,EAAE,QAAQ,GActCC,KACX,GACA,IAAsB,CAAC,MAEvBJ,EAAeC,CAAK,CAAC,CAAC,KAAK,MAAS;CAClC,IAAII,IAAOC;CACX,KAAK,IAAMC,KAAOC,GAAW;EAC3B,IAAMC,IAASH,EAA6BC;EAC5C,AAAI,MAAM,QAAQE,CAAK,MACjBJ,MAASC,MAAM,IAAO,EAAE,GAAGA,EAAK,IACnC,EAA8BC,KAAOH,EAAmBK,GAAOD,CAAS;CAE7E;CACA,OAAOH;AACT,CAAC,GAMUK,KACX,GACA,IAAoC,CAAC,MACzB;CACZ,IAAMC,IAAgBC,EAAQ,iBAAiB,YACzCC,IAAqBD,EAAQ,sBAAsB;CACzD,OAAOX,EAAM,KAAK,GAAM,MAAQ;EAC9B,IAAMa,KAAeC,IAAM,KAAKF;EAEhC,OADIP,EAAKK,OAAmBG,IAAoBR,IACzC;GAAE,GAAGA;IAAOK,IAAgBG;EAAY;CACjD,CAAC;AACH,GAaaE,KACX,GACA,IAAoC,CAAC,MACzB;CACZ,IAAML,IAAgBC,EAAQ,iBAAiB,YACzCK,IAAShB,EAAM,KAAK,MAAMiB,EAAEP,EAAc;CAEhD,IAAI,CADWM,EAAO,OAAO,MAAM,OAAOE,KAAM,YAAY,OAAO,SAASA,CAAC,CACxE,GAOH,OANA,QAAQ,KACN,6EAA6ER,EAAc,2BAEzF,KAAK,UAAUM,CAAM,IACrB,iCACJ,GACOhB;CAET,AAAI,IAAI,IAAIgB,CAAM,CAAC,CAAC,SAASA,EAAO,UAClC,QAAQ,KACN,sEAAsEN,EAAc,cAClF,KAAK,UAAUM,CAAM,IACrB,oFACJ;CAEF,IAAMG,IAAQ,CAAC,GAAIH,CAAmB,CAAC,CAAC,MAAM,GAAG,MAAMf,IAAIC,CAAC;CAC5D,OAAOF,EAAM,KAAK,GAAM,MACtBK,EAAKK,OAAmBS,EAAML,KAAOT,IAAO;EAAE,GAAGA;GAAOK,IAAgBS,EAAML;CAAK,CACrF;AACF"}

package/dist/domains/listEditor/utils/resolveCompactText.d.ts

@@ -0,0 +1,3 @@
+export declare function resolveCompactText<TItem extends Record<string, any>>(raw: TItem, options: {
+    compactField?: string | null;
+}): string;

package/dist/domains/listEditor/utils/resolveCompactText.js

@@ -0,0 +1,14 @@
+//#region src/domains/listEditor/utils/resolveCompactText.ts
+function e(e, t) {
+	if (!t.compactField) return "";
+	let n = e;
+	for (let e of t.compactField.split(".")) {
+		if (typeof n != "object" || !n) return "";
+		n = n[e];
+	}
+	return n == null || n === "" ? "" : String(n);
+}
+//#endregion
+export { e as resolveCompactText };
+
+//# sourceMappingURL=resolveCompactText.js.map

package/dist/domains/listEditor/utils/resolveCompactText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveCompactText.js","names":["resolveCompactText","options","v","raw","segment"],"sources":["../../../../src/domains/listEditor/utils/resolveCompactText.ts"],"sourcesContent":["// Compact (collapsed) display text for a list-editor row. Used by every\n// editor variant when the consumer didn't provide an `#item-compact` slot.\n// Consumers must opt in explicitly via `compactField` — there is NO implicit\n// fallback to common field names. Returns empty string otherwise; provide\n// the `#item-compact` slot for anything richer.\nexport function resolveCompactText<TItem extends Record<string, any>>(\n  raw: TItem,\n  options: { compactField?: string | null }\n): string {\n  if (!options.compactField) return ''\n  // A dotted path reads through nested objects (`texts.title`), which is how most entities in\n  // these admins carry their label. A key without a dot behaves exactly as it always did, and a\n  // path that runs into a missing or non-object step yields '' rather than throwing.\n  let v: unknown = raw\n  for (const segment of options.compactField.split('.')) {\n    if (v === null || typeof v !== 'object') return ''\n    v = (v as Record<string, unknown>)[segment]\n  }\n  return v == null || v === '' ? '' : String(v)\n}\n"],"mappings":";AAKA,SAAgBA,EACd,GACA,GACQ;CACR,IAAI,CAACC,EAAQ,cAAc,OAAO;CAIlC,IAAIC,IAAaC;CACjB,KAAK,IAAMC,KAAWH,EAAQ,aAAa,MAAM,GAAG,GAAG;EACrD,IAAkB,OAAOC,KAAM,aAA3BA,GAAqC,OAAO;EAChD,IAAKA,EAA8BE;CACrC;CACA,OAAOF,KAAK,QAAQA,MAAM,KAAK,KAAK,OAAOA,CAAC;AAC9C"}

package/dist/domains/listEditor/utils/revealInvalidRows.d.ts

@@ -0,0 +1,12 @@
+import { ListEditorKey } from '../types/listEditorTypes';
+/**
+ * Runs `validateAll()` and, on failure, opens each invalid row via `reveal()`
+ * so a blocked save shows WHICH rows are wrong (QA 85050 B4-17). Shared by all
+ * variants; `reveal` does the per-variant opening (nested also expands ancestors).
+ */
+export declare function validateAllAndReveal(controller: {
+    validateAll: () => boolean;
+    invalidKeys: {
+        value: Set<ListEditorKey>;
+    };
+}, reveal: (key: ListEditorKey) => void): boolean;

package/dist/domains/listEditor/utils/revealInvalidRows.js

@@ -0,0 +1,10 @@
+//#region src/domains/listEditor/utils/revealInvalidRows.ts
+function e(e, t) {
+	let n = e.validateAll();
+	if (!n) for (let n of e.invalidKeys.value) t(n);
+	return n;
+}
+//#endregion
+export { e as validateAllAndReveal };
+
+//# sourceMappingURL=revealInvalidRows.js.map

package/dist/domains/listEditor/utils/revealInvalidRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revealInvalidRows.js","names":["validateAllAndReveal","valid","controller","key"],"sources":["../../../../src/domains/listEditor/utils/revealInvalidRows.ts"],"sourcesContent":["import type { ListEditorKey } from '@/domains/listEditor/types/listEditorTypes'\n\n/**\n * Runs `validateAll()` and, on failure, opens each invalid row via `reveal()`\n * so a blocked save shows WHICH rows are wrong (QA 85050 B4-17). Shared by all\n * variants; `reveal` does the per-variant opening (nested also expands ancestors).\n */\nexport function validateAllAndReveal(\n  controller: { validateAll: () => boolean; invalidKeys: { value: Set<ListEditorKey> } },\n  reveal: (key: ListEditorKey) => void\n): boolean {\n  const valid = controller.validateAll()\n  if (!valid) {\n    for (const key of controller.invalidKeys.value) reveal(key)\n  }\n  return valid\n}\n"],"mappings":";AAOA,SAAgBA,EACd,GACA,GACS;CACT,IAAMC,IAAQC,EAAW,YAAY;CACrC,IAAI,CAACD,GACH,KAAK,IAAME,KAAOD,EAAW,YAAY,OAAO,EAAOC,CAAG;CAE5D,OAAOF;AACT"}

package/dist/domains/listEditor/utils/tempId.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Unique negative temp id for new (unsaved) list rows.
+ *
+ * Row keys must be unique per row — duplicate or missing keys break dirty
+ * tracking, validation rails and reorder targeting. A single module-wide
+ * negative sequence guarantees uniqueness across all factories (two domain
+ * factories can no longer both hand out `-1`), and can never collide with
+ * persisted ids, which are positive. The backend assigns real ids on save.
+ */
+export declare const nextListEditorTempId: () => number;

package/dist/domains/listEditor/utils/tempId.js

@@ -0,0 +1,6 @@
+//#region src/domains/listEditor/utils/tempId.ts
+var e = 0, t = () => --e;
+//#endregion
+export { t as nextListEditorTempId };
+
+//# sourceMappingURL=tempId.js.map

package/dist/domains/listEditor/utils/tempId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tempId.js","names":["seq","nextListEditorTempId"],"sources":["../../../../src/domains/listEditor/utils/tempId.ts"],"sourcesContent":["let seq = 0\n\n/**\n * Unique negative temp id for new (unsaved) list rows.\n *\n * Row keys must be unique per row — duplicate or missing keys break dirty\n * tracking, validation rails and reorder targeting. A single module-wide\n * negative sequence guarantees uniqueness across all factories (two domain\n * factories can no longer both hand out `-1`), and can never collide with\n * persisted ids, which are positive. The backend assigns real ids on save.\n */\nexport const nextListEditorTempId = (): number => --seq\n"],"mappings":";AAAA,IAAIA,IAAM,GAWGC,UAAqC,EAAED"}

package/dist/domains/log/api/logApi.d.ts

@@ -0,0 +1,18 @@
+import { AxiosClientFn } from '../../api/utils/client';
+import { LogPaths, LogTypeType } from '../composables/logType';
+import { Log } from '../types/Log';
+export declare const LOG_ENTITY = "log";
+interface LogApiParams {
+    client: AxiosClientFn;
+    system: string;
+    logPaths: LogPaths;
+    type: LogTypeType;
+}
+/**
+ * The backend and the endpoint both come from the caller, so these cannot be hoisted the way an
+ * entity fetcher is -- every mount builds its own, which is also what gives each one its own
+ * abort controller set.
+ */
+export declare const useFetchLogList: ({ client, system, logPaths, type }: LogApiParams) => import('../../api/composables/useApiFetchList').UseApiFetchListReturnType<Log>;
+export declare const useFetchLog: ({ client, system, logPaths, type }: LogApiParams) => import('../../api/composables/useApiRequest').UseApiRequestReturnType<Log, null>;
+export {};

package/dist/domains/log/api/logApi.js

@@ -0,0 +1,18 @@
+import { useApiRequest as e } from "../../api/composables/useApiRequest.js";
+import { useApiFetchList as t } from "../../api/composables/useApiFetchList.js";
+var n = ({ client: e, system: n, logPaths: r, type: i }) => t({
+	client: e,
+	system: n,
+	entity: "log",
+	urlTemplate: r[i]
+}), r = ({ client: t, system: n, logPaths: r, type: i }) => e({
+	client: t,
+	method: "GET",
+	system: n,
+	entity: "log",
+	urlTemplate: r[i] + "/:id"
+});
+//#endregion
+export { r as useFetchLog, n as useFetchLogList };
+
+//# sourceMappingURL=logApi.js.map

package/dist/domains/log/api/logApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logApi.js","names":["useFetchLogList","useApiFetchList","logPaths","type","useFetchLog","useApiRequest"],"sources":["../../../../src/domains/log/api/logApi.ts"],"sourcesContent":["import type { AxiosClientFn } from '@/domains/api/utils/client'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport { useApiRequest } from '@/domains/api/composables/useApiRequest'\nimport type { LogPaths, LogTypeType } from '@/domains/log/composables/logType'\nimport type { Log } from '@/domains/log/types/Log'\n\nexport const LOG_ENTITY = 'log'\n\ninterface LogApiParams {\n  client: AxiosClientFn\n  system: string\n  logPaths: LogPaths\n  type: LogTypeType\n}\n\n/**\n * The backend and the endpoint both come from the caller, so these cannot be hoisted the way an\n * entity fetcher is -- every mount builds its own, which is also what gives each one its own\n * abort controller set.\n */\nexport const useFetchLogList = ({ client, system, logPaths, type }: LogApiParams) =>\n  useApiFetchList<Log>({\n    client,\n    system,\n    entity: LOG_ENTITY,\n    urlTemplate: logPaths[type],\n  })\n\nexport const useFetchLog = ({ client, system, logPaths, type }: LogApiParams) =>\n  useApiRequest<Log, null>({\n    client,\n    method: 'GET',\n    system,\n    entity: LOG_ENTITY,\n    urlTemplate: logPaths[type] + '/:id',\n  })\n"],"mappings":";;AAoBA,IAAaA,KAAmB,EAAE,WAAQ,WAAQ,aAAU,cAC1DC,EAAqB;CACnB;CACA;CACA,QAAA;CACA,aAAaC,EAASC;AACxB,CAAC,GAEUC,KAAe,EAAE,WAAQ,WAAQ,aAAU,cACtDC,EAAyB;CACvB;CACA,QAAQ;CACR;CACA,QAAA;CACA,aAAaH,EAASC,KAAQ;AAChC,CAAC"}

package/dist/domains/log/components/ALogDatatable.js

@@ -0,0 +1,7 @@
+import e from "./ALogDatatable.vue_vue_type_script_setup_true_lang.js";
+//#region src/domains/log/components/ALogDatatable.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ALogDatatable.js.map

package/dist/domains/log/components/ALogDatatable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALogDatatable.js","names":["_sfc_main","ALogDatatable_vue_vue_type_script_setup_true_lang_default","ALogDatatable_default"],"sources":["../../../../src/domains/log/components/ALogDatatable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { inject, onMounted, onBeforeUnmount, provide, watch } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useDebounceFn } from '@vueuse/core'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport ADatatableConfigButton from '@/domains/filters/datatable/components/ADatatableConfigButton.vue'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { createDatatableColumnsConfig } from '@/domains/filters/datatable/composables/createDatatableColumnsConfig'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { useLogListActions } from '@/domains/log/composables/logActions'\nimport { LOG_ENTITY } from '@/domains/log/api/logApi'\nimport { LogType, type LogPaths, type LogTypeType } from '@/domains/log/composables/logType'\nimport type { Log } from '@/domains/log/types/Log'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { isDevelopment } from '@/shared/utils/development'\n\ntype DatatableItem = Log\n\nconst props = defineProps<{\n  client: AxiosClientFn\n  system: string\n  type: LogTypeType\n  logPaths: LogPaths\n  /** Same mapper the view uses. Needed here so the actions cell stays a real link. */\n  detailRoute: (log: Log) => RouteLocationRaw\n}>()\n\nconst emit = defineEmits<{\n  (e: 'rowClick', log: Log): void\n}>()\n\n// The spinner belongs to the card above this table, so the flag is owned there.\nconst loading = defineModel<boolean>('loading', { default: false })\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('[ALogDatatable] Incorrect provide/inject config.')\n}\n\n// Read once on purpose. Every one of these is fixed for the lifetime of this instance: the page\n// remounts the whole view through a `:key` when the system or the type changes, precisely because\n// `useApiFetchList` closes over its client and url, and reacting here could not undo that.\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { t } = useI18n()\nconst { fetchList, listItems, datatableHiddenColumns, cancel } = useLogListActions({\n  client: props.client,\n  system: props.system,\n  logPaths: props.logPaths,\n  type: props.type,\n  loading,\n})\n\n// Neither the url hash nor local storage: the filter is kept per view in memory by the registry\n// in `logFilter`, and nothing about a log listing is worth persisting across a reload.\nconst { resetFilter, submitFilter, loadStoredFilters } = useFilterHelpers(filterData, filterConfig, {\n  storeFiltersLocalStorage: false,\n  populateUrlParams: false,\n})\n\nconst { pagination } = usePagination(SORT_BY_ID)\nprovide(DatatablePaginationKey, pagination)\n\n// Keyed by type, not by system: the sets differ between app and audit, and a column hidden in\n// audit must not disappear from the app table.\nconst { columnsVisible, columnsAll, columnsHidden } = createDatatableColumnsConfig(\n  [\n    { key: 'id' },\n    { key: 'datetime' },\n    { key: 'levelName' },\n    { key: 'message' },\n    { key: 'context.appVersion' },\n    { key: 'context.contextId' },\n    ...(props.type === LogType.Audit\n      ? [{ key: 'context.resourceName' }, { key: 'context.resourceIds' }]\n      : [{ key: 'context.httpStatus' }]),\n    { key: 'context.userId' },\n    { key: 'context.ip' },\n  ],\n  datatableHiddenColumns,\n  'common',\n  LOG_ENTITY,\n  { storeColumnsLocalStorage: `table_common_log_${props.type}` }\n)\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst getList = useDebounceFn(async () => {\n  await fetchList(pagination, filterData, filterConfig)\n})\n\nconst onRowClick = (_event: unknown, { item }: { item: DatatableItem }) => {\n  if (item.id) emit('rowClick', item)\n}\n\nonMounted(() => {\n  // Reads nothing back -- both persistences are off -- but it is what restores the page a user\n  // was on when they close a detail, which `AActionCloseButtonHistory` flags for the next list.\n  loadStoredFilters(pagination, getList)\n})\n\n// Everything above reads its props once, which is only correct while the page remounts this view\n// through a `:key`. Nothing would otherwise report a page that forgot: the table would keep\n// querying the old endpoint with the old columns under a new url, quietly.\nif (isDevelopment()) {\n  watch(\n    () => [props.system, props.type],\n    () => {\n      console.error(\n        '[ALogDatatable] `system` or `type` changed in place. This view must be remounted -- ' +\n          'give it :key=\"`${system}/${type}`\". The endpoint and columns are bound at mount.'\n      )\n    }\n  )\n}\n\nonBeforeUnmount(() => {\n  // Both, and in this order. `cancel()` only invalidates what is already in flight; a debounce\n  // still pending would fire after unmount, bump the generation past that invalidation and start\n  // a request the token would then consider current.\n  getList.cancel()\n  cancel()\n})\n\ndefineExpose({\n  refresh: getList,\n  resetFilter: () => resetFilter(pagination, getList),\n  submitFilter: () => submitFilter(pagination, getList),\n})\n</script>\n\n<template>\n  <div>\n    <div class=\"d-flex align-center\">\n      <VSpacer />\n      <ADatatableConfigButton\n        v-model:columns-hidden=\"columnsHidden\"\n        :columns-all=\"columnsAll\"\n      />\n    </div>\n    <VDataTableServer\n      class=\"a-datatable\"\n      :headers=\"columnsVisible\"\n      :items=\"listItems\"\n      :items-length=\"listItems.length\"\n      item-value=\"id\"\n      @click:row=\"onRowClick\"\n    >\n      <template #item.datetime=\"{ item }: { item: DatatableItem }\">\n        <ADatetime :date-time=\"item.datetime\" />\n      </template>\n      <template #item.message=\"{ item }: { item: DatatableItem }\">\n        <div class=\"a-line-clamp-2\">\n          {{ item.message }}\n        </div>\n      </template>\n      <template #item.context.resourceIds=\"{ item }: { item: DatatableItem }\">\n        {{ item.context.resourceIds.join(', ') }}\n      </template>\n      <template #item.context.contextId=\"{ item }: { item: DatatableItem }\">\n        <ACopyText :value=\"item.context.contextId\" />\n      </template>\n      <template #item.context.userId=\"{ item }: { item: DatatableItem }\">\n        <ACopyText\n          v-if=\"!isNull(item.context.userId)\"\n          :value=\"item.context.userId\"\n        />\n      </template>\n      <template #item.actions=\"{ item }: { item: DatatableItem }\">\n        <div class=\"d-flex justify-end\">\n          <!--\n            `:to`, not a click handler: an anchor is what makes middle-click and open-in-new-tab\n            work on a list people open several entries from, and it is what the smoke spec scrapes\n            to find a row id.\n          -->\n          <VBtn\n            :to=\"detailRoute(item)\"\n            class=\"ml-1\"\n            icon=\"mdi-information-outline\"\n            :aria-label=\"t('common.button.detail')\"\n            size=\"x-small\"\n            variant=\"text\"\n          />\n        </div>\n      </template>\n      <template #bottom>\n        <ADatatablePagination @change=\"getList\" />\n      </template>\n    </VDataTableServer>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/log/components/ALogDatatable.vue.d.ts

@@ -0,0 +1,30 @@
+import { RouteLocationRaw } from 'vue-router';
+import { AxiosClientFn } from '../../api/utils/client';
+import { LogPaths, LogTypeType } from '../composables/logType';
+import { Log } from '../types/Log';
+type __VLS_Props = {
+    client: AxiosClientFn;
+    system: string;
+    type: LogTypeType;
+    logPaths: LogPaths;
+    /** Same mapper the view uses. Needed here so the actions cell stays a real link. */
+    detailRoute: (log: Log) => RouteLocationRaw;
+};
+type __VLS_ModelProps = {
+    'loading'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {
+    refresh: import('@vueuse/shared').UseDebounceFnReturn<() => Promise<void>>;
+    resetFilter: () => void;
+    submitFilter: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:loading": (value: boolean) => any;
+} & {
+    rowClick: (log: Log) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onRowClick?: ((log: Log) => any) | undefined;
+    "onUpdate:loading"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/log/components/ALogDatatable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,116 @@
+import { isNull as e, isUndefined as t } from "../../../shared/utils/common.js";
+import ee from "../../filters/datatable/components/ADatatableConfigButton.js";
+import { isDevelopment as n } from "../../../shared/utils/development.js";
+import r from "../../ui/datetime/components/ADatetime.js";
+import i from "../../ui/components/ACopyText.js";
+import { DatatablePaginationKey as te, FilterConfigKey as a, FilterDataKey as o } from "../../filters/utils/filterInjectionKeys.js";
+import "../../filters/datatable/utils/datatableColumns.js";
+import { useFilterHelpers as s } from "../../filters/composables/filterFactory.js";
+import { usePagination as c } from "../../api/composables/pagination.js";
+import l from "../../filters/datatable/components/ADatatablePagination.js";
+import { createDatatableColumnsConfig as u } from "../../filters/datatable/composables/createDatatableColumnsConfig.js";
+import { useLogListActions as ne } from "../composables/logActions.js";
+import { LogType as d } from "../composables/logType.js";
+import { createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as re, createVNode as g, defineComponent as _, inject as v, isRef as y, mergeModels as b, onBeforeUnmount as x, onMounted as S, openBlock as C, provide as w, toDisplayString as T, unref as E, useModel as D, watch as O, withCtx as k } from "vue";
+import { useI18n as A } from "vue-i18n";
+import { VSpacer as j } from "vuetify/components/VGrid";
+import { useDebounceFn as M } from "@vueuse/core";
+import { VBtn as N } from "vuetify/components/VBtn";
+import { VDataTableServer as P } from "vuetify/components/VDataTable";
+//#region src/domains/log/components/ALogDatatable.vue?vue&type=script&setup=true&lang.ts
+var F = { class: "d-flex align-center" }, I = { class: "a-line-clamp-2" }, L = { class: "d-flex justify-end" }, R = /*@__PURE__*/ _({
+	__name: "ALogDatatable",
+	props: /*@__PURE__*/ b({
+		client: { type: Function },
+		system: {},
+		type: {},
+		logPaths: {},
+		detailRoute: { type: Function }
+	}, {
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingModifiers: {}
+	}),
+	emits: /*@__PURE__*/ b(["rowClick"], ["update:loading"]),
+	setup(_, { expose: b, emit: R }) {
+		let z = _, B = R, V = D(_, "loading"), H = v(a), U = v(o);
+		if (t(H) || t(U)) throw Error("[ALogDatatable] Incorrect provide/inject config.");
+		let { t: W } = A(), { fetchList: G, listItems: K, datatableHiddenColumns: q, cancel: J } = ne({
+			client: z.client,
+			system: z.system,
+			logPaths: z.logPaths,
+			type: z.type,
+			loading: V
+		}), { resetFilter: Y, submitFilter: X, loadStoredFilters: ie } = s(U, H, {
+			storeFiltersLocalStorage: !1,
+			populateUrlParams: !1
+		}), { pagination: Z } = c("id");
+		w(te, Z);
+		let { columnsVisible: ae, columnsAll: oe, columnsHidden: Q } = u([
+			{ key: "id" },
+			{ key: "datetime" },
+			{ key: "levelName" },
+			{ key: "message" },
+			{ key: "context.appVersion" },
+			{ key: "context.contextId" },
+			...z.type === d.Audit ? [{ key: "context.resourceName" }, { key: "context.resourceIds" }] : [{ key: "context.httpStatus" }],
+			{ key: "context.userId" },
+			{ key: "context.ip" }
+		], q, "common", "log", { storeColumnsLocalStorage: `table_common_log_${z.type}` }), $ = M(async () => {
+			await G(Z, U, H);
+		}), se = (e, { item: t }) => {
+			t.id && B("rowClick", t);
+		};
+		return S(() => {
+			ie(Z, $);
+		}), n() && O(() => [z.system, z.type], () => {
+			console.error("[ALogDatatable] `system` or `type` changed in place. This view must be remounted -- give it :key=\"`${system}/${type}`\". The endpoint and columns are bound at mount.");
+		}), x(() => {
+			$.cancel(), J();
+		}), b({
+			refresh: $,
+			resetFilter: () => Y(Z, $),
+			submitFilter: () => X(Z, $)
+		}), (t, n) => (C(), m("div", null, [h("div", F, [g(j), g(ee, {
+			"columns-hidden": E(Q),
+			"onUpdate:columnsHidden": n[0] ||= (e) => y(Q) ? Q.value = e : null,
+			"columns-all": E(oe)
+		}, null, 8, ["columns-hidden", "columns-all"])]), g(P, {
+			class: "a-datatable",
+			headers: E(ae),
+			items: E(K),
+			"items-length": E(K).length,
+			"item-value": "id",
+			"onClick:row": se
+		}, {
+			"item.datetime": k(({ item: e }) => [g(r, { "date-time": e.datetime }, null, 8, ["date-time"])]),
+			"item.message": k(({ item: e }) => [h("div", I, T(e.message), 1)]),
+			"item.context.resourceIds": k(({ item: e }) => [re(T(e.context.resourceIds.join(", ")), 1)]),
+			"item.context.contextId": k(({ item: e }) => [g(i, { value: e.context.contextId }, null, 8, ["value"])]),
+			"item.context.userId": k(({ item: t }) => [E(e)(t.context.userId) ? p("", !0) : (C(), f(i, {
+				key: 0,
+				value: t.context.userId
+			}, null, 8, ["value"]))]),
+			"item.actions": k(({ item: e }) => [h("div", L, [g(N, {
+				to: _.detailRoute(e),
+				class: "ml-1",
+				icon: "mdi-information-outline",
+				"aria-label": E(W)("common.button.detail"),
+				size: "x-small",
+				variant: "text"
+			}, null, 8, ["to", "aria-label"])])]),
+			bottom: k(() => [g(l, { onChange: E($) }, null, 8, ["onChange"])]),
+			_: 1
+		}, 8, [
+			"headers",
+			"items",
+			"items-length"
+		])]));
+	}
+});
+//#endregion
+export { R as default };
+
+//# sourceMappingURL=ALogDatatable.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/log/components/ALogDatatable.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALogDatatable.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_VSpacer","ADatatableConfigButton","_unref","_isRef","_component_VDataTableServer","_withCtx","ADatetime","_toDisplayString","_createTextVNode","ACopyText","_createBlock","_createCommentVNode","_component_VBtn","ADatatablePagination","ADatatableConfigButton_default","ADatetime_default","ACopyText_default","ADatatablePagination_default","_hoisted_1","_hoisted_2","_hoisted_3","ALogDatatable_vue_vue_type_script_setup_true_lang_default","\"loading\"","\"loadingModifiers\"","__expose","__emit","props","__props","emit","loading","useModel","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","isUndefined","useI18n","useLogListActions","useFilterHelpers","usePagination","DatatablePaginationKey","pagination","createDatatableColumnsConfig","LogType","datatableHiddenColumns","getList","useDebounceFn","fetchList","onRowClick","item","onMounted","isDevelopment","watch","onBeforeUnmount","cancel","resetFilter","submitFilter","openBlock","createElementBlock","createElementVNode","createVNode","VSpacer","unref","columnsHidden","_cache","isRef","$event","columnsAll","VDataTableServer","columnsVisible","listItems","withCtx","toDisplayString","createTextVNode","isNull","createCommentVNode","createBlock","VBtn","t"],"sources":["../../../../src/domains/log/components/ALogDatatable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { inject, onMounted, onBeforeUnmount, provide, watch } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useDebounceFn } from '@vueuse/core'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport ADatatableConfigButton from '@/domains/filters/datatable/components/ADatatableConfigButton.vue'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { createDatatableColumnsConfig } from '@/domains/filters/datatable/composables/createDatatableColumnsConfig'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { useLogListActions } from '@/domains/log/composables/logActions'\nimport { LOG_ENTITY } from '@/domains/log/api/logApi'\nimport { LogType, type LogPaths, type LogTypeType } from '@/domains/log/composables/logType'\nimport type { Log } from '@/domains/log/types/Log'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { isDevelopment } from '@/shared/utils/development'\n\ntype DatatableItem = Log\n\nconst props = defineProps<{\n  client: AxiosClientFn\n  system: string\n  type: LogTypeType\n  logPaths: LogPaths\n  /** Same mapper the view uses. Needed here so the actions cell stays a real link. */\n  detailRoute: (log: Log) => RouteLocationRaw\n}>()\n\nconst emit = defineEmits<{\n  (e: 'rowClick', log: Log): void\n}>()\n\n// The spinner belongs to the card above this table, so the flag is owned there.\nconst loading = defineModel<boolean>('loading', { default: false })\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('[ALogDatatable] Incorrect provide/inject config.')\n}\n\n// Read once on purpose. Every one of these is fixed for the lifetime of this instance: the page\n// remounts the whole view through a `:key` when the system or the type changes, precisely because\n// `useApiFetchList` closes over its client and url, and reacting here could not undo that.\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { t } = useI18n()\nconst { fetchList, listItems, datatableHiddenColumns, cancel } = useLogListActions({\n  client: props.client,\n  system: props.system,\n  logPaths: props.logPaths,\n  type: props.type,\n  loading,\n})\n\n// Neither the url hash nor local storage: the filter is kept per view in memory by the registry\n// in `logFilter`, and nothing about a log listing is worth persisting across a reload.\nconst { resetFilter, submitFilter, loadStoredFilters } = useFilterHelpers(filterData, filterConfig, {\n  storeFiltersLocalStorage: false,\n  populateUrlParams: false,\n})\n\nconst { pagination } = usePagination(SORT_BY_ID)\nprovide(DatatablePaginationKey, pagination)\n\n// Keyed by type, not by system: the sets differ between app and audit, and a column hidden in\n// audit must not disappear from the app table.\nconst { columnsVisible, columnsAll, columnsHidden } = createDatatableColumnsConfig(\n  [\n    { key: 'id' },\n    { key: 'datetime' },\n    { key: 'levelName' },\n    { key: 'message' },\n    { key: 'context.appVersion' },\n    { key: 'context.contextId' },\n    ...(props.type === LogType.Audit\n      ? [{ key: 'context.resourceName' }, { key: 'context.resourceIds' }]\n      : [{ key: 'context.httpStatus' }]),\n    { key: 'context.userId' },\n    { key: 'context.ip' },\n  ],\n  datatableHiddenColumns,\n  'common',\n  LOG_ENTITY,\n  { storeColumnsLocalStorage: `table_common_log_${props.type}` }\n)\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst getList = useDebounceFn(async () => {\n  await fetchList(pagination, filterData, filterConfig)\n})\n\nconst onRowClick = (_event: unknown, { item }: { item: DatatableItem }) => {\n  if (item.id) emit('rowClick', item)\n}\n\nonMounted(() => {\n  // Reads nothing back -- both persistences are off -- but it is what restores the page a user\n  // was on when they close a detail, which `AActionCloseButtonHistory` flags for the next list.\n  loadStoredFilters(pagination, getList)\n})\n\n// Everything above reads its props once, which is only correct while the page remounts this view\n// through a `:key`. Nothing would otherwise report a page that forgot: the table would keep\n// querying the old endpoint with the old columns under a new url, quietly.\nif (isDevelopment()) {\n  watch(\n    () => [props.system, props.type],\n    () => {\n      console.error(\n        '[ALogDatatable] `system` or `type` changed in place. This view must be remounted -- ' +\n          'give it :key=\"`${system}/${type}`\". The endpoint and columns are bound at mount.'\n      )\n    }\n  )\n}\n\nonBeforeUnmount(() => {\n  // Both, and in this order. `cancel()` only invalidates what is already in flight; a debounce\n  // still pending would fire after unmount, bump the generation past that invalidation and start\n  // a request the token would then consider current.\n  getList.cancel()\n  cancel()\n})\n\ndefineExpose({\n  refresh: getList,\n  resetFilter: () => resetFilter(pagination, getList),\n  submitFilter: () => submitFilter(pagination, getList),\n})\n</script>\n\n<template>\n  <div>\n    <div class=\"d-flex align-center\">\n      <VSpacer />\n      <ADatatableConfigButton\n        v-model:columns-hidden=\"columnsHidden\"\n        :columns-all=\"columnsAll\"\n      />\n    </div>\n    <VDataTableServer\n      class=\"a-datatable\"\n      :headers=\"columnsVisible\"\n      :items=\"listItems\"\n      :items-length=\"listItems.length\"\n      item-value=\"id\"\n      @click:row=\"onRowClick\"\n    >\n      <template #item.datetime=\"{ item }: { item: DatatableItem }\">\n        <ADatetime :date-time=\"item.datetime\" />\n      </template>\n      <template #item.message=\"{ item }: { item: DatatableItem }\">\n        <div class=\"a-line-clamp-2\">\n          {{ item.message }}\n        </div>\n      </template>\n      <template #item.context.resourceIds=\"{ item }: { item: DatatableItem }\">\n        {{ item.context.resourceIds.join(', ') }}\n      </template>\n      <template #item.context.contextId=\"{ item }: { item: DatatableItem }\">\n        <ACopyText :value=\"item.context.contextId\" />\n      </template>\n      <template #item.context.userId=\"{ item }: { item: DatatableItem }\">\n        <ACopyText\n          v-if=\"!isNull(item.context.userId)\"\n          :value=\"item.context.userId\"\n        />\n      </template>\n      <template #item.actions=\"{ item }: { item: DatatableItem }\">\n        <div class=\"d-flex justify-end\">\n          <!--\n            `:to`, not a click handler: an anchor is what makes middle-click and open-in-new-tab\n            work on a list people open several entries from, and it is what the smoke spec scrapes\n            to find a row id.\n          -->\n          <VBtn\n            :to=\"detailRoute(item)\"\n            class=\"ml-1\"\n            icon=\"mdi-information-outline\"\n            :aria-label=\"t('common.button.detail')\"\n            size=\"x-small\"\n            variant=\"text\"\n          />\n        </div>\n      </template>\n      <template #bottom>\n        <ADatatablePagination @change=\"getList\" />\n      </template>\n    </VDataTableServer>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/domains/log/components/ALogDetail.js

@@ -0,0 +1,9 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./ALogDetail.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                           */
+//#region src/domains/log/components/ALogDetail.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-f259e3c6"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=ALogDetail.js.map

package/dist/domains/log/components/ALogDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALogDetail.js","names":["_sfc_main","_plugin_vue_export_helper_default","ALogDetail_vue_vue_type_script_setup_true_lang_default","ALogDetail_default"],"sources":["../../../../src/domains/log/components/ALogDetail.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport ALogLevelChip from '@/domains/log/components/ALogLevelChip.vue'\nimport type { Log } from '@/domains/log/types/Log'\nimport { dateTimeFriendly } from '@/shared/utils/datetime'\nimport { formatJson } from '@/shared/utils/json'\n\ndefineProps<{\n  log: Log\n}>()\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <VRow>\n    <VCol>\n      <VRow>\n        <VCol cols=\"3\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.id') }}\n          </h4>\n          {{ log.id }}\n        </VCol>\n        <VCol cols=\"3\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.levelName') }}\n          </h4>\n          <ALogLevelChip :level=\"log.levelName\" />\n        </VCol>\n        <VCol cols=\"2\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.context.userId') }}\n          </h4>\n          {{ log.context.userId }}\n        </VCol>\n        <VCol cols=\"2\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.context.appVersion') }}\n          </h4>\n          {{ log.context.appVersion }}\n        </VCol>\n        <VCol cols=\"2\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.context.requestOriginAppVersion') }}\n          </h4>\n          {{ log.context.requestOriginAppVersion }}\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"4\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.context.contextId') }}\n          </h4>\n          {{ log.context.contextId }}\n        </VCol>\n        <VCol cols=\"4\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.context.ip') }}\n          </h4>\n          {{ log.context.ip }}\n        </VCol>\n        <VCol cols=\"4\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.datetime') }}\n          </h4>\n          {{ dateTimeFriendly(log.datetime) }}\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"12\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.message') }}\n          </h4>\n          <pre>{{ log.message }}</pre>\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"6\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.context.path') }}\n          </h4>\n          {{ log.context.method }} {{ log.context.path }}\n        </VCol>\n        <VCol cols=\"6\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.context.httpStatus') }}\n          </h4>\n          {{ log.context.httpStatus }}\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"12\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.context.content') }}\n          </h4>\n          <pre>{{ formatJson(log.context.content ?? '') }}</pre>\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"12\">\n          <h4 class=\"text-label-large\">\n            {{ t('common.log.model.context.response') }}\n          </h4>\n          <pre>{{ formatJson(log.context.response) }}</pre>\n        </VCol>\n      </VRow>\n    </VCol>\n  </VRow>\n</template>\n\n<style lang=\"scss\" scoped>\npre {\n  overflow: auto;\n}\n</style>\n"],"mappings":""}

package/dist/domains/log/components/ALogDetail.vue.d.ts

@@ -0,0 +1,7 @@
+import { Log } from '../types/Log';
+type __VLS_Props = {
+    log: Log;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;