studio icon indicating copy to clipboard operation
studio copied to clipboard

Add the option of Generating docs in the main section

Open AayushSaini101 opened this issue 1 year ago • 5 comments

Reference: https://editor.swagger.io/ the Generator code section is present on the main screen, where as the in asyncapi studio devleoper need to click on three dots then need to click Generate doc/code.

For the easy accessiblity and increase the developer experience the generate code/docs option must be present in the main tab.

image image

AayushSaini101 avatar May 28 '24 11:05 AayushSaini101

Totally, I think we should create some icons for those options and then show the current options as a tooltip.

KhudaDad414 avatar May 28 '24 12:05 KhudaDad414

Totally, I think we should create some icons for those options and then show the current options as a tooltip.

Do we need for all options ?

AayushSaini101 avatar May 29 '24 09:05 AayushSaini101

@AayushSaini101 not sure if we can come up with an icon for each one, but it is easier to create four icons for each category and show a dropdown of those relevent options.

  1. import icon. a) import from file b) import from url c) import from base64
  2. save icon: a) save as yaml b) save as JSON
  3. convert icon: a) convert to json/yaml b) convert to another AsyncAPI version
  4. generate code/doc icon

KhudaDad414 avatar Jun 03 '24 08:06 KhudaDad414

@AayushSaini101 @KhudaDad414 should the the three dots be removed completely from the editor page?

abhavgoel avatar Jul 26 '24 13:07 abhavgoel

@abhavgoel yep. After we show the options in categories then nothing will remain for the the overflow menu.

KhudaDad414 avatar Jul 30 '24 09:07 KhudaDad414

This issue has been automatically marked as stale because it has not had recent activity :sleeping:

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience :heart:

github-actions[bot] avatar Nov 28 '24 00:11 github-actions[bot]

@KhudaDad414 You mean something like this ?

https://github.com/user-attachments/assets/bcfbbbc4-7314-493f-b8cb-fd382cf26fc8

If this is good enough, i can remove the borders which are there in the generate section and make a PR.

ShashwatPS avatar Jan 04 '25 06:01 ShashwatPS

@KhudaDad414 You mean something like this ?

Screen.Recording.2025-01-04.at.11.29.25.AM.mov If this is good enough, i can remove the borders which are there in the generate section and make a PR.

@ShashwatPS feel free to create a PR on this if you want thanks

AayushSaini101 avatar Feb 20 '25 07:02 AayushSaini101

Submitted for bounty issue, i will take this

AayushSaini101 avatar Mar 07 '25 07:03 AayushSaini101

Bounty Issue's service comment

Text labels: bounty/2025-Q2, bounty/medium, bounty/coding First assignment to regular contributors: 2025-03-21 00:00:00 UTC+12:00 End Of Life after: 2025-04-30 23:59:59 UTC-12:00

@asyncapi/bounty_team

The Bounty Program is not a Mentorship Program. The accepted level of Bounty Program Participants is Middle/Senior.
Regular contributors should explain in meaningful words how they are going to approach the resolution process when expressing a desire to work on this Bounty Issue.

aeworxet avatar Mar 17 '25 13:03 aeworxet

Image

How about adding it on Side bar, as this is the core functionality?

abhavgoel avatar Mar 17 '25 14:03 abhavgoel

Hi @AayushSaini101, the original issue states that the "Generate code/docs", should be in the main bar (I assumed you meant the side bar if I am not wrong).

  • @KhudaDad414 commented that we can categorize all such options. Lets finalize an approach and I'll start working on this.

Current PR adds the Generate code/docs option in the side bar. Also clarify what you meant by the main bar here.

abhavgoel avatar Mar 17 '25 15:03 abhavgoel

@abhavgoel this is a bounty issue please wait until you are assigned before moving forward.

Shurtu-gal avatar Mar 17 '25 15:03 Shurtu-gal

I am assigning @abhavgoel to this issue.

The deliverables include:

  • Putting the icons similar to the screen recording. So that all options are on the bar atop the editor.
  • Ensuring generator and other options is working properly

Shurtu-gal avatar Mar 21 '25 07:03 Shurtu-gal

Should the options also be categorized as shown in the recording?

abhavgoel avatar Mar 21 '25 08:03 abhavgoel

Should the options also be categorized as shown in the recording?

yes, take the reference of the screen recording, https://editor.swagger.io/ reference this will help to enhance to user experience on the studio

AayushSaini101 avatar Mar 21 '25 08:03 AayushSaini101

Bounty Issue's Timeline

Complexity Level Assignment Date (by GitHub) Start Date (by BP Rules) End Date (by BP Rules) Draft PR Submission Final PR Merge Start Final PR Merge End
Medium 2025-03-21 2025-04-07 2025-05-18 2025-04-20 2025-05-04 2025-05-18
Please note that the dates given represent deadlines, not specific dates, so if the goal is reached sooner, it's better.
Keep in mind the responsibility for violations of the Timeline.

Assignee: @abhavgoel (githubID: 72388884)

aeworxet avatar Mar 21 '25 09:03 aeworxet

Approach after code analysis -

  • I plan to make 4 files each for different dropdown category (Import, Generate etc.) and move the code in them, so that they wont clutter the main file.

abhavgoel avatar Mar 21 '25 10:03 abhavgoel

https://github.com/user-attachments/assets/c460d95c-7d68-4369-b37c-7917faf28b73

@AayushSaini101 @Shurtu-gal does this look good?

abhavgoel avatar Mar 24 '25 18:03 abhavgoel

Can I raise a PR now, or according to the start date in the above comment?

abhavgoel avatar Mar 30 '25 07:03 abhavgoel

@abhavgoel

Can I raise a PR now, or according to the start date in the above comment?

Yes, the expedited procedure is welcomed.

aeworxet avatar Mar 31 '25 05:03 aeworxet

@abhavgoel no need to worry regarding generator of server-api not working for v3.0.0. Just go ahead and start working on adding the test suites. I will fix the api at the earliest.

Shurtu-gal avatar Apr 02 '25 09:04 Shurtu-gal

closed via: https://github.com/asyncapi/studio/pull/1184 bounty issue completed @aeworxet

AayushSaini101 avatar Apr 07 '25 03:04 AayushSaini101

Bounty Issue Is Completed 🎉

@abhavgoel (githubID: 72388884), please go to the dedicated AsyncAPI Bounty Program 2025 page on Open Collective and submit an invoice for USD 200.00 (button 'ACTIONS', dropdown option 'Submit expense') with the expense title Bounty studio#1104, tag bounty, and full URL of this Bounty Issue in the description.

After submitting the invoice, please post the link to it in this Bounty Issue as a separate comment.

aeworxet avatar Apr 07 '25 06:04 aeworxet

https://opencollective.com/asyncapi/projects/asyncapi-bounty-program/expenses/245680

abhavgoel avatar Apr 07 '25 06:04 abhavgoel

✅ The invoice https://opencollective.com/asyncapi/projects/asyncapi-bounty-program/expenses/245680 was submitted by the same Bounty Program Participant who completed the Bounty Issue studio#1104.

aeworxet avatar Apr 07 '25 07:04 aeworxet