Merge branch 'master' into develop

docs/content/add-plugins/minio.md

@@ -18,11 +18,15 @@ You can follow [MinIO’s guide to install it](https://docs.min.io/minio/baremet
 
 After installing it, make sure MinIO is always running when your Medusa server is running. It’s recommended that you set up an alias to quickly start the MinIO server as instructed at the end of the installation guides in MinIO.
 
-:::warning
+### Change MinIO port
 
 In MinIO’s documentation, port `9000` is used for the address of the MinIO server. However, this collides with the port for the Medusa server. You must change the port for MinIO to another one (for example, port `9001`).
 
-:::
+After setting up and installing MinIO on your system/sub-system, you can run the following command to change MinIO port to `9001` (or any other available port) instead of `9000` to avoid the port clash:
+
+```bash
+minio server ~/minio --console-address :9090 --address :9001
+```
 
 ### Create a MinIO bucket
 

www/docs/docusaurus.config.js

@@ -32,7 +32,8 @@ const config = {
       {
         apiKey: process.env.SEGMENT_API_KEY || "temp"
       }
-    ]
+    ],
+    require.resolve("docusaurus-plugin-image-zoom")
   ],
   themeConfig: {
     colorMode: {
@@ -54,6 +55,13 @@ const config = {
       theme: require("prism-react-renderer/themes/vsDark"),
       darkTheme: require("prism-react-renderer/themes/vsDark"),
     },
+    zoom: {
+      selector: '.markdown img',
+      background: {
+        light: 'rgb(255, 255, 255)',
+        dark: 'rgb(50, 50, 50)'
+      }
+    },
     navbar: {
       hideOnScroll: true,
       logo: {

www/docs/package.json

@@ -23,6 +23,7 @@
     "@svgr/webpack": "6.2.1",
     "algoliasearch-helper": "^3.8.2",
     "clsx": "^1.1.1",
+    "docusaurus-plugin-image-zoom": "^0.1.1",
     "docusaurus-plugin-segment": "^1.0.3",
     "docusaurus2-dotenv": "^1.4.0",
     "file-loader": "^6.2.0",

www/docs/src/css/custom.css

@@ -196,9 +196,17 @@ article {
   font-weight: 400;
 }
 
+.medium-zoom-overlay {
+  z-index: var(--ifm-z-index-overlay);
+}
+
+.medium-zoom-image--opened {
+  z-index: var(--ifm-z-index-overlay);
+}
+
 /* Medusa logo */
 .sidebar-bg img {
- width: 100px;   
+ width: 100px;
 }
 
 .padding-top--md {
@@ -373,7 +381,7 @@ html[data-theme="dark"] kbd {
 
 kbd {
   --ifm-color-emphasis-800: var(--ifm-color-gray-800);
-  
+
   font: 100% var(--ifm-font-family-monospace) !important;
 }
 
@@ -415,8 +423,8 @@ kbd {
   color: var(--ifm-menu-color)
 }
 
-.menu__link:hover, 
-.menu__link--active, 
+.menu__link:hover,
+.menu__link--active,
 .menu__list-item-collapsible:hover,
 .menu__list-item-collapsible--active,
 .redocusaurus .menu-content label:hover,
@@ -425,7 +433,7 @@ kbd {
   color: var(--ifm-menu-active);
 }
 
-.menu__link--active, 
+.menu__link--active,
 .menu__list-item-collapsible--active,
 .redocusaurus .menu-content label.active {
   font-weight: 600 !important;