From 620115407cb0b430a723f2dfb87c87ffcfc88051 Mon Sep 17 00:00:00 2001
From: Alejandra Quetzalli <alejandra.olvera.novack@gmail.com>
Date: Fri, 2 Dec 2022 14:57:28 -0800
Subject: [PATCH 1/4] new cli install fragment

---
 assets/docs/fragments/cli-installation.md | 37 +++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 assets/docs/fragments/cli-installation.md

diff --git a/assets/docs/fragments/cli-installation.md b/assets/docs/fragments/cli-installation.md
new file mode 100644
index 000000000000..922b38cb3bc1
--- /dev/null
+++ b/assets/docs/fragments/cli-installation.md
@@ -0,0 +1,37 @@
+## CLI Installation
+<details>
+<summary>MacOS</summary>
+
+`brew`
+</br>
+You can install in MacOS via brew: `brew install asyncapi`.
+
+`pkg`
+</br>
+Each release of CLI produces a MacOS dedicated pkg file that enables you to install this CLI as MacOS application.
+
+```
+# Download latest release. To download specific release, your link should look similar to https://github.com/asyncapi/cli/releases/download/v0.13.0/asyncapi.pkg. All releases are listed in https://github.com/asyncapi/cli/releases
+curl -OL https://github.com/asyncapi/cli/releases/latest/download/asyncapi.pkg
+# Install AsyncAPI CLI
+sudo installer -pkg asyncapi.pkg -target /
+```
+
+</details>
+
+<details>
+<summary>Linux</summary>
+
+You can install in Linux via `dpkg`, a debian package manager:
+
+1. `curl -OL https://github.com/asyncapi/cli/releases/latest/download/asyncapi.deb` 
+2. `sudo dpkg -i asyncapi.deb`
+
+</details>
+
+<details>
+<summary>Other OS</summary>
+
+[Read further AsyncAPI CLI installation instructions for different operating systems](https://github.com/asyncapi/cli#installation).
+</details>
+</details>

From 346a5d8ef114a33be5c7dc90f7fa5c6e6b49f719 Mon Sep 17 00:00:00 2001
From: Alejandra Quetzalli <alejandra.olvera.novack@gmail.com>
Date: Thu, 8 Dec 2022 16:24:27 -0800
Subject: [PATCH 2/4] added npm/node install instructions + fragment intro
 sentence

---
 assets/docs/fragments/cli-installation.md | 27 ++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/assets/docs/fragments/cli-installation.md b/assets/docs/fragments/cli-installation.md
index 922b38cb3bc1..3b5d54b61838 100644
--- a/assets/docs/fragments/cli-installation.md
+++ b/assets/docs/fragments/cli-installation.md
@@ -1,4 +1,6 @@
-## CLI Installation
+### CLI Installation
+Follow the [AsyncAPI CLI installation](https://github.com/asyncapi/cli#installation) instructions below, based on your computer’s operating system.
+
 <details>
 <summary>MacOS</summary>
 
@@ -34,4 +36,27 @@ You can install in Linux via `dpkg`, a debian package manager:
 
 [Read further AsyncAPI CLI installation instructions for different operating systems](https://github.com/asyncapi/cli#installation).
 </details>
+
+#### Using NPM and Node.js
+Alternitavely, you can install the [AsyncAPI CLI](https://github.com/asyncapi/cli#installation) with Node.js `>=v10` and [NPM](https://nodejs.org/en/download/package-manager/).
+
+<details>
+<summary>Install CLI globally</summary>
+
+Install AsyncAPI CLI _globally_ with the following command:
+
+```
+npm install -g @asyncapi/cli
+```
+</details>
+
+<details>
+<summary>Install specific CLI version</summary>
+
+To install a specific version of the AsyncAPI CLI, pass the `verion` during installation:
+
+```
+npm install -g @asyncapi/cli@{version}
+```
+
 </details>

From 03e85bccff3b3a87c32388893d051341e445a93b Mon Sep 17 00:00:00 2001
From: Alejandra Quetzalli <alejandra.olvera.novack@gmail.com>
Date: Thu, 15 Dec 2022 16:53:49 -0800
Subject: [PATCH 3/4] fix break tag jsx issue

Co-authored-by: Lukasz Gornicki <lpgornicki@gmail.com>
---
 assets/docs/fragments/cli-installation.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/docs/fragments/cli-installation.md b/assets/docs/fragments/cli-installation.md
index 3b5d54b61838..67a0796c8528 100644
--- a/assets/docs/fragments/cli-installation.md
+++ b/assets/docs/fragments/cli-installation.md
@@ -5,11 +5,11 @@ Follow the [AsyncAPI CLI installation](https://github.com/asyncapi/cli#installat
 <summary>MacOS</summary>
 
 `brew`
-</br>
+<br/>
 You can install in MacOS via brew: `brew install asyncapi`.
 
 `pkg`
-</br>
+<br/>
 Each release of CLI produces a MacOS dedicated pkg file that enables you to install this CLI as MacOS application.
 
 ```

From 8abadf64d880a369b908905849c66d0de9ae30de Mon Sep 17 00:00:00 2001
From: Alejandra Quetzalli <alejandra.olvera.novack@gmail.com>
Date: Mon, 19 Dec 2022 13:38:58 -0800
Subject: [PATCH 4/4] fix: h4 styling font size

---
 components/MDX.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/MDX.js b/components/MDX.js
index daa7ed720524..a321f4aaeb0c 100644
--- a/components/MDX.js
+++ b/components/MDX.js
@@ -38,7 +38,7 @@ function getMDXComponents() {
     h1: props => <h1 {...props} className={`${props.className || ''} my-4 font-heading antialiased font-semibold tracking-heading text-gray-900 text-2xl`} />,
     h2: props => <h2 {...props} className={`${props.className || ''} mb-4 mt-6 font-heading antialiased font-semibold tracking-heading text-gray-900 text-2xl`} />,
     h3: props => <h3 {...props} className={`${props.className || ''} mb-4 mt-6 font-heading antialiased font-medium tracking-heading text-gray-900 text-lg`} />,
-    h4: props => <h4 {...props} className={`${props.className || ''} my-4 font-heading antialiased font-medium text-lg text-gray-900`} />,
+    h4: props => <h4 {...props} className={`${props.className || ''} my-4 font-heading antialiased font-medium text-md text-gray-900`} />,
     h5: props => <h5 {...props} className={`${props.className || ''} my-4 font-heading antialiased text-md font-bold`} />,
     h6: props => <h6 {...props} className={`${props.className || ''} my-4 font-heading antialiased text-sm font-bold text-gray-900 uppercase`} />,
     blockquote: props => <blockquote {...props} className={`${props.className || ''} italic font-body antialiased text-gray-700 border-l-4 border-gray-400 pl-4 pt-1 pb-1 pr-1 my-4 bg-white`} />,