npm - @anzusystems/common-admin - Versions diffs - 2.0.0-rc.1 → 2.0.0-rc.11 - Mend

@anzusystems/common-admin 2.0.0-rc.1 → 2.0.0-rc.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1597) hide show

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

@@ -3,10 +3,10 @@ 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).
+ * Loads the list editor for the bookmark dialog's manage tab when the tab opens. It
+ * and sortablejs are most of the dialog, and every list page has the bookmark button.
+ * Gives up after `timeout`, so a chunk that never arrives ends in a retryable error.
+ * 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 reload, until the 2026 spec change (whatwg/html#10327).
  */
 export declare const loadListEditor: (timeout?: number) => Promise<Component>;

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

@@ -1,4 +1,4 @@
-//#region src/domains/listEditor/utils/listEditorLoader.ts
+// 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) => {
@@ -7,7 +7,6 @@ var e = 15e3, t = (e, t, n) => new Promise((r, i) => {
 		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 CHANGED Viewed

	@@ -1 +1 @@
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"}
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 Loads the list editor for the bookmark dialog's manage tab when the tab opens. It\n * and sortablejs are most of the dialog, and every list page has the bookmark button.\n * Gives up after `timeout`, so a chunk that never arrives ends in a retryable error.\n * A retry helps when the chunk was only slow. After a failed fetch it helps only where the browser fetches again.\n * Chrome and Firefox kept the failure until reload, 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.js CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region src/domains/listEditor/utils/positions.ts
+// 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) {
@@ -25,7 +25,6 @@ var e = (e) => [...e].sort((e, t) => e.position - t.position), t = (n, r = []) =
 		[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/resolveCompactText.js CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region src/domains/listEditor/utils/resolveCompactText.ts
+// src/domains/listEditor/utils/resolveCompactText.ts
 function e(e, t) {
 	if (!t.compactField) return "";
 	let n = e;
@@ -8,7 +8,6 @@ function e(e, t) {
 	}
 	return n == null || n === "" ? "" : String(n);
 }
-//#endregion
 export { e as resolveCompactText };
 //# sourceMappingURL=resolveCompactText.js.map

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

	@@ -1 +1 @@
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"}
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 carry their label.\n // A path that hits a missing or non-object step yields '' instead of 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;CAGlC,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.js CHANGED Viewed

@@ -1,10 +1,9 @@
-//#region src/domains/listEditor/utils/revealInvalidRows.ts
+// 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/tempId.js CHANGED Viewed

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

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

@@ -9,9 +9,8 @@ interface LogApiParams {
     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.
+ * The caller provides the backend and the endpoint, so this cannot be hoisted like an entity fetcher.
+ * Each mount builds its own, which also gives each 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>;

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

@@ -1,18 +1,17 @@
-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,
+import { useApiFetchList as e } from "../../api/composables/useApiFetchList.js";
+import { useApiRequest as t } from "../../api/composables/useApiRequest.js";
+var n = ({ client: t, system: n, logPaths: r, type: i }) => e({
+	client: t,
 	system: n,
 	entity: "log",
 	urlTemplate: r[i]
-}), r = ({ client: t, system: n, logPaths: r, type: i }) => e({
-	client: t,
+}), r = ({ client: e, system: n, logPaths: r, type: i }) => t({
+	client: e,
 	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 CHANGED Viewed

	@@ -1 +1 @@
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"}
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 caller provides the backend and the endpoint, so this cannot be hoisted like an entity fetcher.\n * Each mount builds its own, which also gives each its own 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":";;AAmBA,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 CHANGED Viewed

@@ -1,7 +1,6 @@
 import e from "./ALogDatatable.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/log/components/ALogDatatable.vue
+// 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 CHANGED Viewed

	@@ -1 +1 @@
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":""}
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. These are fixed for this instance's lifetime.\n// The page remounts the view via `:key` on system or type change,\n// because `useApiFetchList` closes over its client and url.\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// No url hash and no local storage. The `logFilter` registry keeps the filter per view in memory.\n// 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 column sets differ between app and audit.\n// A column hidden in 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 // Both persistences are off, so it reads nothing back.\n // It still restores the page a user was on after closing a detail,\n // which `AActionCloseButtonHistory` flags for the next list.\n loadStoredFilters(pagination, getList)\n})\n\n// The code above reads props once, which is only correct while the page remounts this view via `:key`.\n// Otherwise the table would silently keep querying the old endpoint with the old columns.\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 calls, in this order. `cancel()` only invalidates requests already in flight.\n // A pending debounce would fire after unmount, bump the generation past\n // that invalidation and start a request the token treats as 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 makes middle-click and open-in-new-tab work.\n The smoke spec also scrapes it 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_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,23 +1,23 @@
-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 e from "../../ui/components/ACopyText.js";
+import t from "../../filters/datatable/components/ADatatableConfigButton.js";
+import ee from "../../ui/datetime/components/ADatetime.js";
+import te from "../../filters/datatable/components/ADatatablePagination.js";
+import { createDatatableColumnsConfig as n } from "../../filters/datatable/composables/createDatatableColumnsConfig.js";
+import { DatatablePaginationKey as r, FilterConfigKey as ne, FilterDataKey as i } from "../../filters/utils/filterInjectionKeys.js";
+import { useFilterHelpers as a } from "../../filters/composables/filterFactory.js";
+import { usePagination as o } from "../../api/composables/pagination.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 { useLogListActions as s } from "../composables/logActions.js";
+import { LogType as c } from "../composables/logType.js";
+import { isNull as l, isUndefined as u } from "../../../shared/utils/common.js";
+import { isDevelopment as d } from "../../../shared/utils/development.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
+// 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({
@@ -35,27 +35,27 @@ var F = { class: "d-flex align-center" }, I = { class: "a-line-clamp-2" }, L = {
 	}),
 	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({
+		let z = _, B = R, V = D(_, "loading"), H = v(ne), U = v(i);
+		if (u(H) || u(U)) throw Error("[ALogDatatable] Incorrect provide/inject config.");
+		let { t: W } = A(), { fetchList: G, listItems: K, datatableHiddenColumns: q, cancel: J } = s({
 			client: z.client,
 			system: z.system,
 			logPaths: z.logPaths,
 			type: z.type,
 			loading: V
-		}), { resetFilter: Y, submitFilter: X, loadStoredFilters: ie } = s(U, H, {
+		}), { resetFilter: Y, submitFilter: X, loadStoredFilters: ie } = a(U, H, {
 			storeFiltersLocalStorage: !1,
 			populateUrlParams: !1
-		}), { pagination: Z } = c("id");
-		w(te, Z);
-		let { columnsVisible: ae, columnsAll: oe, columnsHidden: Q } = u([
+		}), { pagination: Z } = o("id");
+		w(r, Z);
+		let { columnsVisible: ae, columnsAll: oe, columnsHidden: Q } = n([
 			{ 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" }],
+			...z.type === c.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 () => {
@@ -65,7 +65,7 @@ var F = { class: "d-flex align-center" }, I = { class: "a-line-clamp-2" }, L = {
 		};
 		return S(() => {
 			ie(Z, $);
-		}), n() && O(() => [z.system, z.type], () => {
+		}), d() && 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();
@@ -73,9 +73,9 @@ var F = { class: "d-flex align-center" }, I = { class: "a-line-clamp-2" }, L = {
 			refresh: $,
 			resetFilter: () => Y(Z, $),
 			submitFilter: () => X(Z, $)
-		}), (t, n) => (C(), m("div", null, [h("div", F, [g(j), g(ee, {
+		}), (n, r) => (C(), m("div", null, [h("div", F, [g(j), g(t, {
 			"columns-hidden": E(Q),
-			"onUpdate:columnsHidden": n[0] ||= (e) => y(Q) ? Q.value = e : null,
+			"onUpdate:columnsHidden": r[0] ||= (e) => y(Q) ? Q.value = e : null,
 			"columns-all": E(oe)
 		}, null, 8, ["columns-hidden", "columns-all"])]), g(P, {
 			class: "a-datatable",
@@ -85,11 +85,11 @@ var F = { class: "d-flex align-center" }, I = { class: "a-line-clamp-2" }, L = {
 			"item-value": "id",
 			"onClick:row": se
 		}, {
-			"item.datetime": k(({ item: e }) => [g(r, { "date-time": e.datetime }, null, 8, ["date-time"])]),
+			"item.datetime": k(({ item: e }) => [g(ee, { "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, {
+			"item.context.contextId": k(({ item: t }) => [g(e, { value: t.context.contextId }, null, 8, ["value"])]),
+			"item.context.userId": k(({ item: t }) => [E(l)(t.context.userId) ? p("", !0) : (C(), f(e, {
 				key: 0,
 				value: t.context.userId
 			}, null, 8, ["value"]))]),
@@ -101,7 +101,7 @@ var F = { class: "d-flex align-center" }, I = { class: "a-line-clamp-2" }, L = {
 				size: "x-small",
 				variant: "text"
 			}, null, 8, ["to", "aria-label"])])]),
-			bottom: k(() => [g(l, { onChange: E($) }, null, 8, ["onChange"])]),
+			bottom: k(() => [g(te, { onChange: E($) }, null, 8, ["onChange"])]),
 			_: 1
 		}, 8, [
 			"headers",
@@ -110,7 +110,6 @@ var F = { class: "d-flex align-center" }, I = { class: "a-line-clamp-2" }, L = {
 		])]));
 	}
 });
-//#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 CHANGED Viewed

	@@ -1 +1 @@
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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"}
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","ACopyText_default","ADatatableConfigButton_default","ADatetime_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. These are fixed for this instance's lifetime.\n// The page remounts the view via `:key` on system or type change,\n// because `useApiFetchList` closes over its client and url.\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// No url hash and no local storage. The `logFilter` registry keeps the filter per view in memory.\n// 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 column sets differ between app and audit.\n// A column hidden in 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 // Both persistences are off, so it reads nothing back.\n // It still restores the page a user was on after closing a detail,\n // which `AActionCloseButtonHistory` flags for the next list.\n loadStoredFilters(pagination, getList)\n})\n\n// The code above reads props once, which is only correct while the page remounts this view via `:key`.\n// Otherwise the table would silently keep querying the old endpoint with the old columns.\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 calls, in this order. `cancel()` only invalidates requests already in flight.\n // A pending debounce would fire after unmount, bump the generation past\n // that invalidation and start a request the token treats as 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 makes middle-click and open-in-new-tab work.\n The smoke spec also scrapes it 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 CHANGED Viewed

@@ -1,9 +1,8 @@
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-import t from "./ALogDetail.vue_vue_type_script_setup_true_lang.js";
+import e 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
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// src/domains/log/components/ALogDetail.vue
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-f259e3c6"]]);
 export { n as default };
 //# sourceMappingURL=ALogDetail.js.map

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

	@@ -1 +1 @@
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":""}
1	+ {"version":3,"file":"ALogDetail.js","names":["_sfc_main","ALogDetail_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_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_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { dateTimeFriendly as e } from "../../../shared/utils/datetime.js";
-import t from "./ALogLevelChip.js";
+import e from "./ALogLevelChip.js";
+import { dateTimeFriendly as t } from "../../../shared/utils/datetime.js";
 import { formatJson as n } from "../../../shared/utils/json.js";
 import { createBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
 import { useI18n as f } from "vue-i18n";
 import { VCol as p, VRow as m } from "vuetify/components/VGrid";
-//#region src/domains/log/components/ALogDetail.vue?vue&type=script&setup=true&lang.ts
+// src/domains/log/components/ALogDetail.vue?vue&type=script&setup=true&lang.ts
 var h = { class: "text-label-large" }, g = { class: "text-label-large" }, _ = { class: "text-label-large" }, v = { class: "text-label-large" }, y = { class: "text-label-large" }, b = { class: "text-label-large" }, x = { class: "text-label-large" }, S = { class: "text-label-large" }, C = { class: "text-label-large" }, w = { class: "text-label-large" }, T = { class: "text-label-large" }, E = { class: "text-label-large" }, D = { class: "text-label-large" }, O = /*@__PURE__*/ s({
 	__name: "ALogDetail",
 	props: { log: {} },
@@ -20,7 +20,7 @@ var h = { class: "text-label-large" }, g = { class: "text-label-large" }, _ = {
 								_: 1
 							}),
 							o(p, { cols: "3" }, {
-								default: d(() => [i("h4", g, l(u(O)("common.log.model.levelName")), 1), o(t, { level: s.log.levelName }, null, 8, ["level"])]),
+								default: d(() => [i("h4", g, l(u(O)("common.log.model.levelName")), 1), o(e, { level: s.log.levelName }, null, 8, ["level"])]),
 								_: 1
 							}),
 							o(p, { cols: "2" }, {
@@ -49,7 +49,7 @@ var h = { class: "text-label-large" }, g = { class: "text-label-large" }, _ = {
 								_: 1
 							}),
 							o(p, { cols: "4" }, {
-								default: d(() => [i("h4", S, l(u(O)("common.log.model.datetime")), 1), a(" " + l(u(e)(s.log.datetime)), 1)]),
+								default: d(() => [i("h4", S, l(u(O)("common.log.model.datetime")), 1), a(" " + l(u(t)(s.log.datetime)), 1)]),
 								_: 1
 							})
 						]),
@@ -93,7 +93,6 @@ var h = { class: "text-label-large" }, g = { class: "text-label-large" }, _ = {
 		}));
 	}
 });
-//#endregion
 export { O as default };
 //# sourceMappingURL=ALogDetail.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/log/components/ALogDetailView.js CHANGED Viewed

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

package/dist/domains/log/components/ALogDetailView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ALogDetailView.js","names":["_sfc_main","ALogDetailView_vue_vue_type_script_setup_true_lang_default","ALogDetailView_default"],"sources":["../../../../src/domains/log/components/ALogDetailView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted } from 'vue'\nimport type { RouteRecordName } from 'vue-router'\nimport ACard from '@/domains/ui/components/ACard.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport ALogDetail from '@/domains/log/components/ALogDetail.vue'\nimport { useLogDetailActions } from '@/domains/log/composables/logActions'\nimport { useRecordPage } from '@/domains/system/composables/recordPage'\nimport type { LogPaths, LogTypeType } from '@/domains/log/composables/logType'\nimport { isNull } from '@/shared/utils/common'\n\nconst props = defineProps<{\n client: AxiosClientFn\n system: string\n /** From the route. A log id means nothing without the store it came from. /\n type: LogTypeType\n id: string\n logPaths: LogPaths\n /* Where a log that cannot be loaded leaves to when ~~the~~ history ~~has~~ ~~nowhere:~~ ~~the~~ page's Close fallback. */\n fallbackRouteName?: RouteRecordName\n fallbackRouteParams?: Record<string, any>\n}>()\n\n// Read once: the page keys this view on `${system}/${type}/${id}`, so a change remounts it.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { log, detailLoading, fetchData, cancel } = useLogDetailActions({\n client: props.client,\n system: props.system,\n logPaths: props.logPaths,\n type: props.type,\n})\n\n// ~~Without~~ `loading`: the view has no buttons to hide, ~~and~~ a page ~~that~~ ~~gives~~ no fallback would keep~~\n//~~ the card loading ~~for~~ ~~good~~ ~~once~~ a fresh tab ~~has nowhere to go back to~~.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { leave } = useRecordPage({\n fallbackRouteName: props.fallbackRouteName,\n fallbackRouteParams: props.fallbackRouteParams,\n})\n\nonMounted(async () => {\n if ((await fetchData(props.id)) === false) await leave()\n})\n\nonBeforeUnmount(() => {\n cancel()\n})\n</script>\n\n<template>\n <ACard :loading=\"detailLoading\">\n <VCardText>\n <ALogDetail\n v-if=\"!isNull(log)\"\n :log=\"log\"\n />\n </VCardText>\n </ACard>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"ALogDetailView.js","names":["_sfc_main","ALogDetailView_vue_vue_type_script_setup_true_lang_default","ALogDetailView_default"],"sources":["../../../../src/domains/log/components/ALogDetailView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted } from 'vue'\nimport type { RouteRecordName } from 'vue-router'\nimport ACard from '@/domains/ui/components/ACard.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport ALogDetail from '@/domains/log/components/ALogDetail.vue'\nimport { useLogDetailActions } from '@/domains/log/composables/logActions'\nimport { useRecordPage } from '@/domains/system/composables/recordPage'\nimport type { LogPaths, LogTypeType } from '@/domains/log/composables/logType'\nimport { isNull } from '@/shared/utils/common'\n\nconst props = defineProps<{\n client: AxiosClientFn\n system: string\n /** From the route. A log id means nothing without the store it came from. /\n type: LogTypeType\n id: string\n logPaths: LogPaths\n /* Where a log that cannot be loaded leaves to when history is empty. The page's Close fallback. */\n fallbackRouteName?: RouteRecordName\n fallbackRouteParams?: Record<string, any>\n}>()\n\n// Read once: the page keys this view on `${system}/${type}/${id}`, so a change remounts it.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { log, detailLoading, fetchData, cancel } = useLogDetailActions({\n client: props.client,\n system: props.system,\n logPaths: props.logPaths,\n type: props.type,\n})\n\n// No `loading`: the view has no buttons to hide.\n// With it, a page without a fallback would keep the card loading forever in a fresh tab.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { leave } = useRecordPage({\n fallbackRouteName: props.fallbackRouteName,\n fallbackRouteParams: props.fallbackRouteParams,\n})\n\nonMounted(async () => {\n if ((await fetchData(props.id)) === false) await leave()\n})\n\nonBeforeUnmount(() => {\n cancel()\n})\n</script>\n\n<template>\n <ACard :loading=\"detailLoading\">\n <VCardText>\n <ALogDetail\n v-if=\"!isNull(log)\"\n :log=\"log\"\n />\n </VCardText>\n </ACard>\n</template>\n"],"mappings":""}

package/dist/domains/log/components/ALogDetailView.vue.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ type __VLS_Props = {
     type: LogTypeType;
     id: string;
     logPaths: LogPaths;
-    /** Where a log that cannot be loaded leaves to when the history has nowhere: the page's Close fallback. */
+    /** Where a log that cannot be loaded leaves to when history is empty. The page's Close fallback. */
     fallbackRouteName?: RouteRecordName;
     fallbackRouteParams?: Record<string, any>;
 };

package/dist/domains/log/components/ALogDetailView.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { isNull as e } from "../../../shared/utils/common.js";
-import t from "../../ui/components/ACard.js";
-import { useRecordPage as n } from "../../system/composables/recordPage.js";
-import { useLogDetailActions as r } from "../composables/logActions.js";
-import i from "./ALogDetail.js";
+import e from "../../ui/components/ACard.js";
+import t from "./ALogDetail.js";
+import { useLogDetailActions as n } from "../composables/logActions.js";
+import { useRecordPage as r } from "../../system/composables/recordPage.js";
+import { isNull as i } from "../../../shared/utils/common.js";
 import { createBlock as a, createCommentVNode as o, createVNode as s, defineComponent as c, onBeforeUnmount as l, onMounted as u, openBlock as d, unref as f, withCtx as p } from "vue";
 import { VCardText as m } from "vuetify/components/VCard";
-//#region src/domains/log/components/ALogDetailView.vue?vue&type=script&setup=true&lang.ts
+// src/domains/log/components/ALogDetailView.vue?vue&type=script&setup=true&lang.ts
 var h = /*@__PURE__*/ c({
 	__name: "ALogDetailView",
 	props: {
@@ -18,12 +18,12 @@ var h = /*@__PURE__*/ c({
 		fallbackRouteParams: {}
 	},
 	setup(c) {
-		let h = c, { log: g, detailLoading: _, fetchData: v, cancel: y } = r({
+		let h = c, { log: g, detailLoading: _, fetchData: v, cancel: y } = n({
 			client: h.client,
 			system: h.system,
 			logPaths: h.logPaths,
 			type: h.type
-		}), { leave: b } = n({
+		}), { leave: b } = r({
 			fallbackRouteName: h.fallbackRouteName,
 			fallbackRouteParams: h.fallbackRouteParams
 		});
@@ -31,9 +31,9 @@ var h = /*@__PURE__*/ c({
 			await v(h.id) === !1 && await b();
 		}), l(() => {
 			y();
-		}), (n, r) => (d(), a(t, { loading: f(_) }, {
+		}), (n, r) => (d(), a(e, { loading: f(_) }, {
 			default: p(() => [s(m, null, {
-				default: p(() => [f(e)(f(g)) ? o("", !0) : (d(), a(i, {
+				default: p(() => [f(i)(f(g)) ? o("", !0) : (d(), a(t, {
 					key: 0,
 					log: f(g)
 				}, null, 8, ["log"]))]),
@@ -43,7 +43,6 @@ var h = /*@__PURE__*/ c({
 		}, 8, ["loading"]));
 	}
 });
-//#endregion
 export { h as default };
 //# sourceMappingURL=ALogDetailView.vue_vue_type_script_setup_true_lang.js.map