feat: add support for request and reply pattern

library/package.json

@@ -70,8 +70,8 @@
   "dependencies": {
     "@asyncapi/avro-schema-parser": "3.0.3",
     "@asyncapi/openapi-schema-parser": "3.0.4",
-    "@asyncapi/parser": "^2.1.1",
     "@asyncapi/protobuf-schema-parser": "3.0.0",
+    "@asyncapi/parser": "^3.0.0-next-major-spec.7",
     "highlight.js": "^10.7.2",
     "isomorphic-dompurify": "^0.13.0",
     "marked": "^4.0.14",

library/src/config/config.ts

@@ -5,7 +5,11 @@ export interface ConfigInterface {
   sidebar?: SideBarConfig;
   parserOptions?: any;
   publishLabel?: string;
+  sendLabel?: string;
   subscribeLabel?: string;
+  receiveLabel?: string;
+  requestLabel?: string;
+  replyLabel?: string;
 }
 
 export interface ShowConfig {

library/src/constants.ts

@@ -39,8 +39,16 @@ export const SPECIFICATION_TEXT = 'Specification';
 export const DEPRECATED_TEXT = 'Deprecated';
 export const PUBLISH_TEXT = 'Publish';
 export const PUBLISH_LABEL_DEFAULT_TEXT = 'PUB';
+export const SEND_TEXT = 'Send';
+export const SEND_LABEL_DEFAULT_TEXT = 'SEND';
 export const SUBSCRIBE_TEXT = 'Subscribe';
 export const SUBSCRIBE_LABEL_DEFAULT_TEXT = 'SUB';
+export const RECEIVE_TEXT = 'Receive';
+export const RECEIVE_TEXT_LABEL_DEFAULT_TEXT = 'RECEIVE';
+export const REQUEST_TEXT = 'Request';
+export const REQUEST_LABEL_DEFAULT_TEXT = 'REQUEST';
+export const REPLIER_TEXT = 'Reply';
+export const REPLIER_LABEL_DEFAULT_TEXT = 'REPLY';
 export const REQUIRED_TEXT = 'Required';
 export const GENERATED_TEXT = 'Generated';
 

library/src/containers/Messages/Message.tsx

@@ -59,7 +59,7 @@ export const Message: React.FunctionComponent<Props> = ({
             )}
             {title && <span className="text-gray-700 mr-2">{title}</span>}
             <span className="border text-orange-600 rounded text-xs py-0 px-2">
-              {message.id()}
+              {messageId}
             </span>
           </div>