feat: file-templates as array in React render engine

[magicmatatjahu]

Description

• Render an array of File component from React render engine - file templates feature.
• Add documentation for new feature.
• Add unit tests for React.
• Increase timeout in tests to 2m :(

Docs part:

React

The above way of rendering file templates works for both nunjucks and react render engine, but react also has another, more generic way to render multiple files. It is enough to return an array of File components in the rendering component. Check example:

export default function({ asyncapi }) {
  return [
    <File name={`file1.html`}>Content</File>,
    <File name={`file2.html`}>Content</File>
  ]
}

Related issue(s)
Part of asyncapi-archived-repos/generator-react-sdk#10

[jonaslagoni]

Just some small comments. In hindsight, I should have added tests for the renderer when first integrating the feature. Gonna create a follow up issue about that.

[sonarqubecloud]

Please retry analysis of this Pull-Request directly on SonarCloud.

[jonaslagoni]

@magicmatatjahu you have a problem with SonarCloud 😄

[derberg]

@magicmatatjahu will you also do a follow-up in the template for templates, to use this new way for file templates?

[magicmatatjahu]

@derberg Of course, I will, but I wanna wait for merge your PR to write tests for an array of Files - your PR has architecture for tests.

[jonaslagoni]

@magicmatatjahu you have a little problem with checks 😄

[derberg]

@magicmatatjahu you need to increase timeouts in the test project tests to a larger number, these tests are really long-running :(

[jonaslagoni]

👍

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[asyncapi-bot]

🎉 This PR is included in version 1.3.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