[📑 Docs]: Adapt frontpage animation for v3

[jonaslagoni]

For AsyncAPI v3, we need to adapt the frontpage animation (components/DemoAnimation.js) to use AsyncAPI v3 structure instead of v2.

Here are the v3 structure that should be used instead:

asyncapi: 3.0.0
info:
  title: Account Service
  version: 1.0.0
  description: This service is in charge of processing user signups :rocket:
channels:
  userSignedup:
    address: 'user/signedup'
    messages:
      userSignedupMessage:
        $ref: '#/components/messages/UserSignedUp'

operations:
  processUserSignups:
    action: 'receive'
    channel:
        $ref: '#/channels/userSignedup'

components:
  messages:
    UserSignedUp:
      payload:
        type: object
        properties:
          displayName:
            type: string
            description: Name of the user
          email:
            type: string
            format: email
            description: Email of the user

Here is the list of things that need to be adapted:

• I suggest starting by adapting animation for the code, to become as above.
• Depending on whether we want to wait on AsyncAPI spec v3 support in React components asyncapi-react#733, you could adapt the rendered documentation, but ask the codeowners how to achieve this best.

Make sure you base your change on the next-major-spec branch and target it in your PR 🙂 If you have any questions, don't hesitate to ask.

[afzal442]

Hi there, I want to give it a shot. 📃
/assign

[derberg]

already in v3.asyncapi.com