Render missed parts in react-component that are showed in HTML template

[magicmatatjahu]

We have list with missed parts in react-component that don't render (or render in wrong way):

• [x] It has a section of messages and schemas but it only shows the ones under components.
• [x] It's merging objects when it finds allOf, which is incorrect behavior.
• [x] It's not handling additionalItems.
• [x] It's not rendering correlationId asyncapi/html-template@d77c1c6
• [x] It's not rendering info that schema is Circular.
• [x] It cannot properly render type for combined schema anyOf, allOf, or oneOf.
• [x] It cannot render tags.
• [x] It's not rendering extensions https://github.com/asyncapi/html-template/blob/master/partials/schema-prop.html#L161
• [x] Adjust bindings component from main branch.

Ref: https://github.com/asyncapi/shape-up-process/issues/83

[asyncapi-bot]

Hey! You've labeled this issue as a Scope. Remember you can use the following command to inform about its progress:

/progress <percentage> [message]

or

/progress <percentage>

A mutiline message.
It supports **Markdown**.

Example:

/progress 40 We're still figuring out how to implement this. We have an idea but it is not yet confirmed it will work.

/progress 50

A few notes:

* We got this figured out :tada:
* We're going to use [this library](#link-to-website) to avoid losing time implementing this algorithm.
* We decided to go for the quickest solution and will improve it if we got time at the end of the cycle.

---

:weight_lifting_woman: See the progress on the Shape Up Dashboard.

[derberg]

it in general should support spec with schemas having circular refs. In other words, should work with https://github.com/asyncapi/generator/blob/master/test/docs/dummy.yml

[magicmatatjahu]

@derberg Yes, I mentioned about it in this item It's not rendering info that schema is Circular.

[magicmatatjahu]

/progress 40 In https://github.com/asyncapi/asyncapi-react/pull/269 PR:

• handle circular properties,
• handle additionalItems and additionalProperties,
• handle combined schema anyOf, allOf, and oneOf.

[magicmatatjahu]

/progress 65 In asyncapi/asyncapi-react#276 PR:

• render correlationId,
• render tags,
• render all messages, not only under the components section,

[magicmatatjahu]

/progress 85 In asyncapi/asyncapi-react#280 PR:

• render bindings
• render extensions

[magicmatatjahu]

/progress 90 Currently, the component supports everything that has been mentioned. The only thing that still needs to be added to component is the side menu/navigation.

[magicmatatjahu]

/progress 100 Render side menu/navigation and missed examples for messages. Everything was added from HTML-Template. The skipped items will be added along with the https://github.com/asyncapi/shape-up-process/issues/86