Merge branch 'master' into notify-triagers

.github/workflows/if-nodejs-pr-testing.yml

@@ -0,0 +1,78 @@
+# This action is centrally managed in https://github.com/asyncapi/.github/
+# Don't make changes to this file in this repo as they will be overwritten with changes made to the same file in above mentioned repo
+
+# It does magic only if there is package.json file in the root of the project
+name: PR testing - if Node project
+
+on:
+  pull_request:
+    types: [opened, reopened, synchronize, ready_for_review]
+
+jobs:
+  test-nodejs-pr:
+    name: Test NodeJS PR - ${{ matrix.os }}
+    runs-on: ${{ matrix.os }}
+    strategy:
+      matrix:
+        os: [ubuntu-latest, macos-latest, windows-latest]
+    steps:
+      - if: >
+          !github.event.pull_request.draft && !(
+            (github.actor == 'asyncapi-bot' && (
+              startsWith(github.event.pull_request.title, 'ci: update of files from global .github repo') || 
+              startsWith(github.event.pull_request.title, 'chore(release):')
+            )) ||
+            (github.actor == 'asyncapi-bot-eve' && (
+              startsWith(github.event.pull_request.title, 'ci: update of files from global .github repo') || 
+              startsWith(github.event.pull_request.title, 'chore(release):')
+            )) ||
+            (github.actor == 'allcontributors[bot]' && 
+              startsWith(github.event.pull_request.title, 'docs: add')
+            )
+          )
+        id: should_run
+        name: Should Run
+        run: echo "shouldrun=true" >> $GITHUB_OUTPUT
+      - if: steps.should_run.outputs.shouldrun == 'true' 
+        name: Set git to use LF #to once and for all finish neverending fight between Unix and Windows
+        run: |
+          git config --global core.autocrlf false
+          git config --global core.eol lf
+      - if: steps.should_run.outputs.shouldrun == 'true' 
+        name: Checkout repository
+        uses: actions/checkout@v3
+      - if: steps.should_run.outputs.shouldrun == 'true' 
+        name: Check if Node.js project and has package.json
+        id: packagejson
+        run: test -e ./package.json && echo "exists=true" >> $GITHUB_OUTPUT || echo "exists=false" >> $GITHUB_OUTPUT
+        shell: bash
+      - if: steps.packagejson.outputs.exists == 'true'
+        name: Check package-lock version
+        uses: asyncapi/.github/.github/actions/get-node-version-from-package-lock@master
+        id: lockversion
+      - if: steps.packagejson.outputs.exists == 'true'
+        name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "${{ steps.lockversion.outputs.version }}"
+          cache: 'npm'
+          cache-dependency-path: '**/package-lock.json'
+      - if: steps.packagejson.outputs.exists == 'true'
+        name: Install dependencies
+        id: first-installation
+        run: npm install --loglevel verbose
+        continue-on-error: true
+      - if: steps.first-installation.outputs.status == 'failure' && steps.packagejson.outputs.exists == 'true'
+        name: Clear NPM cache and install deps again
+        run: | 
+          npm cache clean --force
+          npm install --loglevel verbose
+      - if: steps.packagejson.outputs.exists == 'true'
+        name: Test
+        run: npm test --if-present
+      - if: steps.packagejson.outputs.exists == 'true'
+        name: Run linter
+        run: npm run lint --if-present
+      - if: steps.packagejson.outputs.exists == 'true'
+        name: Run release assets generation to make sure PR does not break it
+        run: npm run generate:assets --if-present

components/FinancialSummary/ExpenseBreakdown.js

