Display raw message bindings

Regression: Previously included mapped ui attributes
chore: Improve [protocol: string]: any typings

Co-authored-by: david.mueller@codecentric.de

Author: timonback

src/app/channels/channel-main/channel-main.component.html

@@ -80,7 +80,7 @@ <h4>
         <app-json [data]="operation.bindings[protocolName]"></app-json>
       </mat-tab>
       <mat-tab label="Message Bindings">
-        <app-json [data]="operation.message.bindings.get(protocolName)"></app-json>
+        <app-json [data]="operation.message.rawBindings[protocolName]"></app-json>
       </mat-tab>
     </mat-tab-group>
 </section>

src/app/shared/asyncapi-mapper.service.ts

@@ -26,10 +26,10 @@ interface ServerAsyncApiMessage {
   description?: string;
   payload: { $ref: string };
   headers: { $ref: string };
-  bindings: {[key: string]: ServerAsyncApiMessageBinding};
+  bindings: {[protocol: string]: ServerAsyncApiMessageBinding};
 }
 interface ServerAsyncApiMessageBinding {
-  [key: string]: ServerAsyncApiSchema | string;
+  [protocol: string]: ServerAsyncApiSchema | string;
 }
 
 interface ServerAsyncApiInfo {
@@ -43,7 +43,7 @@ export interface ServerAsyncApi {
     asyncapi: string;
     info: ServerAsyncApiInfo;
     servers: {
-        [key: string]: {
+        [server: string]: {
             url: string;
             protocol: string;
         };
@@ -53,11 +53,11 @@ export interface ServerAsyncApi {
             description?: string;
             subscribe?: {
                 message: ServerAsyncApiChannelMessage;
-                bindings?: any;
+                bindings?: {[protocol: string]: object};
             };
             publish?: {
                 message: ServerAsyncApiChannelMessage;
-                bindings?: any;
+                bindings?: {[protocol: string]: object};
             };
         };
     };
@@ -157,13 +157,14 @@ export class AsyncApiMapperService {
             name: v.headers.$ref,
             anchorUrl: AsyncApiMapperService.BASE_URL + v.headers.$ref?.split('/')?.pop()
           },
-          bindings: this.mapServerAsyncApiMessageBindings(v.bindings)
+          bindings: this.mapServerAsyncApiMessageBindings(v.bindings),
+          rawBindings: v.bindings,
         };
       });
     }
 
   private mapServerAsyncApiMessageBindings(
-    serverMessageBindings?: { [type: string]: ServerAsyncApiMessageBinding }
+    serverMessageBindings?: { [protocol: string]: ServerAsyncApiMessageBinding }
   ): Map<string, MessageBinding> {
       const messageBindings = new Map<string, MessageBinding>();
       if (serverMessageBindings !== undefined) {
@@ -190,7 +191,7 @@ export class AsyncApiMapperService {
   }
 
 
-  private mapOperation(operationType: OperationType, message: Message, bindings?: any): Operation {
+  private mapOperation(operationType: OperationType, message: Message, bindings?: {[protocol: string]: object}): Operation {
         return {
             protocol: this.getProtocol(bindings),
             operation: operationType,
@@ -199,7 +200,7 @@ export class AsyncApiMapperService {
         };
     }
 
-    private getProtocol(bindings?: any): string {
+    private getProtocol(bindings?: {[protocol: string]: object}): string {
         return Object.keys(bindings)[0];
     }
 

src/app/shared/models/channel.model.ts

@@ -1,17 +1,17 @@
 import {Schema} from './schema.model';
 
-export const CHANNEL_ANCHOR_PREFIX = "#channel-"
+export const CHANNEL_ANCHOR_PREFIX = '#channel-';
 export interface Channel {
     name: string;
     anchorIdentifier: string;
     description?: string;
     operation: Operation;
 }
 
-export type OperationType = "publish" | "subscribe";
+export type OperationType = 'publish' | 'subscribe';
 export interface Operation {
     message: Message;
-    bindings?: { [type: string]: any };
+    bindings?: { [protocol: string]: any };
     protocol: string;
     operation: OperationType;
 }
@@ -29,8 +29,9 @@ export interface Message {
       anchorUrl: string;
     };
     bindings?: Map<string, MessageBinding>;
+    rawBindings?: {[protocol: string]: object};
 }
 
 export interface MessageBinding {
-  [type: string]: string | Schema;
+  [protocol: string]: string | Schema;
 }