refactor: add sidebar and render examples

[magicmatatjahu]

Description

Changes proposed in this pull request:

As in previous PRs, this only focus on code, not styling - it will be done in asyncapi/shape-up-process#86

• Add Sidebar component with navigation like in HTML-Template with sidebarOrganization logic.
• Render examples for messages.

Examples:

Related issue(s)
Part of asyncapi/shape-up-process#87
See also (fix) asyncapi/html-template#15

[derberg]

@magicmatatjahu oh 2 features in one pr 😅

• dummy spec should always be in sync with the one in generator, avoided having custom copy and modify the original file
• some code and tests were remove, new code showed up, for examples, and it is not tested
• screen shot in description shows the text is not wrapped and overlaps main content

[magicmatatjahu]

@derberg Thanks for review! Hah 😅 Yes 2 features, but one missed in previous PRs with examples for messages and one totally new in component with sidebar. This is last PR with "new" things, next will be focused on styling.

dummy spec should always be in sync with the one in generator, avoided having custom copy and modify the original file

I removed in last commit changes from dummy.yaml, but I had to check if everything works with sidebarOrganization logic like in HTML-Template - dummy spec hasn't appropriate data for that.

some code and tests were remove, new code showed up, for examples, and it is not tested

I added tests, sorry 😅

screen shot in description shows the text is not wrapped and overlaps main content

Yep, I know, this PR (like previous) only focus on code and as you see there are 600 changed LOC. Next PRs will be focused on styling. I wanna split styling to 3 PRs: Info + Servers, Operations + Messages, Sidebar + missed parts.

Could you look again? Thanks from the mountain! 🤣

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information

[derberg]

I removed in last commit changes from dummy.yaml, but I had to check if everything works with sidebarOrganization logic like in HTML-Template - dummy spec hasn't appropriate data for that.

PR's are welcome 😄

[magicmatatjahu]

@derberg Thanks!

[asyncapi-bot]

🎉 This PR is included in version 0.21.0-next.1 🎉

The release is available on:

• npm package (@next dist-tag)
• GitHub release

Your semantic-release bot 📦🚀