From 296b6b122d758aaa30348c9c60509689c1be14a2 Mon Sep 17 00:00:00 2001
From: HarshCasper <erbeusgriffincasper@gmail.com>
Date: Wed, 25 Jun 2025 11:07:27 +0530
Subject: [PATCH] add image zoom

---
 astro.config.mjs  |  4 ++++
 package-lock.json | 18 ++++++++++++++++++
 package.json      |  1 +
 3 files changed, 23 insertions(+)

diff --git a/astro.config.mjs b/astro.config.mjs
index 96d6697f..f272217e 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -4,6 +4,7 @@ import starlight from '@astrojs/starlight';
 import starlightUtils from '@lorenzo_lewis/starlight-utils';
 import starlightDocSearch from '@astrojs/starlight-docsearch';
 import starlightLinksValidator from 'starlight-links-validator'
+import starlightImageZoom from 'starlight-image-zoom'
 
 import markdoc from '@astrojs/markdoc';
 
@@ -94,6 +95,9 @@ export default defineConfig({
         alt: 'LocalStack',
       },
       plugins: [
+        starlightImageZoom({
+          showCaptions: true,
+        }),
         starlightLinksValidator({
           errorOnRelativeLinks: false,
           errorOnLocalLinks: false,
diff --git a/package-lock.json b/package-lock.json
index 5454b21b..60501aea 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,6 +27,7 @@
         "react": "^19.1.0",
         "react-dom": "^19.1.0",
         "sharp": "^0.32.5",
+        "starlight-image-zoom": "^0.12.0",
         "starlight-links-validator": "^0.17.0",
         "tailwind-merge": "^3.2.0",
         "tailwindcss": "^4.1.6"
@@ -7692,6 +7693,23 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/starlight-image-zoom": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/starlight-image-zoom/-/starlight-image-zoom-0.12.0.tgz",
+      "integrity": "sha512-Zt9DuqXEw4JBBRc67wL9EP7DE9cSa+o2nyjQU6Xq+gRp388Wcu9C9FPROLuaYXbxpE93bbj5oyrhhMaiEWOZzg==",
+      "dependencies": {
+        "mdast-util-mdx-jsx": "^3.1.3",
+        "rehype-raw": "^7.0.0",
+        "unist-util-visit": "^5.0.0",
+        "unist-util-visit-parents": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@astrojs/starlight": ">=0.32.0"
+      }
+    },
     "node_modules/starlight-links-validator": {
       "version": "0.17.0",
       "resolved": "https://registry.npmjs.org/starlight-links-validator/-/starlight-links-validator-0.17.0.tgz",
diff --git a/package.json b/package.json
index 342064b0..f7963858 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "sharp": "^0.32.5",
+    "starlight-image-zoom": "^0.12.0",
     "starlight-links-validator": "^0.17.0",
     "tailwind-merge": "^3.2.0",
     "tailwindcss": "^4.1.6"