docs: fix infinite scroll, update next.js, other fixes (medusajs#9441)

* update nextjs * badge + scroll fixes
kelvinkipruto · Oct 3, 2024 · ab5a7ca · ab5a7ca
1 parent 48e0016
commit ab5a7ca
Show file tree

Hide file tree

Showing 20 changed files with 179 additions and 585 deletions.
diff --git a/www/README.md b/www/README.md
@@ -1,11 +1,3 @@
 # Documentation Resources
 
-This directory holds the code and content of both the [documentation](https://docs.medusajs.com/) and [API reference](https://docs.medusajs.com/api/admin).
-
-## docs Directory
-
-The `docs` directory holds the code and content of the documentation website. The website is built with [Docusaurus v2](https://docusaurus.io/).
-
-### api-reference Directory
-
-The `api-reference` directory holds the code and OpenApi Specs of the API Reference. The API Reference is built with [Next.js](https://nextjs.org/).
+This directory holds the code and content of all documentation projects
diff --git a/www/apps/api-reference/app/globals.css b/www/apps/api-reference/app/globals.css
@@ -43,6 +43,14 @@
     @apply bg-medusa-bg-highlight;
   }
 
+  * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-base);
+  }
+
+  aside * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-subtle);
+  }
+
   body[data-modal="opened"] {
     @apply !overflow-hidden;
   }

diff --git a/www/apps/api-reference/package.json b/www/apps/api-reference/package.json
@@ -17,7 +17,7 @@
     "@mdx-js/react": "^3.0.0",
     "@medusajs/icons": "preview",
     "@medusajs/ui": "^3.0.0",
-    "@next/mdx": "14.2.3",
+    "@next/mdx": "14.2.14",
     "@readme/openapi-parser": "^2.5.0",
     "@types/mapbox__rehype-prism": "^0.8.0",
     "@types/mdx": "^2.0.5",
@@ -33,7 +33,7 @@
     "jsdom": "^22.1.0",
     "json-schema": "^0.4.0",
     "json-stringify-pretty-compact": "^4.0.0",
-    "next": "^14.2.3",
+    "next": "^14.2.14",
     "next-mdx-remote": "^4.4.1",
     "openapi-sampler": "^1.3.1",
     "openapi-types": "^12.1.3",
@@ -53,7 +53,7 @@
     "yaml": "^2.3.1"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^14.2.3",
+    "@next/bundle-analyzer": "^14.2.14",
     "@types/jsdom": "^21.1.1",
     "@types/pluralize": "^0.0.33",
     "types": "*"

diff --git a/www/apps/book/app/globals.css b/www/apps/book/app/globals.css
@@ -16,6 +16,14 @@
     @apply bg-medusa-bg-highlight;
   }
 
+  * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-base);
+  }
+
+  aside * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-subtle);
+  }
+
   body[data-modal="opened"] {
     @apply !overflow-hidden;
   }

diff --git a/www/apps/book/package.json b/www/apps/book/package.json
@@ -16,10 +16,10 @@
   "dependencies": {
     "@mdx-js/loader": "^3.0.0",
     "@mdx-js/react": "^3.0.0",
-    "@next/mdx": "^14.2.3",
+    "@next/mdx": "^14.2.14",
     "clsx": "^2.1.0",
     "docs-ui": "*",
-    "next": "14.2.3",
+    "next": "14.2.14",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rehype-mdx-code-props": "^2.0.0",

diff --git a/www/apps/resources/app/globals.css b/www/apps/resources/app/globals.css
@@ -16,6 +16,14 @@
     @apply bg-medusa-bg-highlight;
   }
 
+  * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-base);
+  }
+
+  aside * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-subtle);
+  }
+
   body[data-modal="opened"] {
     @apply !overflow-hidden;
   }

diff --git a/www/apps/resources/package.json b/www/apps/resources/package.json
@@ -16,10 +16,10 @@
     "@mdx-js/loader": "^3.0.1",
     "@mdx-js/react": "^3.0.1",
     "@medusajs/icons": "preview",
-    "@next/mdx": "^14.2.3",
+    "@next/mdx": "^14.2.14",
     "clsx": "^2.1.0",
     "docs-ui": "*",
-    "next": "14.2.3",
+    "next": "14.2.14",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rehype-mdx-code-props": "^2.0.0",

diff --git a/www/apps/ui/package.json b/www/apps/ui/package.json
@@ -30,7 +30,7 @@
     "docs-ui": "*",
     "eslint-config-docs": "*",
     "mdast-util-toc": "^7.0.0",
-    "next": "^14.2.3",
+    "next": "^14.2.14",
     "next-contentlayer": "^0.3.4",
     "next-themes": "^0.2.1",
     "postcss": "8.4.27",

diff --git a/www/apps/ui/src/styles/globals.css b/www/apps/ui/src/styles/globals.css
@@ -18,6 +18,14 @@
     @apply !bg-medusa-contrast-bg-highlight;
   }
 
+  * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-base);
+  }
+
+  aside * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-subtle);
+  }
+
   body {
     @apply text-ui-fg-subtle;
   }

diff --git a/www/apps/user-guide/app/globals.css b/www/apps/user-guide/app/globals.css
@@ -2,32 +2,29 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
+@layer base {
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
+  html {
+    -webkit-font-smoothing: antialiased;
   }
-}
 
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
+  body {
+    @apply overflow-x-hidden;
+  }
+
+  *::selection {
+    @apply bg-medusa-bg-highlight;
+  }
+
+  * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-base);
+  }
+
+  aside * {
+    scrollbar-color: var(--docs-border-base) var(--docs-bg-subtle);
+  }
 
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
+  body[data-modal="opened"] {
+    @apply !overflow-hidden;
   }
-}
+}
diff --git a/www/apps/user-guide/package.json b/www/apps/user-guide/package.json
@@ -17,10 +17,10 @@
     "@mdx-js/loader": "^3.0.0",
     "@mdx-js/react": "^3.0.0",
     "@medusajs/icons": "preview",
-    "@next/mdx": "^14.2.3",
+    "@next/mdx": "^14.2.14",
     "clsx": "^2.1.0",
     "docs-ui": "*",
-    "next": "14.2.3",
+    "next": "14.2.14",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rehype-mdx-code-props": "^2.0.0",

diff --git a/www/packages/docs-ui/package.json b/www/packages/docs-ui/package.json
@@ -41,7 +41,7 @@
     "cpy-cli": "^5.0.0",
     "eslint": "^8",
     "eslint-config-docs": "*",
-    "next": "14.1.0",
+    "next": "^14.2.14",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.1",
@@ -74,7 +74,7 @@
     "react-google-recaptcha": "^3.1.0",
     "react-instantsearch": "^7.13.0",
     "react-markdown": "^8.0.7",
-    "react-medium-image-zoom": "^5.1.10",
+    "react-medium-image-zoom": "^5.2.10",
     "react-tooltip": "^5.21.3",
     "react-transition-group": "^4.4.5",
     "react-uuid": "^2.0.0",