From 22255d15c34ddd480d364a6c8a2d19e9491a19fa Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Thu, 28 Sep 2023 11:15:57 +0530
Subject: [PATCH] docs: plugins

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 packages/noco-docs/docusaurus.config.js       | 14 +++++++++++++-
 packages/noco-docs/package.json               |  9 ++++++---
 packages/noco-docs/src/theme/MDXComponents.js |  2 ++
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/packages/noco-docs/docusaurus.config.js b/packages/noco-docs/docusaurus.config.js
index a1c8aca9a2..82113b0986 100644
--- a/packages/noco-docs/docusaurus.config.js
+++ b/packages/noco-docs/docusaurus.config.js
@@ -32,7 +32,19 @@ const config = {
     locales: ["en"],
   },
 
-  plugins: ["docusaurus-plugin-sass"],
+  plugins: [
+    "docusaurus-plugin-sass",
+    [
+      "@docusaurus/plugin-ideal-image",
+      {
+        quality: 70,
+        max: 1030, // max resized image's size.
+        min: 640, // min resized image's size. if original is lower, use that size.
+        steps: 2, // the max number of images generated between min and max (inclusive)
+        disableInDev: false,
+      },
+    ],
+  ],
 
   presets: [
     [
diff --git a/packages/noco-docs/package.json b/packages/noco-docs/package.json
index b29d9944d8..3debd888e3 100644
--- a/packages/noco-docs/package.json
+++ b/packages/noco-docs/package.json
@@ -28,19 +28,22 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "2.4.1",
-    "@docusaurus/preset-classic": "2.4.1",
+    "@docusaurus/core": "^2.4.3",
+    "@docusaurus/plugin-ideal-image": "^2.4.3",
+    "@docusaurus/plugin-sitemap": "^2.4.3",
+    "@docusaurus/preset-classic": "^2.4.3",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.2.1",
     "docusaurus-plugin-sass": "^0.2.5",
     "nc-analytics": "^0.0.3",
+    "plugin-image-zoom": "github:flexanalytics/plugin-image-zoom",
     "prism-react-renderer": "^1.3.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "sass": "^1.66.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.4.1",
+    "@docusaurus/module-type-aliases": "^2.4.3",
     "@tsconfig/docusaurus": "^1.0.5",
     "typescript": "^4.7.4"
   },
diff --git a/packages/noco-docs/src/theme/MDXComponents.js b/packages/noco-docs/src/theme/MDXComponents.js
index 3e848c9bd6..1e8586a3a9 100644
--- a/packages/noco-docs/src/theme/MDXComponents.js
+++ b/packages/noco-docs/src/theme/MDXComponents.js
@@ -2,6 +2,7 @@
 import MDXComponents from "@theme-original/MDXComponents";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
+import Image from "@theme/IdealImage";
 
 export default {
   // re-use the default mapping
@@ -9,4 +10,5 @@ export default {
   // some custom components goes here ...
   Tabs,
   TabItem,
+  Image,
 };