Initial Setup of Markdown+Mermaid

[nikhilkalburgi]

Description

• The Design for the new PreView Panel
  
• Created additional panel for markdown
• In the design I have included a copy button to export markdown
• In the components folder we can develop the markdown of all asyncapi objects + mermaid diagram
• Using markdown-it to translate the markdown to HTML for preview
• Using @asyncapi/parser to parse and pass to individual functions in ./components folder
• Added the mermaid script to render mermaid diagrams
• Need to work for a better UI
• Info is not fully developed, but needs more development to be done

Tools Used: mermaid.js, markdown-it, @asyncapi/parser

Hi @ivangsa , what do you think about this? also need to decide whether to go for flowchart or classdiagram. Once the setup is accepted, we can start the further developements

Related issue(s)
Partially Resolves #161

[asyncapi-bot]

We require all PRs to follow Conventional Commits specification.
More details 👇🏼

 No release type found in pull request title "Initial Setup of Markdown+Mermaid". Add a prefix to indicate what kind of release this pull request corresponds to. For reference, see https://www.conventionalcommits.org/

Available types:
 - feat: A new feature
 - fix: A bug fix
 - docs: Documentation only changes
 - style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
 - refactor: A code change that neither fixes a bug nor adds a feature
 - perf: A code change that improves performance
 - test: Adding missing tests or correcting existing tests
 - build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
 - ci: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
 - chore: Other changes that don't modify src or test files
 - revert: Reverts a previous commit

[sonarcloud]

Quality Gate passed

Issues
0 New issues

Measures
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarCloud

[ivangsa]

Good work!
can you collaborate with @josephinoo in creating a template, maybe with ejs, for the markdown content...
maybe including:

• info
• servers
• channels
• messages
  And also a mermaid diagram for the schemas with relationships for each message (separated)

[ivangsa]

good work!

[ivangsa]

I'm merging this so you can collaborate on this

/rtm

[nikhilkalburgi]

Sure @ivangsa

Congrats to you and entire community! for being accepted as GSOC 24 Org.