website icon indicating copy to clipboard operation
website copied to clipboard

Improve how people see spec in the website

Open derberg opened this issue 2 years ago • 24 comments

Reason/Context

Even though AsyncAPI specification markdown file is located in the spec repo, for a better UX we make it available in the AsyncAPI website too. We have proper automation in place that makes sure they are in perfect sync, so no worries 🍺

But we just render markdown as it is and that is it.

It is looooong markdown.

When you jump from 2.0 to 2.1 majority of the content is the same. How one can spot what changed?

Go to release notes? yeah, sure, why not. But you need to know where to look for, and anyway we can do much better here!

Description

  • Provide reference link to release notes. Somewhere on the top of every spec document we should also render link to GitHub release notes, where user also find link to more detailed article. So basically link from here -> here
  • Have some kind of toogle (supported as query param), that once enabled, provides a kind of overlay, a smarter view, where in the rendered document, parts that are new/changed are highlighted. I don't know yet how nicely present removed parts

derberg avatar Sep 17 '21 10:09 derberg

@derberg wanna assign this to me?

AceTheCreator avatar Sep 23 '21 18:09 AceTheCreator

@AceTheCreator only if you want it 😄

derberg avatar Sep 24 '21 07:09 derberg

@derberg guess it's all mine now 😀

AceTheCreator avatar Sep 25 '21 05:09 AceTheCreator

@AceTheCreator enjoy! 😄 first research, explore possible options, share with community progress and some screen shots on how you see it and then implement 😉

derberg avatar Sep 27 '21 11:09 derberg

@derberg Thanks for the heads-up, I'll definitely follow your suggested approach

AceTheCreator avatar Sep 28 '21 04:09 AceTheCreator

@derberg How about using an accordion for summarized release notes of every version like so: https://react-bootstrap.netlify.app/components/accordion/#accordion

and a link to detailed release notes at the footer of this accordion?

sambhavsaxena avatar Nov 22 '21 15:11 sambhavsaxena

@sambhavsaxena the problem is we do not have such "summarized" release notes, only full release notes

derberg avatar Nov 23 '21 12:11 derberg

Just putting this here, not sure if it can help or not, but Codesandbox open-sourced a nice component that can help with docs.

https://codesandbox.io/post/sandpack-announcement

boyney123 avatar Dec 06 '21 09:12 boyney123

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 Apr 06 '22 00:04 github-actions[bot]

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 Aug 06 '22 00:08 github-actions[bot]