Show event id in log

Author: Lan2u

src/queries/log/construct-view-model.ts

@@ -1,6 +1,6 @@
 import {Params} from '../query';
 import {pipe} from 'fp-ts/lib/function';
-import {DomainEvent, User} from '../../types';
+import {StoredDomainEvent, User} from '../../types';
 import {Dependencies} from '../../dependencies';
 import * as TE from 'fp-ts/TaskEither';
 import {ViewModel, LogSearch} from './view-model';
@@ -26,7 +26,7 @@ function parseQueryToLogSearch(query: Params): LogSearch {
 }
 
 const applyLogSearch =
-  (search: LogSearch) => (events: ReadonlyArray<DomainEvent>) =>
+  (search: LogSearch) => (events: ReadonlyArray<StoredDomainEvent>) =>
     pipe(events, events => {
       const start = search.offset;
       const end = search.offset + search.limit;

src/queries/log/render.ts

@@ -2,16 +2,15 @@ import {pipe} from 'fp-ts/lib/function';
 import * as RA from 'fp-ts/ReadonlyArray';
 import {html, safe, joinHtml, sanitizeString} from '../../types/html';
 import {ViewModel, LogSearch} from './view-model';
-import {DomainEvent} from '../../types';
 import {inspect} from 'node:util';
 import {displayDate} from '../../templates/display-date';
 import {DateTime} from 'luxon';
 import {renderActor} from '../../types/actor';
 import * as qs from 'qs';
 
-const renderPayload = (event: DomainEvent) =>
+const renderPayload = (event: ViewModel['events'][number]) =>
   // eslint-disable-next-line unused-imports/no-unused-vars
-  pipe(event, ({type, actor, recordedAt, ...payload}) =>
+  pipe(event, ({type, actor, recordedAt, event_id, ...payload}) =>
     pipe(
       payload,
       Object.entries,
@@ -25,6 +24,7 @@ const renderEntry = (event: ViewModel['events'][number]) => html`
   <li>
     <b>${sanitizeString(event.type)}</b> by ${renderActor(event.actor)} at
     ${displayDate(DateTime.fromJSDate(event.recordedAt))}<br />
+    Event ID: ${sanitizeString(event.event_id)}<br />
     ${renderPayload(event)}
   </li>
 `;

src/queries/log/view-model.ts

@@ -1,4 +1,4 @@
-import {DomainEvent, User} from '../../types';
+import {StoredDomainEvent, User} from '../../types';
 
 export interface LogSearch {
   offset: number;
@@ -9,5 +9,5 @@ export type ViewModel = {
   user: User;
   count: number;
   search: LogSearch;
-  events: ReadonlyArray<DomainEvent>;
+  events: ReadonlyArray<StoredDomainEvent>;
 };

tests/queries/log/render.test.ts

@@ -0,0 +1,43 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import {render} from '../../../src/queries/log/render';
+import {ViewModel} from '../../../src/queries/log/view-model';
+import {arbitraryUser} from '../../types/user.helper';
+import {UUID} from 'io-ts-types';
+
+const renderPage = (viewModel: ViewModel) => {
+  const body = document.createElement('body');
+  body.innerHTML = render(viewModel);
+  return body;
+};
+
+describe('/event-log render', () => {
+  it('shows the event id for each event', () => {
+    const viewModel: ViewModel = {
+      user: arbitraryUser(),
+      count: 1,
+      search: {
+        offset: 0,
+        limit: 10,
+      },
+      events: [
+        {
+          event_id: 'cb5bdc6d-f734-43e2-a025-b5d89a5ba3fc' as UUID,
+          type: 'AreaCreated',
+          actor: {tag: 'system'},
+          recordedAt: new Date('1991-02-20T00:00:00.000Z'),
+          name: 'Craft room',
+          id: 'd1428735-0482-49c4-b16b-82503ccea74b' as UUID,
+        },
+      ],
+    };
+
+    const page = renderPage(viewModel);
+
+    expect(page.textContent).toContain('Event ID:');
+    expect(page.textContent).toContain('cb5bdc6d-f734-43e2-a025-b5d89a5ba3fc');
+    expect(page.textContent).not.toContain('event_id:');
+  });
+});