Merge branch 'main' into main

Author: Achanandhi-M

.github/workflows/lint.yml

@@ -11,14 +11,14 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: Set up Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v5
         with:
-          node-version: '18.0.0'
+          node-version: '20.0.0'
 
       - name: Install Dependencies
         run: npm install

.github/workflows/prettify_code.yml

@@ -12,13 +12,13 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           ref: ${{ github.head_ref }}
           fetch-depth: 0
 
       - name: Prettify code
-        uses: creyD/prettier_action@v4.3
+        uses: creyD/prettier_action@v4.6
         with:
           # This part is also where you can pass other options, for example:
           prettier_version: 2.8.8

.github/workflows/vale-lint-action.yml

@@ -18,8 +18,8 @@ jobs:
           reporter: github-pr-check
           # Fails the action if there are errors
           fail_on_error: true
-          # Lint the files in the "versioned_docs/version-2.0.0/" directory
-          files: 'versioned_docs/version-2.0.0'
+          # Lint the files in the "versioned_docs/version-3.0.0/" directory
+          files: 'versioned_docs/version-3.0.0'
           # Specify the Vale version
           version: 3.0.3
         env:

docs/hacktoberfest/contribution-guide.md

@@ -19,7 +19,6 @@ If you’ve ever wanted to contribute to open source, now is your chance! You ca
 Anyone around the globe who desires to help drive the growth of open source and make positive contributions to an ever-growing community. All backgrounds and skill levels are encouraged to participate.
 
 - Code Contributribution to Keploy Projects includes:
-
   - Bug fixes
   - New features
   - Design

src/components/CollapsibleCode.js

@@ -0,0 +1,60 @@
+import React, {useState} from "react";
+import CodeBlock from "@theme/CodeBlock";
+
+export default function CollapsibleCode({
+  code,
+  language = "json",
+  previewLines = 10,
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const codeLines = code.trim().split("\n");
+  const visibleCode = expanded
+    ? code.trim()
+    : codeLines.slice(0, previewLines).join("\n") + "\n# ...";
+
+  const handleCopy = () => {
+    try {
+      navigator.clipboard.writeText(code.trim());
+      const btn = document.getElementById("copy-full-code");
+      if (btn) {
+        const originalText = btn.innerText;
+        btn.innerText = "Copied!";
+        setTimeout(() => (btn.innerText = originalText), 2000);
+      }
+    } catch (err) {
+      console.error("Failed to copy code:", err);
+    }
+  };
+
+  return (
+    <div className="margin-vert--md">
+      {/* Pass the full code to CodeBlock so default copy button works */}
+      <CodeBlock language={language}>{visibleCode}</CodeBlock>
+
+      <div
+        style={{
+          display: "flex",
+          gap: "10px",
+          justifyContent: "flex-end",
+          marginTop: "-8px", // Pulls buttons closer to code block
+        }}
+      >
+        {codeLines.length > previewLines && (
+          <button
+            onClick={() => setExpanded(!expanded)}
+            className="button button--sm button--secondary"
+          >
+            {expanded ? "Show Less" : "Show More"}
+          </button>
+        )}
+        <button
+          id="copy-full-code"
+          onClick={handleCopy}
+          className="button button--sm button--primary"
+        >
+          Copy
+        </button>
+      </div>
+    </div>
+  );
+}

src/css/custom.css

@@ -136,21 +136,137 @@ h4,
   display: flex;
 }
 .menu__link--sublist:after {
+  /* Keep sidebar chevron size consistent with leaf items */
   background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem;
 }
 
+/* Ensure category caret variants use the same icon size in the sidebar */
+div[class^="sidebar_"] .menu__link--sublist-caret:after {
+  background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem;
+  height: 1.5rem;
+  min-width: 1.5rem;
+}
+div[class^="sidebar_"] .menu__caret:before {
+  background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem;
+  height: 1.5rem;
+  width: 1.5rem;
+}
+
 div[class^="sidebar_"]
   .menu__link.menu__link--active:not(.menu__link--sublist) {
   padding-right: calc(var(--ifm-menu-link-padding-horizontal) - 2px);
 }
 
