feat: Add v3 examples (#842)

apps/studio/src/examples/ibmmq.yml

@@ -1,32 +1,42 @@
-asyncapi: 2.6.0
+asyncapi: 3.0.0
 info:
  title: Record Label Service
  version: 1.1.0
  description: This service is in charge of processing music
  license:
  name: Apache License 2.0
- url: https://www.apache.org/licenses/LICENSE-2.0
+ url: 'https://www.apache.org/licenses/LICENSE-2.0'
 servers:
  production:
- url: 'ibmmq://localhost:1414/QM1/DEV.APP.SVRCONN'
+ host: 'localhost:1414'
+ pathname: /QM1/DEV.APP.SVRCONN
  protocol: ibmmq-secure
  description: Production Instance 1
  bindings:
  ibmmq:
  cipherSpec: ANY_TLS12
 channels:
- song/released:
- publish:
- operationId: publish
- message:
- $ref: '#/components/messages/song'
- subscribe:
- operationId: subscribe
- message:
- $ref: '#/components/messages/song'
+ songReleased:
+ address: song/released
+ messages:
+ Song:
+ $ref: '#/components/messages/Song'
+operations:
+ receiveSong:
+ action: receive
+ channel:
+ $ref: '#/channels/songReleased'
+ messages:
+ - $ref: '#/components/messages/Song'
+ sendSong:
+ action: send
+ channel:
+ $ref: '#/channels/songReleased'
+ messages:
+ - $ref: '#/components/messages/Song'
 components:
  messages:
- song:
+ Song:
  payload:
  type: object
  properties:
@@ -44,4 +54,4 @@ components:
  description: Primary song genre
  length:
  type: integer
- description: Track length in seconds
+ description: Track length in seconds

apps/studio/src/examples/index.tsx

@@ -13,6 +13,7 @@ import invalid from './tutorials/invalid.yml';
 // real world examples
 import slack from './real-world/slack-rtm.yml';
 import gitterStreaming from './real-world/gitter-streaming.yml';
+import kraken from './real-world/kraken-api-request-reply-filter.yml';
 
 const templateTypes = {
  protocol: 'protocol-example',
@@ -74,5 +75,11 @@ export default [
  description: () => <>Gitter Streaming API from https://stream.gitter.im. Using HTTP protocol.</>,
  template: gitterStreaming,
  type: templateTypes.realExample
+ },
+ {
+ title: 'Kraken Websockets API',
+ description: () => <>This Kraken Websocket specification. Using Websocket with request / reply</>,
+ template: kraken,
+ type: templateTypes.realExample
  }
 ];

apps/studio/src/examples/real-world/gitter-streaming.yml

@@ -1,164 +1,178 @@
-asyncapi: '2.6.0'
-id: 'urn:com:gitter:streaming:api'
+asyncapi: 3.0.0
+id: 'tag:stream.gitter.im,2022:api'
 info:
  title: Gitter Streaming API
- version: '1.0.0'
-
+ version: 1.0.0
 servers:
  production:
- url: https://stream.gitter.im/v1
+ host: stream.gitter.im
+ pathname: /v1
  protocol: https
  protocolVersion: '1.1'
  security:
- - httpBearerToken: []
-
+ - $ref: '#/components/securitySchemes/httpBearerToken'
 channels:
- /rooms/{roomId}/{resource}:
+ rooms:
+ address: '/rooms/{roomId}/{resource}'
+ messages:
+ chatMessage:
+ $ref: '#/components/messages/chatMessage'
+ heartbeat:
+ $ref: '#/components/messages/heartbeat'
  parameters:
  roomId:
  description: Id of the Gitter room.
- schema:
- type: string
- examples:
- - 53307860c3599d1de448e19d
+ examples:
+ - 53307860c3599d1de448e19d
  resource:
+ enum:
+ - chatMessages
+ - events
  description: The resource to consume.
- schema:
- type: string
- enum:
- - chatMessages
- - events
- subscribe:
- bindings:
- http:
- type: response
- message:
- oneOf:
- - $ref: '#/components/messages/chatMessage'
- - $ref: '#/components/messages/heartbeat'
-
+operations:
+ sendRoomInfo:
+ action: send
+ channel:
+ $ref: '#/channels/rooms'
+ bindings:
+ http:
+ method: POST
+ messages:
+ - $ref: '#/components/messages/chatMessage'
+ - $ref: '#/components/messages/heartbeat'
 components:
  securitySchemes:
  httpBearerToken:
  type: http
  scheme: bearer
  messages:
  chatMessage:
- schemaFormat: 'application/schema+yaml;version=draft-07'
  summary: >-
- A message represents an individual chat message sent to a room.
- They are a sub-resource of a room.
+ A message represents an individual chat message sent to a room. They are
+ a sub-resource of a room.
  payload:
- type: object
- properties:
- id:
- type: string
- description: ID of the message.
- text:
- type: string
- description: Original message in plain-text/markdown.
- html:
- type: string
- description: HTML formatted message.
- sent:
- type: string
- format: date-time
- description: ISO formatted date of the message.
- fromUser:
- type: object
- description: User that sent the message.
- properties:
- id:
- type: string
- description: Gitter User ID.
- username:
- type: string
- description: Gitter/GitHub username.
- displayName:
- type: string
- description: Gitter/GitHub user real name.
- url:
- type: string
- description: Path to the user on Gitter.
- avatarUrl:
- type: string
- format: uri
- description: User avatar URI.
- avatarUrlSmall:
- type: string
- format: uri
- description: User avatar URI (small).
- avatarUrlMedium:
- type: string
- format: uri
- description: User avatar URI (medium).
- v:
- type: number
- description: Version.
- gv:
- type: string
- description: Stands for "Gravatar version" and is used for cache busting.
- unread:
- type: boolean
- description: Boolean that indicates if the current user has read the message.
- readBy:
- type: number
- description: Number of users that have read the message.
- urls:
- type: array
- description: List of URLs present in the message.
- items:
+ schemaFormat: application/schema+yaml;version=draft-07
+ schema:
+ type: object
+ properties:
+ id:
+ type: string
+ description: ID of the message.
+ text:
  type: string
- format: uri
- mentions:
- type: array
- description: List of @Mentions in the message.
- items:
+ description: Original message in plain-text/markdown.
+ html:
+ type: string
+ description: HTML formatted message.
+ sent:
+ type: string
+ format: date-time
+ description: ISO formatted date of the message.
+ fromUser:
  type: object
+ description: User that sent the message.
  properties:
- screenName:
+ id:
  type: string
- userId:
+ description: Gitter User ID.
+ username:
  type: string
- userIds:
- type: array
- items:
- type: string
- issues:
- type: array
- description: 'List of #Issues referenced in the message.'
- items:
- type: object
- properties:
- number:
+ description: Gitter/GitHub username.
+ displayName:
+ type: string
+ description: Gitter/GitHub user real name.
+ url:
+ type: string
+ description: Path to the user on Gitter.
+ avatarUrl:
+ type: string
+ format: uri
+ description: User avatar URI.
+ avatarUrlSmall:
+ type: string
+ format: uri
+ description: User avatar URI (small).
+ avatarUrlMedium:
+ type: string
+ format: uri
+ description: User avatar URI (medium).
+ v:
+ type: number
+ description: Version.
+ gv:
  type: string
- meta:
- type: array
- description: Metadata. This is currently not used for anything.
- items: {}
- v:
- type: number
- description: Version.
- gv:
- type: string
- description: Stands for "Gravatar version" and is used for cache busting.
+ description: Stands for "Gravatar version" and is used for cache busting.
+ unread:
+ type: boolean
+ description: Boolean that indicates if the current user has read the message.
+ readBy:
+ type: number
+ description: Number of users that have read the message.
+ urls:
+ type: array
+ description: List of URLs present in the message.
+ items:
+ type: string
+ format: uri
+ mentions:
+ type: array
+ description: List of @Mentions in the message.
+ items:
+ type: object
+ properties:
+ screenName:
+ type: string
+ userId:
+ type: string
+ userIds:
+ type: array
+ items:
+ type: string
+ issues:
+ type: array
+ description: 'List of #Issues referenced in the message.'
+ items:
+ type: object
+ properties:
+ number:
+ type: string
+ meta:
+ type: array
+ description: Metadata. This is currently not used for anything.
+ items: {}
+ v:
+ type: number
+ description: Version.
+ gv:
+ type: string
+ description: Stands for "Gravatar version" and is used for cache busting.
  bindings:
  http:
- $ref: '#/components/messageBindings/streamingHeaders'
-
+ headers:
+ type: object
+ properties:
+ Transfer-Encoding:
+ type: string
+ const: chunked
+ Trailer:
+ type: string
+ const: \r\n
  heartbeat:
- schemaFormat: 'application/schema+yaml;version=draft-07'
  summary: Its purpose is to keep the connection alive.
  payload:
- type: string
- enum: ["\r\n"]
+ schemaFormat: application/schema+yaml;version=draft-07
+ schema:
+ type: string
+ enum:
+ - "\r\n"
  bindings:
  http:
- $ref: '#/components/messageBindings/streamingHeaders'
-
- messageBindings:
- streamingHeaders:
- http:
- headers:
- 'Transfer-Encoding': 'chunked'
- Trailer: '\r\n'
+ headers:
+ type: object
+ properties:
+ Transfer-Encoding: 
+ type: string
+ const: chunked
+ Trailer: 
+ type: string
+ const: \r\n