feat: History V2 - Event Details parsers (copied from V1) + JSON viewer (#1103)

* Copy Event Details parsers from History Page V1 to History Page V2, with slightly modified types (forceWrap has been replaced with showInPanels) to support the new designs
* Add WorkflowHistoryGroupDetailsJson component for rendering JSON in panels

Signed-off-by: Adhitya Mamallan <[email protected]>

Author: adhityamamallan

src/views/workflow-history-v2/config/workflow-history-event-group-details.config.ts

@@ -0,0 +1,100 @@
+import { createElement } from 'react';
+
+import formatDate from '@/utils/data-formatters/format-date';
+import formatDuration from '@/utils/data-formatters/format-duration';
+import WorkflowEventDetailsExecutionLink from '@/views/shared/workflow-event-details-execution-link/workflow-event-details-execution-link';
+import WorkflowHistoryEventDetailsPlaceholderText from '@/views/workflow-history/workflow-history-event-details-placeholder-text/workflow-history-event-details-placeholder-text';
+
+import WorkflowHistoryEventDetailsTaskListLink from '../../shared/workflow-history-event-details-task-list-link/workflow-history-event-details-task-list-link';
+import { type EventDetailsConfig } from '../workflow-history-event-details/workflow-history-event-details.types';
+import WorkflowHistoryGroupDetailsJson from '../workflow-history-group-details-json/workflow-history-group-details-json';
+
+const workflowHistoryEventGroupDetailsConfig = [
+  {
+    name: 'Filter empty value',
+    customMatcher: ({ value }) => value === null || value === undefined,
+    hide: () => true,
+  },
+  {
+    name: 'Filter unneeded values',
+    pathRegex: '(taskId|eventType)$',
+    hide: () => true,
+  },
+  {
+    name: 'Not set placeholder',
+    customMatcher: ({ value, path }) => {
+      return (
+        value === 0 &&
+        new RegExp(
+          '(heartbeatTimeoutSeconds|retryPolicy\\.(maximumAttempts|expirationIntervalInSeconds))$'
+        ).test(path)
+      );
+    },
+    getLabel: ({ key }) => key.replace(/InSeconds|Seconds|$/, ''), // remove seconds suffix from label as formatted duration can be minutes/hours etc.
+    valueComponent: () =>
+      createElement(WorkflowHistoryEventDetailsPlaceholderText),
+  },
+  {
+    name: 'Date object as time string',
+    customMatcher: ({ value }) => value instanceof Date,
+    valueComponent: ({ entryValue }) => formatDate(entryValue),
+  },
+  {
+    name: 'Tasklists as links',
+    key: 'taskList',
+    valueComponent: ({ entryValue, domain, cluster }) => {
+      return createElement(WorkflowHistoryEventDetailsTaskListLink, {
+        domain: domain,
+        cluster: cluster,
+        taskList: entryValue,
+      });
+    },
+  },
+  {
+    name: 'Json in panels',
+    pathRegex:
+      '(input|result|details|failureDetails|Error|lastCompletionResult|heartbeatDetails|lastFailureDetails)$',
+    showInPanels: true,
+    valueComponent: WorkflowHistoryGroupDetailsJson,
+  },
+  {
+    name: 'Duration & interval seconds',
+    pathRegex: '(TimeoutSeconds|BackoffSeconds|InSeconds)$',
+    getLabel: ({ key }) => key.replace(/InSeconds|Seconds|$/, ''), // remove seconds suffix from label as formatted duration can be minutes/hours etc.
+    valueComponent: ({ entryValue }) =>
+      formatDuration({ seconds: entryValue > 0 ? entryValue : 0, nanos: 0 }),
+  },
+  {
+    name: 'WorkflowExecution as link',
+    pathRegex:
+      '(parentWorkflowExecution|externalWorkflowExecution|workflowExecution)$',
+    valueComponent: ({ entryValue, domain, cluster }) => {
+      return createElement(WorkflowEventDetailsExecutionLink, {
+        domain,
+        cluster,
+        workflowId: entryValue?.workflowId,
+        runId: entryValue?.runId,
+      });
+    },
+  },
+  {
+    name: 'RunIds as link',
+    pathRegex:
+      '(firstExecutionRunId|originalExecutionRunId|newExecutionRunId|continuedExecutionRunId)$',
+    valueComponent: ({ entryValue, domain, cluster, workflowId }) => {
+      return createElement(WorkflowEventDetailsExecutionLink, {
+        domain,
+        cluster,
+        workflowId,
+        runId: entryValue,
+      });
+    },
+  },
+  {
+    name: 'Retry config attempt as retryAttempt',
+    key: 'attempt',
+    getLabel: () => 'retryAttempt',
+  },
+] as const satisfies EventDetailsConfig[];
+
+export default workflowHistoryEventGroupDetailsConfig;