+/* Do not highlight category labels (that also have pages) as active; only leaf pages should be highlighted */
+div[class^="sidebar_"] .menu__link--sublist.menu__link--active {
+  color: inherit !important;
+  font-weight: inherit;
+}
+
+/* Do NOT bold category when on its own page */
+div[class^="sidebar_"] .menu__list-item-collapsible--active .menu__link--sublist {
+  color: inherit !important;
+  font-weight: inherit;
+}
+/* And keep color unchanged even on hover when on its own page */
+div[class^="sidebar_"] .menu__list-item-collapsible--active .menu__link--sublist:hover {
+  color: inherit !important;
+}
+
+/* Explicitly neutralize color when category link is both sublist and active (own page) */
+div[class^="sidebar_"] .menu__list-item-collapsible--active .menu__link--sublist.menu__link--active {
+  color: inherit !important;
+}
+
+/* When the category's own page is current, do not change its color/background/weight */
+div[class^="sidebar_"] .menu__list-item-collapsible .menu__link[aria-current="page"] {
+  color: inherit !important;
+  background: transparent !important;
+  font-weight: inherit !important;
+}
+div[class^="sidebar_"] .menu__list-item-collapsible .menu__link[aria-current="page"]:hover,
+div[class^="sidebar_"] .menu__list-item-collapsible .menu__link[aria-current="page"]:focus,
+div[class^="sidebar_"] .menu__list-item-collapsible .menu__link[aria-current="page"].menu__link--active {
+  color: inherit !important;
+  /* prevent extra link-layer background; container provides unified hover */
+  background-color: transparent !important;
+  font-weight: inherit !important;
+}
+
+/* Strong override: category with its own current page should use normal menu color (not active black) */
+div[class^="sidebar_"] .menu__link--sublist.menu__link--active[aria-current="page"] {
+  color: var(--ifm-menu-color) !important;
+}
+
+/* Extra-specific guard: ensure normal color for category labels on their own page */
+div[class^="sidebar_"] li.menu__list-item > a.menu__link.menu__link--sublist[aria-current="page"],
+div[class^="sidebar_"] li.menu__list-item > a.menu__link.menu__link--sublist[aria-current="page"].menu__link--active,
+div[class^="sidebar_"] li.menu__list-item > div.menu__list-item-collapsible > a.menu__link.menu__link--sublist[aria-current="page"] {
+  color: var(--ifm-menu-color) !important;
+  background: transparent !important;
+  font-weight: inherit !important;
+}
+
+/* Restore hover background for categories with their own page when hovering that link */
+div[class^="sidebar_"] li.menu__list-item > a.menu__link.menu__link--sublist[aria-current="page"]:hover,
+div[class^="sidebar_"] li.menu__list-item > div.menu__list-item-collapsible > a.menu__link.menu__link--sublist[aria-current="page"]:hover {
+  /* prevent extra link-layer hover; container provides unified hover */
+  background-color: transparent !important;
+}
+
+/* Unify hover background for text + caret (arrow) when category has its own page */
+/* Use unified hover on container; clear child backgrounds to prevent double overlays */
+div[class^="sidebar_"] .menu__list-item-collapsible--active:hover {
+  background-color: var(--ifm-menu-color-background-hover) !important;
+}
+div[class^="sidebar_"] .menu__list-item-collapsible--active:hover > a.menu__link,
+div[class^="sidebar_"] .menu__list-item-collapsible--active:hover > .menu__caret {
+  background-color: transparent !important;
+}
+
+/* For categories with pages (collapsible) when NOT on their page: hover on arrow OR text gives one unified background */
+div[class^="sidebar_"] .menu__list-item-collapsible:not(.menu__list-item-collapsible--active):hover {
+  background-color: var(--ifm-menu-color-background-hover) !important;
+}
+div[class^="sidebar_"] .menu__list-item-collapsible:not(.menu__list-item-collapsible--active):hover > a.menu__link,
+div[class^="sidebar_"] .menu__list-item-collapsible:not(.menu__list-item-collapsible--active):hover > .menu__caret {
+  background-color: transparent !important;
+}
+/* Ensure link text color does not change on hover in this specific case */
+div[class^="sidebar_"] .menu__list-item-collapsible--active:hover > a.menu__link {
+  color: inherit !important;
+}
+
+/* Remove background highlight when category's own page is active; keep hover behavior */
+div[class^="sidebar_"] .menu__list-item-collapsible--active {
+  background: transparent !important;
+}
+
+
+/* Parent style when a child page is active is handled below for light mode (orange) */
+
+/* Light mode: use orange color (no bold) for parent when a child page is active */
+html[data-theme="light"] div[class^="sidebar_"] .menu__list-item-collapsible:not(.menu__list-item-collapsible--active) .menu__link--sublist.menu__link--active {
+  color: var(--ifm-color-primary) !important;
+  font-weight: inherit;
+}
+
 div[class^="sidebar_"] .button {
   @apply mx-auto mb-2 w-full border-0;
 }
 div[class^="sidebar_"] .button svg {
   @apply mx-auto;
 }
 
+/* Prevent descenders (g, y, p) from clipping in sidebar, including when bold/active */
+div[class^="sidebar_"] .menu__link {
+  line-height: 1.5;
+  padding-bottom: calc(var(--ifm-menu-link-padding-vertical) + 1px);
+}
+div[class^="sidebar_"] .menu__link.menu__link--active {
+  line-height: 1.5; /* ensure active/bold state also has enough leading */
+}
+
 .table-of-contents {
   @apply border-none pt-12;
 }

