diff --git a/config/tools-automated.json b/config/tools-automated.json index 2f76c682b6f..bbecdf314ac 100644 --- a/config/tools-automated.json +++ b/config/tools-automated.json @@ -1 +1 @@ -{"APIs":{"description":"The following is a list of APIs that expose functionality related to AsyncAPI.","toolsList":[]},"Code-first tools":{"description":"The following is a list of tools that generate AsyncAPI documents from your code.","toolsList":[]},"Code Generators":{"description":"The following is a list of tools that generate code from an AsyncAPI document; not the other way around.","toolsList":[{"title":"Sample Tool","description":"Tool for testing","links":{"websiteUrl":"https://akshatnema.netlify.app","docsUrl":"","repoUrl":"https://github.com/akshatnema/Login-Registration-project"},"filters":{"language":"javascript","technology":["react"],"categories":["code generator"],"hasCommercial":false,"isAsyncAPIOwner":false}}]},"Converters":{"description":"The following is a list of tools that do not yet belong to any specific category but are also useful for the community.","toolsList":[]},"Directories":{"description":"The following is a list of directories that index public AsyncAPI documents.","toolsList":[]},"Documentation Generators":{"description":"The following is a list of tools that generate human-readable documentation from an AsyncAPI document.","toolsList":[]},"Editors":{"description":"The following is a list of editors or related tools that allow editing of AsyncAPI document.","toolsList":[]},"UI components":{"description":"The following is a list of UI components to view AsyncAPI documents.","toolsList":[{"title":"AsyncAPI React component","description":"React component for rendering documentation from your specification in real-time in the browser. It also provides a WebComponent and bundle for Angular and Vue","links":{"repoUrl":"https://github.com/asyncapi/asyncapi-react"},"filters":{"languages":["TypeScript"],"technology":["React","WebComponents"],"categories":["ui-component"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"DSL":{"description":"Writing YAML by hand is no fun, and maybe you don't want a GUI, so use a Domain Specific Language to write AsyncAPI in your language of choice.","toolsList":[]},"Frameworks":{"description":"The following is a list of API/application frameworks that make use of AsyncAPI.","toolsList":[]},"GitHub Actions":{"description":"The following is a list of GitHub Actions that you can use in your workflows","toolsList":[{"title":"GitHub Action for Generator","description":"GitHub Action to generate all the things from your AsyncAPI document using the AsyncAPI generator","links":{"repoUrl":"https://github.com/asyncapi/github-action-for-generator"},"filters":{"technology":["AsyncAPI Generator"],"categories":["github-actions"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Mocking and Testing":{"description":"The tools below take specification documents as input, then publish fake messages to broker destinations for simulation purposes. They may also check that publisher messages are compliant with schemas.","toolsList":[]},"Validators":{"description":"The following is a list of tools that validate AsyncAPI documents.","toolsList":[]},"Compare tools":{"description":"The following is a list of tools that compare AsyncAPI documents.","toolsList":[{"title":"AsyncAPI Diff","description":"Diff is a library that compares two AsyncAPI Documents and provides information about the differences by pointing out explicitly information like breaking changes.","links":{"repoUrl":"https://github.com/asyncapi/diff"},"filters":{"languages":["TypeScript"],"technology":["TypeScript"],"categories":["compare-tool"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"CLIs":{"description":"The following is a list of tools that you can work with in terminal or do some CI/CD automation.","toolsList":[{"title":"AsyncAPI CLI","description":"One CLI to rule them all. \nThis is a CLI that aims to integrate all AsyncAPI tools that you need while AsyncAPI document development and maintainance. \nYou can use it to generate docs or code, validate AsyncAPI document and event create new documents.\n","links":{"websiteUrl":"https://www.asyncapi.com/tools/cli","repoUrl":"https://github.com/asyncapi/cli"},"filters":{"technology":["TypeScript"],"categories":["others","cli"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Bundlers":{"description":"The following is a list of tools that you can work with to bundle AsyncAPI documents.","toolsList":[{"title":"AsyncAPI Bundler","description":"Combine multiple AsyncAPI specification files into one","links":{"repoUrl":"https://github.com/asyncapi/bundler"},"filters":{"languages":["TypeScript"],"technology":["TypeScript"],"categories":["bundler"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"IDE Extensions":{"description":"The following is a list of extensions for different IDEs like VSCode, IntelliJ IDEA and others","toolsList":[{"title":"asyncapi-preview","description":"VSCode extension that enables you to:\n - Preview documentation generated using you AsyncAPI document. It uses AsyncAPI React component under the hood,\n - Create AsyncAPI documents faster using SmartPaste functionality\n","links":{"repoUrl":"https://github.com/asyncapi/vs-asyncapi-preview"},"filters":{"technology":["VSCode","SmartPaste"],"categories":["ide-extension"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Others":{"description":"The following is a list of tools that comes under Other category.","toolsList":[{"title":"AsyncAPI CLI","description":"One CLI to rule them all. \nThis is a CLI that aims to integrate all AsyncAPI tools that you need while AsyncAPI document development and maintainance. \nYou can use it to generate docs or code, validate AsyncAPI document and event create new documents.\n","links":{"websiteUrl":"https://www.asyncapi.com/tools/cli","repoUrl":"https://github.com/asyncapi/cli"},"filters":{"technology":["TypeScript"],"categories":["others","cli"],"hasCommercial":false,"isAsyncAPIOwner":true}}]}} \ No newline at end of file +{"APIs":{"description":"The following is a list of APIs that expose functionality related to AsyncAPI.","toolsList":[]},"Code-first tools":{"description":"The following is a list of tools that generate AsyncAPI documents from your code.","toolsList":[]},"Code Generators":{"description":"The following is a list of tools that generate code from an AsyncAPI document; not the other way around.","toolsList":[{"title":"Sample Tool","description":"Tool for testing","links":{"websiteUrl":"https://akshatnema.netlify.app","docsUrl":"","repoUrl":"https://github.com/akshatnema/Login-Registration-project"},"filters":{"language":"javascript","technology":["react"],"categories":["code generator"],"hasCommercial":false,"isAsyncAPIOwner":false}}]},"Converters":{"description":"The following is a list of tools that do not yet belong to any specific category but are also useful for the community.","toolsList":[]},"Directories":{"description":"The following is a list of directories that index public AsyncAPI documents.","toolsList":[]},"Documentation Generators":{"description":"The following is a list of tools that generate human-readable documentation from an AsyncAPI document.","toolsList":[]},"Editors":{"description":"The following is a list of editors or related tools that allow editing of AsyncAPI document.","toolsList":[]},"UI components":{"description":"The following is a list of UI components to view AsyncAPI documents.","toolsList":[{"title":"AsyncAPI React component","description":"React component for rendering documentation from your specification in real-time in the browser. It also provides a WebComponent and bundle for Angular and Vue","links":{"repoUrl":"https://github.com/asyncapi/asyncapi-react"},"filters":{"languages":["TypeScript"],"technology":["React","WebComponents"],"categories":["ui-component"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"DSL":{"description":"Writing YAML by hand is no fun, and maybe you don't want a GUI, so use a Domain Specific Language to write AsyncAPI in your language of choice.","toolsList":[]},"Frameworks":{"description":"The following is a list of API/application frameworks that make use of AsyncAPI.","toolsList":[]},"GitHub Actions":{"description":"The following is a list of GitHub Actions that you can use in your workflows","toolsList":[{"title":"GitHub Action for Generator","description":"GitHub Action to generate all the things from your AsyncAPI document using the AsyncAPI generator","links":{"repoUrl":"https://github.com/asyncapi/github-action-for-generator"},"filters":{"technology":["AsyncAPI Generator"],"categories":["github-actions"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Mocking and Testing":{"description":"The tools below take specification documents as input, then publish fake messages to broker destinations for simulation purposes. They may also check that publisher messages are compliant with schemas.","toolsList":[]},"Validators":{"description":"The following is a list of tools that validate AsyncAPI documents.","toolsList":[]},"Compare tools":{"description":"The following is a list of tools that compare AsyncAPI documents.","toolsList":[{"title":"AsyncAPI Diff","description":"Diff is a library that compares two AsyncAPI Documents and provides information about the differences by pointing out explicitly information like breaking changes.","links":{"repoUrl":"https://github.com/asyncapi/diff"},"filters":{"languages":["TypeScript"],"technology":["TypeScript"],"categories":["compare-tool"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"CLIs":{"description":"The following is a list of tools that you can work with in terminal or do some CI/CD automation.","toolsList":[{"title":"AsyncAPI CLI","description":"One CLI to rule them all. \nThis is a CLI that aims to integrate all AsyncAPI tools that you need while AsyncAPI document development and maintainance. \nYou can use it to generate docs or code, validate AsyncAPI document and event create new documents.\n","links":{"websiteUrl":"https://www.asyncapi.com/tools/cli","repoUrl":"https://github.com/asyncapi/cli"},"filters":{"technology":["TypeScript"],"categories":["others","cli"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Bundlers":{"description":"The following is a list of tools that you can work with to bundle AsyncAPI documents.","toolsList":[{"title":"AsyncAPI Bundler","description":"Combine multiple AsyncAPI specification files into one","links":{"repoUrl":"https://github.com/asyncapi/bundler"},"filters":{"languages":["TypeScript"],"technology":["TypeScript"],"categories":["bundler"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"IDE Extensions":{"description":"The following is a list of extensions for different IDEs like VSCode, IntelliJ IDEA and others","toolsList":[{"title":"asyncapi-preview","description":"VSCode extension that enables you to:\n - Preview documentation generated using you AsyncAPI document. It uses AsyncAPI React component under the hood,\n - Create AsyncAPI documents faster using SmartPaste functionality\n","links":{"repoUrl":"https://github.com/asyncapi/vs-asyncapi-preview"},"filters":{"technology":["VSCode","SmartPaste"],"categories":["ide-extension"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Others":{"description":"The following is a list of tools that comes under Other category.","toolsList":[{"title":"AsyncAPI CLI","description":"One CLI to rule them all. \nThis is a CLI that aims to integrate all AsyncAPI tools that you need while AsyncAPI document development and maintainance. \nYou can use it to generate docs or code, validate AsyncAPI document and event create new documents.\n","links":{"websiteUrl":"https://www.asyncapi.com/tools/cli","repoUrl":"https://github.com/asyncapi/cli"},"filters":{"technology":["TypeScript"],"categories":["others","cli"],"hasCommercial":false,"isAsyncAPIOwner":true}}]}} diff --git a/config/tools.json b/config/tools.json index d061bca0e17..c6f5e0b80af 100644 --- a/config/tools.json +++ b/config/tools.json @@ -1 +1 @@ -{"APIs":{"description":"The following is a list of APIs that expose functionality related to AsyncAPI.","toolsList":[]},"Code-first tools":{"description":"The following is a list of tools that generate AsyncAPI documents from your code.","toolsList":[]},"Code Generators":{"description":"The following is a list of tools that generate code from an AsyncAPI document; not the other way around.","toolsList":[{"title":"Sample Tool","description":"Tool for testing","links":{"websiteUrl":"https://akshatnema.netlify.app","docsUrl":"","repoUrl":"https://github.com/akshatnema/Login-Registration-project"},"filters":{"language":{"name":"JavaScript","color":"bg-[#F2F1C7]","borderColor":"border-[#BFBE86]"},"technology":[{"name":"React JS","color":"bg-[#9FECFA]","borderColor":"border-[#08D8FE]"}],"categories":["code generator"],"hasCommercial":false,"isAsyncAPIOwner":false}}]},"Converters":{"description":"The following is a list of tools that do not yet belong to any specific category but are also useful for the community.","toolsList":[]},"Directories":{"description":"The following is a list of directories that index public AsyncAPI documents.","toolsList":[]},"Documentation Generators":{"description":"The following is a list of tools that generate human-readable documentation from an AsyncAPI document.","toolsList":[{"title":"asyncapi-asciidoc-template","description":"Asciidoc template for the asyncapi generator","links":{"repoUrl":"https://gitlab.com/djencks/asyncapi-asciidoc-template"},"filters":{"language":{"name":"JavaScript","color":"bg-[#F2F1C7]","borderColor":"border-[#BFBE86]"},"technology":[{"name":"React JS","color":"bg-[#9FECFA]","borderColor":"border-[#08D8FE]"}],"categories":["documentation generator"],"hasCommercial":false,"isAsyncAPIOwner":false}}]},"Editors":{"description":"The following is a list of editors or related tools that allow editing of AsyncAPI document.","toolsList":[]},"UI components":{"description":"The following is a list of UI components to view AsyncAPI documents.","toolsList":[{"title":"AsyncAPI React component","description":"React component for rendering documentation from your specification in real-time in the browser. It also provides a WebComponent and bundle for Angular and Vue","links":{"repoUrl":"https://github.com/asyncapi/asyncapi-react"},"filters":{"languages":["TypeScript"],"technology":[{"name":"React JS","color":"bg-[#9FECFA]","borderColor":"border-[#08D8FE]"},{"name":"WebComponents","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["ui-component"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"DSL":{"description":"Writing YAML by hand is no fun, and maybe you don't want a GUI, so use a Domain Specific Language to write AsyncAPI in your language of choice.","toolsList":[]},"Frameworks":{"description":"The following is a list of API/application frameworks that make use of AsyncAPI.","toolsList":[]},"GitHub Actions":{"description":"The following is a list of GitHub Actions that you can use in your workflows","toolsList":[{"title":"GitHub Action for Generator","description":"GitHub Action to generate all the things from your AsyncAPI document using the AsyncAPI generator","links":{"repoUrl":"https://github.com/asyncapi/github-action-for-generator"},"filters":{"technology":[{"name":"AsyncAPI Generator","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["github-actions"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Mocking and Testing":{"description":"The tools below take specification documents as input, then publish fake messages to broker destinations for simulation purposes. They may also check that publisher messages are compliant with schemas.","toolsList":[]},"Validators":{"description":"The following is a list of tools that validate AsyncAPI documents.","toolsList":[]},"Compare tools":{"description":"The following is a list of tools that compare AsyncAPI documents.","toolsList":[{"title":"AsyncAPI Diff","description":"Diff is a library that compares two AsyncAPI Documents and provides information about the differences by pointing out explicitly information like breaking changes.","links":{"repoUrl":"https://github.com/asyncapi/diff"},"filters":{"languages":["TypeScript"],"technology":[{"name":"TypeScript","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["compare-tool"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"CLIs":{"description":"The following is a list of tools that you can work with in terminal or do some CI/CD automation.","toolsList":[{"title":"AsyncAPI CLI","description":"One CLI to rule them all. \nThis is a CLI that aims to integrate all AsyncAPI tools that you need while AsyncAPI document development and maintainance. \nYou can use it to generate docs or code, validate AsyncAPI document and event create new documents.\n","links":{"websiteUrl":"https://www.asyncapi.com/tools/cli","repoUrl":"https://github.com/asyncapi/cli"},"filters":{"technology":[{"name":"TypeScript","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["others","cli"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Bundlers":{"description":"The following is a list of tools that you can work with to bundle AsyncAPI documents.","toolsList":[{"title":"AsyncAPI Bundler","description":"Combine multiple AsyncAPI specification files into one","links":{"repoUrl":"https://github.com/asyncapi/bundler"},"filters":{"languages":["TypeScript"],"technology":[{"name":"TypeScript","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["bundler"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"IDE Extensions":{"description":"The following is a list of extensions for different IDEs like VSCode, IntelliJ IDEA and others","toolsList":[{"title":"asyncapi-preview","description":"VSCode extension that enables you to:\n - Preview documentation generated using you AsyncAPI document. It uses AsyncAPI React component under the hood,\n - Create AsyncAPI documents faster using SmartPaste functionality\n","links":{"repoUrl":"https://github.com/asyncapi/vs-asyncapi-preview"},"filters":{"technology":[{"name":"VSCode","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"},{"name":"SmartPaste","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["ide-extension"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Others":{"description":"The following is a list of tools that comes under Other category.","toolsList":[{"title":"AsyncAPI CLI","description":"One CLI to rule them all. \nThis is a CLI that aims to integrate all AsyncAPI tools that you need while AsyncAPI document development and maintainance. \nYou can use it to generate docs or code, validate AsyncAPI document and event create new documents.\n","links":{"websiteUrl":"https://www.asyncapi.com/tools/cli","repoUrl":"https://github.com/asyncapi/cli"},"filters":{"technology":[{"name":"TypeScript","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["others","cli"],"hasCommercial":false,"isAsyncAPIOwner":true}}]}} \ No newline at end of file +{"APIs":{"description":"The following is a list of APIs that expose functionality related to AsyncAPI.","toolsList":[]},"Code-first tools":{"description":"The following is a list of tools that generate AsyncAPI documents from your code.","toolsList":[]},"Code Generators":{"description":"The following is a list of tools that generate code from an AsyncAPI document; not the other way around.","toolsList":[{"title":"Sample Tool","description":"Tool for testing","links":{"websiteUrl":"https://akshatnema.netlify.app","docsUrl":"","repoUrl":"https://github.com/akshatnema/Login-Registration-project"},"filters":{"language":{"name":"JavaScript","color":"bg-[#F2F1C7]","borderColor":"border-[#BFBE86]"},"technology":[{"name":"React JS","color":"bg-[#9FECFA]","borderColor":"border-[#08D8FE]"}],"categories":["code generator"],"hasCommercial":false,"isAsyncAPIOwner":false}}]},"Converters":{"description":"The following is a list of tools that do not yet belong to any specific category but are also useful for the community.","toolsList":[]},"Directories":{"description":"The following is a list of directories that index public AsyncAPI documents.","toolsList":[]},"Documentation Generators":{"description":"The following is a list of tools that generate human-readable documentation from an AsyncAPI document.","toolsList":[{"title":"asyncapi-asciidoc-template","description":"Asciidoc template for the asyncapi generator","links":{"repoUrl":"https://gitlab.com/djencks/asyncapi-asciidoc-template"},"filters":{"language":{"name":"JavaScript","color":"bg-[#F2F1C7]","borderColor":"border-[#BFBE86]"},"technology":[{"name":"React JS","color":"bg-[#9FECFA]","borderColor":"border-[#08D8FE]"}],"categories":["documentation generator"],"hasCommercial":false,"isAsyncAPIOwner":false}}]},"Editors":{"description":"The following is a list of editors or related tools that allow editing of AsyncAPI document.","toolsList":[]},"UI components":{"description":"The following is a list of UI components to view AsyncAPI documents.","toolsList":[{"title":"AsyncAPI React component","description":"React component for rendering documentation from your specification in real-time in the browser. It also provides a WebComponent and bundle for Angular and Vue","links":{"repoUrl":"https://github.com/asyncapi/asyncapi-react"},"filters":{"languages":["TypeScript"],"technology":[{"name":"React JS","color":"bg-[#9FECFA]","borderColor":"border-[#08D8FE]"},{"name":"WebComponents","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["ui-component"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"DSL":{"description":"Writing YAML by hand is no fun, and maybe you don't want a GUI, so use a Domain Specific Language to write AsyncAPI in your language of choice.","toolsList":[]},"Frameworks":{"description":"The following is a list of API/application frameworks that make use of AsyncAPI.","toolsList":[]},"GitHub Actions":{"description":"The following is a list of GitHub Actions that you can use in your workflows","toolsList":[{"title":"GitHub Action for Generator","description":"GitHub Action to generate all the things from your AsyncAPI document using the AsyncAPI generator","links":{"repoUrl":"https://github.com/asyncapi/github-action-for-generator"},"filters":{"technology":[{"name":"AsyncAPI Generator","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["github-actions"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Mocking and Testing":{"description":"The tools below take specification documents as input, then publish fake messages to broker destinations for simulation purposes. They may also check that publisher messages are compliant with schemas.","toolsList":[]},"Validators":{"description":"The following is a list of tools that validate AsyncAPI documents.","toolsList":[]},"Compare tools":{"description":"The following is a list of tools that compare AsyncAPI documents.","toolsList":[{"title":"AsyncAPI Diff","description":"Diff is a library that compares two AsyncAPI Documents and provides information about the differences by pointing out explicitly information like breaking changes.","links":{"repoUrl":"https://github.com/asyncapi/diff"},"filters":{"languages":["TypeScript"],"technology":[{"name":"TypeScript","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["compare-tool"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"CLIs":{"description":"The following is a list of tools that you can work with in terminal or do some CI/CD automation.","toolsList":[{"title":"AsyncAPI CLI","description":"One CLI to rule them all. \nThis is a CLI that aims to integrate all AsyncAPI tools that you need while AsyncAPI document development and maintainance. \nYou can use it to generate docs or code, validate AsyncAPI document and event create new documents.\n","links":{"websiteUrl":"https://www.asyncapi.com/tools/cli","repoUrl":"https://github.com/asyncapi/cli"},"filters":{"technology":[{"name":"TypeScript","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["others","cli"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Bundlers":{"description":"The following is a list of tools that you can work with to bundle AsyncAPI documents.","toolsList":[{"title":"AsyncAPI Bundler","description":"Combine multiple AsyncAPI specification files into one","links":{"repoUrl":"https://github.com/asyncapi/bundler"},"filters":{"languages":["TypeScript"],"technology":[{"name":"TypeScript","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["bundler"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"IDE Extensions":{"description":"The following is a list of extensions for different IDEs like VSCode, IntelliJ IDEA and others","toolsList":[{"title":"asyncapi-preview","description":"VSCode extension that enables you to:\n - Preview documentation generated using you AsyncAPI document. It uses AsyncAPI React component under the hood,\n - Create AsyncAPI documents faster using SmartPaste functionality\n","links":{"repoUrl":"https://github.com/asyncapi/vs-asyncapi-preview"},"filters":{"technology":[{"name":"VSCode","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"},{"name":"SmartPaste","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["ide-extension"],"hasCommercial":false,"isAsyncAPIOwner":true}}]},"Others":{"description":"The following is a list of tools that comes under Other category.","toolsList":[{"title":"AsyncAPI CLI","description":"One CLI to rule them all. \nThis is a CLI that aims to integrate all AsyncAPI tools that you need while AsyncAPI document development and maintainance. \nYou can use it to generate docs or code, validate AsyncAPI document and event create new documents.\n","links":{"websiteUrl":"https://www.asyncapi.com/tools/cli","repoUrl":"https://github.com/asyncapi/cli"},"filters":{"technology":[{"name":"TypeScript","color":"bg-[#61d0f2]","borderColor":"border-[#40ccf7]"}],"categories":["others","cli"],"hasCommercial":false,"isAsyncAPIOwner":true}}]}} diff --git a/pages/community/ambassadors/[id].js b/pages/community/ambassadors/[id].js new file mode 100644 index 00000000000..6c7643cdfdb --- /dev/null +++ b/pages/community/ambassadors/[id].js @@ -0,0 +1,126 @@ +import React from 'react'; +import IconGithub from '../../../components/icons/Github'; +import IconLinkedIn from '../../../components/icons/LinkedIn'; +import IconTwitter from '../../../components/icons/Twitter'; +import GenericLayout from '../../../components/layout/GenericLayout'; +import Heading from '../../../components/typography/Heading'; +import ambassadors from '../../../config/AMBASSADORS_MEMBERS.json'; + +export async function getStaticProps({ params }) { + const data = ambassadors.filter((p) => p.github === params.id); + return { + props: { + contributor: data[0], + }, + }; +} + +export async function getStaticPaths() { + const paths = ambassadors.map((user) => ({ + params: { id: user.github }, + })); + return { + paths, + fallback: false, + }; +} + +function Index({ contributor }) { + const image = '/img/social/website-card.png'; + return ( + +
+
+ + {contributor.name} + +
+ {contributor.countryFlag} + {contributor.country} +
+
+ {contributor.bio} +
+
+ +
+ +
+ + +
+ +
+ + +
+ +
+ +
+
+
+ {contributor.name} +
+
+
+ + Contributions + +
+ {contributor.contributions.map((contribution) => { + return ( +
+ +
+ {contribution.title} +
+
{contribution.type}
{' '} +
+ {contribution.date.month}-{contribution.date.year} +
+
+
+ +
+ ); + })} +
+ + ); +} + +export default Index; diff --git a/pages/community/ambassadors/index.js b/pages/community/ambassadors/index.js new file mode 100644 index 00000000000..b6a376d37f9 --- /dev/null +++ b/pages/community/ambassadors/index.js @@ -0,0 +1,345 @@ +import React from 'react'; +import {sortBy} from 'lodash'; +import Button from '../../../components/buttons/Button'; +import GenericLayout from '../../../components/layout/GenericLayout'; +import Heading from '../../../components/typography/Heading'; +import NewsletterSubscribe from '../../../components/NewsletterSubscribe'; +import ambassadors from '../../../config/AMBASSADORS_MEMBERS.json'; +import Link from 'next/link'; + +const data = [ + { + title: 'Written content', + details: + 'Write guides, step-by-step tutorials, community documentation, AsyncAPI blog posts, and beyond.', + icon: '/img/illustrations/blog.svg', + }, + { + title: 'Video content', + details: + 'Produce educational videos on YouTube and other platforms for AsyncAPI.', + icon: '/img/illustrations/video-creation.svg', + }, + { + title: 'Live streams', + details: 'Moderate or host live streams that demo the AsyncAPI ecosystem.', + icon: '/img/illustrations/live.svg', + }, + { + title: 'Give talks', + details: + 'Speak at meetups and conferences; we’ll help with slides, abstract submissions, and travel budget.', + icon: '/img/illustrations/speaking.svg', + }, + { + title: 'Interactive Learning', + details: + 'Gamify educational content and create interactive learning paths for teaching AsycnAPI and event-driven architectures.', + icon: '/img/illustrations/learning-app.svg', + }, + { + title: 'Build real-life usecases example', + details: + 'Develop real-life usecase project example using the AsyncaAPI specification', + icon: '/img/illustrations/codes.svg', + }, + { + title: 'AsyncAPI Contributions', + details: + 'Collaborate with the AsyncAPI community via diverse contributions and improvements.', + icon: '/img/illustrations/advisor.svg', + }, + { + title: 'Gather Use-Cases', + details: + 'Collect data from existing AsyncAPI users and create use-case studies.', + icon: '/img/illustrations/meeting.jpg', + }, +]; + + +const tokens = [ + { + emoji: '🗺️', + title: 'Travel', + details: 'Ambassadors are provided free entry to AsyncAPI conferences.', + }, + { + emoji: '🌟', + title: 'Recognition', + details: 'Ambassadors receive community-wide recognition.', + }, + { + emoji: '🎁', + title: 'Special Swags', + details: + 'Community members recognize you by gifting you exclusive AsyncAPI Ambassador swag.', + }, + { + emoji: '🧰', + title: 'Workshop Swags', + details: + 'Ambassadors are gifted swag from AsyncAPI conferences and workshops.', + }, +]; + +function addAdditionalUserInfo(user) { + const userData = { + ...user, + }; + + // add social links + if (userData.github) + userData.githubUrl = `https://www.github.com/${userData.github}`; + if (userData.linkedin) + userData.linkedinUrl = `https://www.linkedin.com/in/${userData.linkedin}`; + if (userData.twitter) + userData.twitterUrl = `https://www.twitter.com/${userData.twitter}`; + + // add img url + // github redirects to avatar url using `https://www.github.com/.png` + userData.img = userData.githubUrl + '.png'; + + return userData; +} + +function Index() { + const image = '/img/social/website-card.png'; + const asyncapiAmbassadors = sortBy( + ambassadors.map((user) => addAdditionalUserInfo(user)), + ['name'] + ); + + return ( + +
+
+

+ Teachers. Champions.{' '} + Ambassadors! +

+ + Passionate about event-driven architectures or message-driven APIs? + Become an AsyncAPI Ambassador and help the OSS community build the + future of APIs. + +
+
+
+
+ ambassador-cover +
+
+
+
+
+ Photo by{' '} + + Headway + {' '} + on{' '} + + Unsplash + +
+
+
+
+ + AsyncAPI Ambassador Contributions + + + AsyncAPI Ambassadors are passionate about APIs and AsyncAPI. They + share their interest, expertise, and excitement within their + communities to help others build better software. + +
+
+
    + {data.map((link) => ( +
  • + {link.title} + + {link.title} + +

    {link.details}

    +
    • + ))} +
+
+
+ + Join these AsyncAPI Ambassadors + + + Learn and share knowledge with community members + +
+ {asyncapiAmbassadors.map((ambassador, i) => ( +
+
+
+
{ambassador.name}
+
{ambassador.country}
+
+ +
+
+ {ambassador.name} +
+
+ {ambassador.title} +
+
+ +
+ +
+ ))} +
+
+
+
+
+ Tokens of our appreciation + + We appreciate your commitment and passion for sharing your + knowledge with your communities. Let us support you! + +
+
+
+
    + {tokens.map((token) => ( +
  • +
    +
    + {token.emoji} +
    +
    +
    + {token.title} +

    + {token.details} +

    +
    +
    • + ))} +
+
+
+
+
+ + Become an AsycnAPI Ambassador + + + The AsyncAPI Ambassador program is now open for applications! If + you’re selected, you’ll join AsyncAPI's mission of helping + community members all over the world, build the future of + Event-Driven APIs. + +
+
+
+
+ + + ); +} + +export default Index; diff --git a/public/img/homepage/ambassador-cover.svg b/public/img/homepage/ambassador-cover.svg new file mode 100644 index 00000000000..d9a58bb3d35 --- /dev/null +++ b/public/img/homepage/ambassador-cover.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/homepage/gathering.jpg b/public/img/homepage/gathering.jpg new file mode 100644 index 00000000000..ef0f3b39f10 Binary files /dev/null and b/public/img/homepage/gathering.jpg differ diff --git a/public/img/homepage/mapbase.png b/public/img/homepage/mapbase.png new file mode 100644 index 00000000000..678559f24af Binary files /dev/null and b/public/img/homepage/mapbase.png differ diff --git a/public/img/illustrations/advisor.svg b/public/img/illustrations/advisor.svg new file mode 100644 index 00000000000..9874f9d3c26 --- /dev/null +++ b/public/img/illustrations/advisor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/illustrations/blog.svg b/public/img/illustrations/blog.svg new file mode 100644 index 00000000000..ec02b41313f --- /dev/null +++ b/public/img/illustrations/blog.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/illustrations/codes.svg b/public/img/illustrations/codes.svg new file mode 100644 index 00000000000..7d24dc7774b --- /dev/null +++ b/public/img/illustrations/codes.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/illustrations/learning-app.svg b/public/img/illustrations/learning-app.svg new file mode 100644 index 00000000000..6c98945956e --- /dev/null +++ b/public/img/illustrations/learning-app.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/illustrations/live.svg b/public/img/illustrations/live.svg new file mode 100644 index 00000000000..e5bb4ff0cc1 --- /dev/null +++ b/public/img/illustrations/live.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/illustrations/meeting.jpg b/public/img/illustrations/meeting.jpg new file mode 100644 index 00000000000..34ff1eb5650 Binary files /dev/null and b/public/img/illustrations/meeting.jpg differ diff --git a/public/img/illustrations/meeting.svg b/public/img/illustrations/meeting.svg new file mode 100644 index 00000000000..e7a582089fe --- /dev/null +++ b/public/img/illustrations/meeting.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/illustrations/speaking.svg b/public/img/illustrations/speaking.svg new file mode 100644 index 00000000000..cc603117959 --- /dev/null +++ b/public/img/illustrations/speaking.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/illustrations/video-creation.svg b/public/img/illustrations/video-creation.svg new file mode 100644 index 00000000000..e97537a4911 --- /dev/null +++ b/public/img/illustrations/video-creation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index d8edfd27ee9..891d053e985 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -89,7 +89,7 @@ module.exports = { semibold: 600, bold: 700, extrabold: 800, - black: 900 + black: 900, }, backgroundImage: { eventCover: "url('/img/homepage/event-cover.png')", @@ -97,37 +97,39 @@ module.exports = { tutorialCover: "url('/img/homepage/tutorials.png')", usecases: "url('/img/homepage/usecases.png')", roadmapCover: "url('/img/homepage/roadmap.png')", + ambassadorCover: "url('/img/homepage/gathering.jpg')", + mapCover: "url('/img/homepage/mapbase.png')", }, fontFamily: { - 'sans': ['Inter', ...defaultTheme.fontFamily.sans], - 'heading': ['Work Sans', ...defaultTheme.fontFamily.sans], - 'body': ['Inter', ...defaultTheme.fontFamily.sans], - 'mono': ['Fira Code VF', 'Fira Code', ...defaultTheme.fontFamily.mono], + sans: ['Inter', ...defaultTheme.fontFamily.sans], + heading: ['Work Sans', ...defaultTheme.fontFamily.sans], + body: ['Inter', ...defaultTheme.fontFamily.sans], + mono: ['Fira Code VF', 'Fira Code', ...defaultTheme.fontFamily.mono], }, minWidth: { - '72': '18rem', - '40': '10rem', - '12': '3rem', + 72: '18rem', + 40: '10rem', + 12: '3rem', }, extend: { colors: { - 'gray': colorGray, - 'primary': colorPrimary, - 'secondary': colorSecondary, - 'pink': colorPink, - 'yellow': colorYellow, + gray: colorGray, + primary: colorPrimary, + secondary: colorSecondary, + pink: colorPink, + yellow: colorYellow, 'code-editor': { - 'dark' : '#252f3f', + dark: '#252f3f', 'dark-highlight': '#3e4d64', }, - 'dark': '#1B1130', - 'cool-gray':'#9C96A8', - 'hub': '#252f3f', - 'slack': '#371038', + dark: '#1B1130', + 'cool-gray': '#9C96A8', + hub: '#252f3f', + slack: '#371038', 'mac-window': { - 'close': '#ff5f56', - 'minimize': '#ffbd2e', - 'maximize': '#28c93f', + close: '#ff5f56', + minimize: '#ffbd2e', + maximize: '#28c93f', }, }, scale: { @@ -142,24 +144,24 @@ module.exports = { '12ch': '12ch', '14ch': '14ch', }, - width:{ - 'fit': 'fit-content', - 'beforeHalf': '49%' + width: { + fit: 'fit-content', + beforeHalf: '49%', }, height: { - '72': '18rem', - '80': '20rem', - '88': '22rem', - '100': '25rem', - '104': '26rem', - '108': '27rem', - '112': '28rem', - '116': '29rem', - '120': '30rem', - '130': '40rem', + 72: '18rem', + 80: '20rem', + 88: '22rem', + 100: '25rem', + 104: '26rem', + 108: '27rem', + 112: '28rem', + 116: '29rem', + 120: '30rem', + 130: '40rem', 'half-screen': '50vh', 'full-screen': '100vh', - 'beforeHalf': '49%', + beforeHalf: '49%', }, maxWidth: { '(screen-16)': 'calc(100vw - 16rem)', @@ -174,15 +176,15 @@ module.exports = { }, maxHeight: { '(screen-16)': 'calc(100vh - 4rem)', - '108': '27rem', + 108: '27rem', '(screen-14)': 'calc(100vh - 81px)', - '120': '37rem' + 120: '37rem', }, margin: { - '36': '9rem' - }, + 36: '9rem', + }, borderRadius: { - 'xl': '1rem', + xl: '1rem', }, letterSpacing: { heading: '-0.03em', @@ -195,7 +197,7 @@ module.exports = { '-15': '-7deg', }, fontSize: { - 'xxs': ['0.6rem', '0.6rem'], + xxs: ['0.6rem', '0.6rem'], 'heading-xs': ['16px', '1.375'], 'heading-sm': ['20px', '1.375'], 'heading-md': ['24px', '1.375'], @@ -203,9 +205,9 @@ module.exports = { 'heading-xl': ['64px', '1.375'], 'body-sm': ['14px', '1.625'], 'body-md': ['16px', '1.625'], - 'body-lg': ['18px', '1.625'] + 'body-lg': ['18px', '1.625'], }, - } + }, }, plugins: [ require('@tailwindcss/forms'), @@ -226,14 +228,15 @@ module.exports = { '.font-ligatures-contextual': { 'font-variant-ligatures': 'contextual', }, - '.scroll-none':{ + '.scroll-none': { 'scrollbar-width': 'none', - '-ms-overflow-style': 'none', + '-ms-overflow-style': 'none', + }, + '.scroll-none::-webkit-scrollbar': { + display: 'none', + 'scroll-behavior': 'smooth', }, - '.scroll-none::-webkit-scrollbar':{ - 'display':'none', - 'scroll-behavior':'smooth', - } - })}) + }); + }), ], };