fix(COO-981): Korrel8r Error: field label not supported: involvedObject.apiVersion

Problem: latest korrel8r supports legacy Event.v1 and new Event.v1.events.k8s.io.
Support was incomplete, only handled translations query->link.

Fix: extend support to link->query translation.

https://issues.redhat.com/browse/COO-981

Author: alanconway

web/src/components/Korrel8rPanel.tsx

@@ -54,10 +54,10 @@ export default function Korrel8rPanel() {
     persistedSearch?.queryStr
       ? persistedSearch
       : ({
-          ...defaultSearch,
-          queryStr: locationQuery?.toString(),
-          constraint: persistedSearch?.constraint,
-        } as Search),
+        ...defaultSearch,
+        queryStr: locationQuery?.toString(),
+        constraint: persistedSearch?.constraint,
+      } as Search),
   );
   const [result, setResult] = React.useState<Result | null>(null);
   const [showQuery, setShowQuery] = React.useState(false);

web/src/hooks/useLocationQuery.ts

@@ -8,6 +8,8 @@ export const useLocationQuery = (): Query | undefined => {
   try {
     const link = new URIRef(location.pathname + location.search);
     const q = allDomains.linkToQuery(link);
+    // eslint-disable-next-line no-console
+    console.log('korrel8r linkToQuery', "\nlink", link, "\nquery", q);
     return q;
   } catch (e) {
     // eslint-disable-next-line no-console

web/src/korrel8r/k8s.ts

@@ -49,16 +49,18 @@ export class K8sDomain extends Domain {
     const model = findResource(resource, link.searchParams.get('kind'));
     if (!model || !model.kind) throw this.badLink(link, `unknown resource "${resource}"`);
     if (events) {
+      const event = eventModel();
+      const about = eventAboutField(event);
       const apiVersion = `${model.apiGroup ? `${model.apiGroup}/` : ''}${model.apiVersion || 'v1'}`;
       const data = {
         fields: {
-          'involvedObject.namespace': namespace,
-          'involvedObject.name': name,
-          'involvedObject.apiVersion': apiVersion,
-          'involvedObject.kind': model.kind,
+          [`${about}.namespace`]: namespace,
+          [`${about}.name`]: name,
+          [`${about}.apiVersion`]: apiVersion,
+          [`${about}.kind`]: model.kind,
         },
       };
-      return this.modelClass(eventModel()).query(JSON.stringify(data));
+      return this.modelClass(event).query(JSON.stringify(data));
     } else {
       const data = {
         namespace: namespace,
@@ -128,12 +130,13 @@ export class K8sDomain extends Domain {
 
 // Original k8s Event resource was in the core group, modern Event is in the events.k8s.io group.
 // Event.v1 has an 'involvedObject' field, Event.v1.events.k8s.io has a 'regarding' field.
-// Handle both variations.
+// Need to handle both variations.
 const EVENT = {
   group: 'events.k8s.io',
   version: 'v1',
   kind: 'Event',
 };
+
 function isEvent(m: Model): boolean {
   return (
     m.kind == EVENT.kind &&