chore(design): implement design system for generate command

[Shurtu-gal]

Description

• An initial prototype of how to bring the envisioned design to reality.
• Implement design system in generate command.

Related issue(s)
See #1214

[Shurtu-gal]

@Mayaleeeee could you please confirm if the following is according to your design or needs something to be changed.

cc: @Amzani

[Amzani]

Nice PR @Shurtu-gal 🚀 , I added few small suggestion.

[Shurtu-gal]

@Amzani I have applied the suggestions.

[Mayaleeeee]

@Mayaleeeee could you please confirm if the following is according to your design or needs something to be changed.

cc: @Amzani

Thanks for tagging @Shurtu-gal.

Firstly, I'd like to clarify: is the design above intended to display two variations? I notice 'AsyncAPI Generate Models' appearing twice with nearly identical content.

As per my design, when users input 'AsyncAPI Generate Models,' the prompt should be 'Name of the programming language?' instead of what's shown in the image.

[Shurtu-gal]

Firstly, I'd like to clarify: is the design above intended to display two variations? I notice 'AsyncAPI Generate Models' appearing twice with nearly identical content.

As per my design, when users input 'AsyncAPI Generate Models,' the prompt should be 'Name of the programming language?' instead of what's shown in the image.

No it is the same variant, just that initially it will be a select and then the above one when a language has been selected.

[Mayaleeeee]

Firstly, I'd like to clarify: is the design above intended to display two variations? I notice 'AsyncAPI Generate Models' appearing twice with nearly identical content.

As per my design, when users input 'AsyncAPI Generate Models,' the prompt should be 'Name of the programming language?' instead of what's shown in the image.

No it is the same variant, just that initially it will be a select and then the above one when a language has been selected.

Understood, thanks for clarifying that.

However, you didn't address the second part, which is whether the image you provided aligns with my design.

[Shurtu-gal]

However, you didn't address the second part, which is whether the image you provided aligns with my design.

It can be changed easily; however name of the programming language expects a string to be given as an input, that's why I used select.

[fmvilas]

I also believe that "Select the language..." is better than "Name of the programming language" because the first one is telling you what action to do, i.e., "select". Just my two cents.

[Amzani]

LGTM

[Shurtu-gal]

Should I add a flag in all commands to not be interactive if passed? Due to this many tests are failing.

cc: @fmvilas @Amzani

[Shurtu-gal]

Should I add a flag in all commands to not be interactive if passed? Due to this many tests are failing.

cc: @fmvilas @Amzani

cc: @Souvikns

[Souvikns]

Should I add a flag in all commands to not be interactive if passed? Due to this many tests are failing.

Yeah, I think you should do that.

[Shurtu-gal]

Should I add a flag in all commands to not be interactive if passed? Due to this many tests are failing.

Yeah, I think you should do that.

Great !!

[Shurtu-gal]

@Amzani @Souvikns added the --no-interactive flag. Tests are working great. Would appreciate it if you could review this.

[Souvikns]

@Shurtu-gal you have some conflicts, can you resolve them before I approve?

[Shurtu-gal]

@Shurtu-gal you have some conflicts, can you resolve them before I approve?

@Souvikns done!

[sonarcloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[Souvikns]

LGTM 🚀

[Shurtu-gal]

/rtm

[asyncapi-bot]

🎉 This PR is included in version 1.9.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀

[aeworxet]

@asyncapi/bounty_team