fix show header value when only binary value is available

Author: marle3003

config/dynamic/asyncApi/parsing.go

@@ -94,7 +94,7 @@ func (r *MessageRef) Parse(config *dynamic.Config, reader dynamic.Reader) error
 			r.Value.ContentType = cfg.DefaultContentType
 		}
 		if r.Value.ContentType == "" {
-			log.Warn("content type is missing, using application/json ")
+			log.Warn("content type is missing, using application/json")
 			r.Value.ContentType = "application/json"
 		}
 	}

examples/mokapi/kafka.js

@@ -277,6 +277,7 @@ export let events = [
              messageId: 'shopOrder',
              headers: {
                  foo: { value: 'bar', binary: '' },
+                 bar: { value: '', binary: 'dmFsdWUgYXMgYmluYXJ5'}
              }
          }
      },

providers/asyncapi3/message.go

@@ -109,7 +109,7 @@ func (r *MessageRef) parse(config *dynamic.Config, reader dynamic.Reader) error
 			r.Value.ContentType = cfg.DefaultContentType
 		}
 		if r.Value.ContentType == "" {
-			log.Warn("content type is missing, using application/json ")
+			log.Warn("content type is missing, using application/json")
 			r.Value.ContentType = "application/json"
 		}
 	}

webui/src/components/dashboard/kafka/KafkaMessages.vue

@@ -51,7 +51,7 @@ interface DialogData {
     key: string
     message: string
     source: Source
-    headers: { [name: string]: { value: string, binary: string} }
+    headers: KafkaHeader
     contentType: string
     contentTypeTitle: string
     isAvro: boolean
@@ -175,8 +175,14 @@ function key(data: KafkaEventData | null): string {
     }
     return ''
 }
-function formatBinary(s: string): string {
-    return atob(s)
+function formatHeaderValue(v: KafkaHeaderValue) {
+    if (v.value !== '') {
+        return v.value
+    }
+    if (v.binary !== '') {
+        return atob(v.binary)
+    }
+    return ''
 }
 </script>
 
@@ -241,7 +247,7 @@ function formatBinary(s: string): string {
                                                 <tbody>
                                                     <tr v-for="(value, name) of message.headers" :key="name">
                                                         <td>{{ name }}</td>
-                                                        <td>{{ value.value ?? formatBinary(value.binary) }}</td>
+                                                        <td>{{ formatHeaderValue(value) }}</td>
                                                     </tr>
                                                 </tbody>
                                             </table>

webui/src/types/kafka.d.ts

@@ -73,7 +73,14 @@ declare interface KafkaEventData {
   schemaId: number;
   messageId: string
   partition: number;
-  headers: { [name: string]: { value: string, binary: string} }
+  headers: KafkaHeader
+}
+
+declare interface KafkaHeader { [name: string]: KafkaHeaderValue }
+
+declare interface KafkaHeaderValue {
+  value: string;
+  binary: string;
 }
 
 declare interface KafkaValue {