versioned_docs/version-1.0.0/concepts/what-is-a-keploy-sdk.md

@@ -14,7 +14,6 @@ keywords:
 A Keploy SDK is a language-specific library that offers APIs to do the following:
 
 1. Capture all the network calls like
-
    - API Request
    - Dependency calls
    - API Response

versioned_docs/version-1.0.0/hacktoberfest/contribution-guide.md

@@ -19,7 +19,6 @@ If you’ve ever wanted to contribute to open source, now is your chance! You ca
 Anyone around the globe who desires to help drive the growth of open source and make positive contributions to an ever-growing community. All backgrounds and skill levels are encouraged to participate.
 
 - Code Contributribution to Keploy Projects includes:
-
   - Bug fixes
   - New features
   - Design

versioned_docs/version-1.0.0/java/integration.md

@@ -34,17 +34,13 @@ Sync dependencies or to _build.gradle_:
     compile 'io.keploy:keploy-sdk:1.0.13'
 
 2. Install Keploy Jar
-
    - Download the latest jar from [here](https://search.maven.org/artifact/io.keploy/keploy-sdk/1.2.6/jar) (eg: 1.2.6) to mock external/internal dependency calls like DB queries, GMaps, S3 etc..
-
      - Add the jar into the `main` directory
-
        - Add `-javaagent:` prefix with absolute classpath of Keploy jar downloaded above
 
          (For example: `-javaagent:/Users/jhon/project/src/main/agent-1.2.5.jar`)
 
          You can set this through 3 ways:-
-
          1. {'<'}details{'>'}{'<'}summary{'>'}
             Using Intellij
             {'<'}/summary{'>'}
@@ -75,7 +71,6 @@ Sync dependencies or to _build.gradle_:
 ## Supported Frameworks
 
 - **For Spring based application**
-
   - Add `@Import(KeployMiddleware.class)` below `@SpringBootApplication` in your main class.
 
     ```java
@@ -93,7 +88,6 @@ Sync dependencies or to _build.gradle_:
     ```
 
 - **For Java EE application**
-
   - Specify the below filter above all other filters and servlets in the **web.xml** file.
 
     ```xml
@@ -109,7 +103,6 @@ Sync dependencies or to _build.gradle_:
     ```
 
 - **Configure Environment Variables** (optional)
-
   - `APP_NAME` (default APP_NAME = myApp)
   - `APP_PORT` (default APP_PORT = 6789)
   - `KEPLOY_URL` (default KEPLOY_URL = localhost:6789/api)

versioned_docs/version-1.0.0/java/quickstart/spring-sql.md

@@ -39,15 +39,12 @@ Sync dependencies or to _build.gradle_:
 2. Install Keploy Jar
 
 - Download the latest jar from [here](https://search.maven.org/artifact/io.keploy/keploy-sdk/1.2.6/jar) (eg: 1.2.6) to mock external/internal dependency calls like DB queries, GMaps, S3 etc..
-
   - Add the jar into the `main` directory
-
     - **Copy** `-javaagent:` prefix with absolute classpath of Keploy jar downloaded above
 
       (For example: `-javaagent:/Users/jhon/project/src/main/agent-1.2.5.jar`)
 
       You can set this through 3 ways:-
-
       1.  {'<'}details{'>'}{'<'}summary{'>'}
           Using Intellij
           {'<'}/summary{'>'}
@@ -181,12 +178,10 @@ _NOTE: You will be required to set the `javaagent` again in your test profile ju
 ```
 
 - **Using IDE:** _(for local use-case we prefer running tests via IDE)_
-
   1. Run your application.
   2. You can also run the application with coverage to see the test coverage.
 
 - **Using CLI**
-
   1. Add maven-surefire-plugin to your `pom.xml`. In `<argLine > </ argLine >` **don't** add jacoco agent if you don't want coverage report.
 
   {'<'}details{'>'}{'<'}summary{'>'}
@@ -214,9 +209,7 @@ _NOTE: You will be required to set the `javaagent` again in your test profile ju
           </plugin>
          ```
 
-  {'<'}/details{'>'}
-
-  2. If you want coverage report also add Jacoco plugin to your _pom.xml_.
+  {'<'}/details{'>'} 2. If you want coverage report also add Jacoco plugin to your _pom.xml_.
 
   {'<'}details{'>'}{'<'}summary{'>'}
   Add plugin
@@ -259,9 +252,7 @@ _NOTE: You will be required to set the `javaagent` again in your test profile ju
          </plugin>
        ```
 
-  {'<'}/details{'>'}
-
-  3.  Run your tests using command : `mvn test`.
+  {'<'}/details{'>'} 3. Run your tests using command : `mvn test`.
 
 It will create .html files as test-reports which can be found in your target folder !!