From 515ae395f5a7716216ae5c9c795e308ae25e30ce Mon Sep 17 00:00:00 2001
From: Anudeep <asa.anudeep4@gmail.com>
Date: Thu, 15 Aug 2024 10:56:43 +0530
Subject: [PATCH] chore: side ad

---
 docs/.vitepress/config.ts                  |  3 +-
 docs/.vitepress/theme/AdAsideComponent.vue | 58 ++++++++++++++++++++++
 docs/.vitepress/theme/AdComponent.vue      | 15 ------
 docs/.vitepress/theme/index.ts             |  4 +-
 docs/api/utils/events.md                   | 50 +++++++++++++++++++
 5 files changed, 113 insertions(+), 17 deletions(-)
 create mode 100644 docs/.vitepress/theme/AdAsideComponent.vue
 create mode 100644 docs/api/utils/events.md

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 79fcd15f..174824f9 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -132,7 +132,8 @@ const api_sidebar = [
       { text: 'clone', link: '/api/utils/clone', },
       { text: 'parse', link: '/api/utils/parse', },
       { text: 'sleep', link: '/api/utils/sleep' },
-      { text: 'findFile', link: '/api/utils/findFile' }
+      { text: 'findFile', link: '/api/utils/findFile' },
+      { text: 'events', link: '/api/utils/events' },
     ]
   },
   {
diff --git a/docs/.vitepress/theme/AdAsideComponent.vue b/docs/.vitepress/theme/AdAsideComponent.vue
new file mode 100644
index 00000000..a32bb368
--- /dev/null
+++ b/docs/.vitepress/theme/AdAsideComponent.vue
@@ -0,0 +1,58 @@
+<template>
+  <a class="ad-side-component" href="https://testbeats.com" target="_blank">
+    <img src="https://testbeats.nyc3.cdn.digitaloceanspaces.com/assets/hero.svg" alt="">
+
+    <p class="header">Empower Your Test Results with AI-Powered Insights -></p>
+    <!-- <p class="tagline">✨ TestBeats ✨</p> -->
+    <img class="logo"  src="https://testbeats.com/static/icons/logo-wordmark-white.svg" alt="">
+  </a>
+</template>
+
+<style scoped>
+
+@keyframes gradient-animation {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+.ad-side-component {
+  text-align: center;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+  padding: 0.5rem 0.85rem;
+  text-decoration: none;
+  color: white;
+  font-size: 1rem;
+  border-radius: 4px;
+  background: linear-gradient(45deg, #3538cd, #2c3183, #d3001a, #74000e);
+  background-size: 300% 300%;
+  animation: gradient-animation 6s ease-in-out infinite;
+}
+
+.ad-side-component .header {
+  font-weight: 700;
+  margin-top: 1rem;
+}
+
+.ad-side-component .tagline {
+  font-weight: 500;
+  font-size: 0.8rem;
+  margin-top: 1rem;
+  letter-spacing: 3px;
+}
+
+.ad-side-component .logo {
+  width: 100%;
+  padding-left: 36px;
+  padding-right: 36px;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+</style>
\ No newline at end of file
diff --git a/docs/.vitepress/theme/AdComponent.vue b/docs/.vitepress/theme/AdComponent.vue
index 66f5b1cc..fa288383 100644
--- a/docs/.vitepress/theme/AdComponent.vue
+++ b/docs/.vitepress/theme/AdComponent.vue
@@ -16,29 +16,14 @@ import Icon from "./Icon.vue";
 </template>
 
 <style scoped>
-@keyframes pulse {
-  0% {
-    border: 1px solid var(--vp-c-divider);
-  }
-  50% {
-    border: 1px solid var(--vp-c-brand);
-  }
-  100% {
-    border: 1px solid var(--vp-c-divider);
-  }
-}
-
 .ad-component {
   text-align: center;
   margin-bottom: 2rem;
   padding: 0.5rem 0.85rem;
-  border: 2px solid var(--vp-c-brand);
-  border-radius: 4px;
   text-decoration: none;
   color: white;
   transition: color 0.4s ease-in-out;
   font-size: 1rem;
-  animation: pulse 3s infinite;
   background-image: linear-gradient(to top right, #000000, #000842);
 }
 
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index fb77bba4..6fb99992 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,6 +1,7 @@
+import Theme from 'vitepress/theme'
 import { h } from 'vue'
 import '../style/vars.css'
-import Theme from 'vitepress/theme'
+import AdAsideComponent from './AdAsideComponent.vue'
 import AdComponent from './AdComponent.vue'
 
 export default {
@@ -8,6 +9,7 @@ export default {
   Layout() {
     return h(Theme.Layout, null, {
       'doc-before': () => h(AdComponent),
+      'aside-outline-after': () => h(AdAsideComponent)
     })
   },
 }
\ No newline at end of file
diff --git a/docs/api/utils/events.md b/docs/api/utils/events.md
new file mode 100644
index 00000000..ddffa919
--- /dev/null
+++ b/docs/api/utils/events.md
@@ -0,0 +1,50 @@
+# events
+
+The events module provides the `on` methods to listen to events from `pactum`.
+
+Supported Events
+
+- BEFORE_REQUEST
+- AFTER_RESPONSE
+
+## Syntax
+
+```js
+pactumEvents.on(event-type, callback);
+```
+
+
+## Usage
+
+### ✅  Correct Usage
+
+```js
+pactumEvents.on(EVENT_TYPES.BEFORE_REQUEST, (ctx) => {
+  console.log(ctx);
+});
+```
+
+## Arguments
+
+#### > event-type (string)
+
+Event type to listen to.
+
+#### > callback (function)
+
+Callback function to call when the event is triggered.
+
+## Examples
+
+### Listening to events
+
+```js
+const { pactumEvents, EVENT_TYPES } = require('pactum').events;
+
+pactumEvents.on(EVENT_TYPES.BEFORE_REQUEST, (cxt) => {
+  console.log(cxt);
+});
+pactumEvents.on(EVENT_TYPES.AFTER_RESPONSE, (cxt) => {
+  console.log(cxt.response.body);
+});
+```
\ No newline at end of file