@@ -18,64 +18,76 @@ export default function ExpenseBreakdown() {
                     </div>
                     <div className="grid grid-cols-1 md:grid-cols-3 gap-10 mt-8 mx-3">
 
-                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
-                            <div className="text-darkGunMetal">
+                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center transform transition-transform hover:scale-105 active:scale-90">
+                            <a href='https://www.asyncapi.com/blog/beyond-boundaries' target= '_blank'>
+                                <div className="text-darkGunMetal">
                                 <div className="flex flex-col items-center">
                                     <img src="/img/illustrations/MentorshipProgram.webp" alt="Mentorship Program" className="w-1/5 h-auto object-cover rounded-md m-1" />
                                     <h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Mentorship Program</h2>
                                 </div>
                                 <p className="text-base text-center text-darkGunMetal">Our AsyncAPI Mentorship program offers paid guidance to develop valuable features, investing in tools and motivated individuals for community benefit.</p>
                             </div>
+                            </a>
                         </div>
 
-                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
+                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center transform transition-transform hover:scale-105 active:scale-90">
+                            <a href='https://github.com/orgs/asyncapi/discussions/541#discussioncomment-5462792' target='_blank'>
                             <div className="text-darkGunMetal">
                                 <div className="flex flex-col items-center">
                                     <img src="/img/illustrations/BountyProgram.webp" alt="Bounty Program" className="w-1/5 h-auto object-cover rounded-md m-1" />
                                     <h2 className="text-2xl text-center font-semibold my-2 text-darkGunMetal">Bounty Program</h2>
                                 </div>
                                 <p className="text-base text-center text-darkGunMetal">Rewarding contributors regardless of affiliation or volunteer status. Free mentoring and support for newcomers to build portfolios and unlock tech prospects.</p>
                             </div>
+                            </a>
                         </div>
 
-                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
+                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center transform transition-transform hover:scale-105 active:scale-90">
+                            <a href='https://github.com/orgs/asyncapi/discussions/381' target='_blank'>
                             <div className="text-darkGunMetal">
                                 <div className="flex flex-col items-center">
                                     <img src="/img/illustrations/Events.webp" alt="Events" className="w-1/5 h-auto object-cover rounded-md m-1" />
                                     <h2 className="text-2xl text-center font-semibold my-2 text-darkGunMetal">Events</h2>
                                 </div>
                                 <p className="text-base text-center text-darkGunMetal">Supporting AsyncAPI conferences incurs costs for services and travel arrangements. Your contributions facilitate event hosting and community growth.</p>
                             </div>
+                            </a>
                         </div>
 
-                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
+                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center transform transition-transform hover:scale-105 active:scale-90">
+                            <a href='https://www.store.asyncapi.com/collections/all-products' target='_blank'>
                             <div className="text-darkGunMetal">
                                 <div className="flex flex-col items-center">
                                     <img src="/img/illustrations/SwagStore.webp" alt="Swag Store" className="w-1/5 h-auto object-cover rounded-md m-1" />
                                     <h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Swag Store</h2>
                                 </div>
                                 <p className="text-base text-center text-darkGunMetal">Creating a swag store for seamless distribution to contributors, mentees, ambassadors, and community members. Store profits can fund complimentary swag expenses.</p>
                             </div>
+                            </a>
                         </div>
 
-                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
+                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center transform transition-transform hover:scale-105 active:scale-90">
+                            <a href='https://github.com/orgs/asyncapi/discussions/515' target='_blank'>
                             <div className="text-darkGunMetal">
                                 <div className="flex flex-col items-center">
                                     <img src="/img/illustrations/Hiring.webp" alt="Hiring" className="w-1/5 h-auto object-cover rounded-md m-1" />
                                     <h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Hiring</h2>
                                 </div>
                                 <p className="text-base text-center text-darkGunMetal">To support our community, we require full time commitment. Open Collective helps us hire for AsyncAPI. <a style={{ textDecoration: "underline" }} href="https://www.linkedin.com/in/v-thulisile-sibanda/" target='_blank'>Thulie</a> joined us as a community manager, with plans to expand our team.</p>
                             </div>
+                            </a>
                         </div>
 
-                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center">
+                        <div className="bg-white rounded-md shadow-md p-4 flex flex-col items-center transform transition-transform hover:scale-105 active:scale-90">
+                            <a href='https://github.com/orgs/asyncapi/discussions/295' target='_blank'>
                             <div className="text-darkGunMetal">
                                 <div className="flex flex-col items-center">
                                     <img src="/img/illustrations/Services.webp" alt="Services" className="w-1/5 h-auto object-cover rounded-md m-1" />
                                     <h2 className="text-2xl font-semibold my-2 text-center text-darkGunMetal">Services</h2>
                                 </div>
                                 <p className="text-base text-center text-darkGunMetal">Occasionally, we must pay for services such as Zoom or Descript, as they are not available through specific Open Source support programs.</p>
                             </div>
+                            </a>
                         </div>
 
                     </div>

components/layout/BlogLayout.js

@@ -5,10 +5,8 @@ import moment from 'moment';
 import Head from '../Head';
 import BlogContext from '../../context/BlogContext';
 import TOC from '../TOC';
-import NavBar from '../navigation/NavBar';
 import Container from './Container';
 import AuthorAvatars from '../AuthorAvatars';
-import StickyNavbar from '../navigation/StickyNavbar';
 import AnnouncementHero from '../campaigns/AnnoucementHero';
 
 export default function BlogLayout({ post, children }) {
@@ -22,9 +20,6 @@ export default function BlogLayout({ post, children }) {
 
   return (
     <BlogContext.Provider value={{ post }}>
-      <StickyNavbar data-testid="BlogLayout-Navbar">
-        <NavBar className="max-w-screen-xl block px-4 sm:px-6 lg:px-8 mx-auto" />
-      </StickyNavbar>
       <AnnouncementHero className="my-4 mx-8" />
       <Container cssBreakingPoint="lg" flex flexReverse>
         <TOC

components/layout/DocsLayout.js

@@ -7,10 +7,8 @@ import TOC from '../TOC';
 import DocsNav from '../navigation/DocsNav';
 import DocsMobileMenu from '../navigation/DocsMobileMenu';
 import DocsButton from '../buttons/DocsButton';
-import NavBar from '../navigation/NavBar';
 import ArrowRight from '../icons/ArrowRight';
 import Feedback from '../Feedback';
-import StickyNavbar from '../navigation/StickyNavbar';
 import Heading from '../typography/Heading';
 import AnnouncementHero from '../campaigns/AnnoucementHero';
 import { SearchButton, DOCS_INDEX_NAME } from '../AlgoliaSearch';
@@ -72,9 +70,6 @@ export default function DocsLayout({ post, navItems = {}, children }) {
 
   return (
     <DocsContext.Provider value={{ post, navItems }}>
-      <StickyNavbar>
-        <NavBar className="max-w-screen-xl block px-4 sm:px-6 lg:px-8 mx-auto" />
-      </StickyNavbar>
       <div className="bg-white px-4 sm:px-6 lg:px-8 w-full xl:max-w-7xl xl:mx-auto">
         {showMenu && (
           <DocsMobileMenu

components/layout/GenericLayout.js

@@ -1,8 +1,6 @@
 import Head from '../Head';
-import NavBar from '../navigation/NavBar';
 import Container from './Container';
 import AnnouncementHero from '../campaigns/AnnoucementHero';
-import StickyNavbar from '../navigation/StickyNavbar';
 
 export default function GenericLayout({
   title,
@@ -20,9 +18,6 @@ export default function GenericLayout({
   return (
     <div data-testid="GenericLayout">
       <Head title={title} description={description} image={image} />
-      <StickyNavbar>
-        <NavBar className="max-w-screen-xl block px-4 sm:px-6 lg:px-8 mx-auto" />
-      </StickyNavbar>
       <Container wide={wide}>
         <div data-testid="GenericLayout-banner">
         <AnnouncementHero

components/layout/GenericPostLayout.js

@@ -2,10 +2,8 @@ import { useRouter } from 'next/router'
 import ErrorPage from 'next/error'
 import Head from '../Head'
 import GenericPostContext from '../../context/GenericPostContext'
-import NavBar from '../navigation/NavBar'
 import Container from './Container'
 import AnnouncementHero from '../campaigns/AnnoucementHero'
-import StickyNavbar from '../navigation/StickyNavbar'
 
 export default function GenericPostLayout({ post, children }) {
   if (!post) return <ErrorPage statusCode={404} />
@@ -18,9 +16,6 @@ export default function GenericPostLayout({ post, children }) {
 
   return (
     <GenericPostContext.Provider value={{ post }}>
-      <StickyNavbar>
-        <NavBar className="max-w-screen-xl block px-4 sm:px-6 lg:px-8 mx-auto" />
-      </StickyNavbar>
       <AnnouncementHero className="text-center m-4" small={true} />
       <Container>
         <main

components/layout/GenericWideLayout.js

@@ -1,5 +1,4 @@
 import Head from '../Head'
-import NavBar from '../navigation/NavBar'
 import AnnouncementHero from '../campaigns/AnnoucementHero'
 import Row from './Row'
 
@@ -18,9 +17,6 @@ export default function GenericWideLayout({
   return (
     <>
       <Head title={title} description={description} image={image} />
-      <div className="sticky top-0 w-full bg-white border-b border-gray-300 z-50">
-        <NavBar className="max-w-screen-xl block px-4 sm:px-6 lg:px-8 mx-auto" />
-      </div>
       <Row>
         <AnnouncementHero className="text-center m-4" small={true} />
         {children}

components/layout/JobsLayout.js

@@ -2,11 +2,9 @@ import { useRouter } from 'next/router'
 import ErrorPage from 'next/error'
 import Head from '../Head'
 import JobsContext from '../../context/JobsContext'
-import NavBar from '../navigation/NavBar'
 import Container from './Container'
 import JobSummary from '../JobSummary'
 import ApplyJobButton from '../buttons/ApplyJob'
-import StickyNavbar from '../navigation/StickyNavbar'
 
 export default function JobsLayout({ post, children }) {
   if (!post) return <ErrorPage statusCode={404} />;
@@ -19,10 +17,6 @@ export default function JobsLayout({ post, children }) {
 
   return (
     <JobsContext.Provider value={{ post }}>
-      <StickyNavbar>
-        <NavBar className="max-w-screen-xl block px-4 sm:px-6 lg:px-8 mx-auto" />
-      </StickyNavbar>
-
       <Container cssBreakingPoint="lg" flex flexReverse>
         <div className="">
           <JobSummary

components/navigation/MobileNavMenu.js

@@ -19,7 +19,7 @@ export default function MobileNavMenu({ onClickClose = () => {} }) {
     setOpen(menu);
   }
   return (
-    <div className="fixed top-0 z-60 inset-x-0 py-2 transition transform origin-top-right max-h-full lg:hidden overflow-y-scroll">
+    <div className="fixed top-0 z-60 inset-x-0 py-2 transition transform origin-top-right max-h-full lg:hidden overflow-y-auto">
       <div className="rounded-lg shadow-lg">
         <div className="rounded-lg shadow-xs bg-white divide-y-2 divide-gray-50">
           <div className="pt-5 pb-6 px-5 space-y-6">

components/navigation/NavBar.js

@@ -200,7 +200,7 @@ export default function NavBar({
 
           <div className="flex flex-row items-center justify-content">
             <SearchButton
-              className="flex items-center text-left space-x-2 p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out"
+              className="flex items-center text-left space-x-2 p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out mr-2"
               aria-label="Open Search"
             >
               <IconLoupe />

components/sponsors/GoldSponsors.js

@@ -13,7 +13,7 @@ export default function GoldSponsors({ className = '', showSupportBanner = true
               data-testid="GoldSponsors-link"
             >
               <img
-                className="inline-block sm:h-12"
+                className={sponsor.imageClass}
                 src={sponsor.imageSrc}
                 alt={sponsor.name}
                 data-testid="GoldSponsors-img"

components/sponsors/GoldSponsorsList.js

@@ -1,8 +1,9 @@
 export const goldSponsors = [
   {
-    name: 'Red Hat',
-    imageSrc: '/img/sponsors/redhat.svg',
-    website: 'https://www.redhat.com/',
-  },
-
+    name: 'Postman',
+    website: 'https://www.postman.com',
+    imageSrc: '/img/sponsors/postman.png',
+    altText: 'Postman',
+    imageClass: 'inline-block px-4 sm:h-18',
+  }
 ];

components/sponsors/SilverSponsorsList.js

@@ -3,10 +3,15 @@ export const Silversponsors = [
       name: 'Bump.sh',
       url: 'https://bump.sh/asyncapi?utm_source=asyncapi&utm_medium=referral&utm_campaign=sponsor',
       image: '/img/sponsors/bumpsh.svg'
-    },    {
+    },    
+    {
       name: 'Svix',
       url: 'https://www.svix.com/',
       image: '/img/sponsors/svix_logo.svg'
+    },    
+    {
+      name: 'HiveMQ',
+      url: 'https://www.hivemq.com/',
+      image: '/img/sponsors/hivemq_logo.png'
     }
-
   ];

components/sponsors/SponsorsList.js

@@ -6,18 +6,11 @@ export const sponsors = [
       altText: 'IBM',
       imageClass: 'inline-block px-4 sm:h-14',
     },
-    {
-      name: 'Postman',
-      link: 'https://www.postman.com',
-      imageSrc: '/img/sponsors/postman.png',
-      altText: 'Postman',
-      imageClass: 'inline-block px-2 sm:h-18 flex-shrink-0',
-    },
     {
       name: 'Solace',
       link: 'https://www.solace.com',
       imageSrc: '/img/sponsors/solace.png',
       altText: 'Solace',
-      imageClass: 'inline-block px-4 sm:h-10',
+      imageClass: 'inline-block px-4 sm:h-12',
     },
   ];