Upgrade Docusaurus to version 3 (#49)

* Cleaned up source for reducing dependencies * Upgraded Docusaurus and dependencies * Remove trailingSlash * Fixed broken anchors * Removed old prism-react-renderer
linode · Jan 26, 2024 · 2368cef · 2368cef
1 parent 5b9bfa1
commit 2368cef
Show file tree

Hide file tree

Showing 21 changed files with 9,010 additions and 17,469 deletions.
diff --git a/CNAME b/CNAME
diff --git a/README copy.md b/README copy.md
diff --git a/docs/apps/ingress-nginx.md b/docs/apps/ingress-nginx.md
@@ -18,7 +18,7 @@ Teams will be be automatically given a git repository in Gitea named `team-$team
 
 ## Integrations
 
-Otomi integrated NGINX Ingress Controller into an advanced [ingress architecture](/product/architecture#ingress--sso).
+Otomi integrated NGINX Ingress Controller into an advanced [ingress architecture](/product/architecture#advanced-ingress-architecture-as-its-core).
 
 ## Instructions
 

diff --git a/docs/get-started/activation.md b/docs/get-started/activation.md
@@ -72,7 +72,7 @@ alias chrome-insecure='/Applications/Google\ Chrome.app/Contents/MacOS/Google\ C
 We strongly advise to not use the default `otomi-admin` account after activation and to not change the password. Store it somewhere safe and only use it in case absolutely required.
 :::
 
-[Create a new user account in Keycloak](/docs/apps/keycloak#step-2-create-a-user-in-keycloak) and add the new user to the `otomi-admin` and `team-admin` group.
+[Create a new user account in Keycloak](/docs/apps/keycloak#create-a-user-in-keycloak) and add the new user to the `otomi-admin` and `team-admin` group.
 
 ## Step 5 (Optional): Add the URL of the Kubernetes API
 

diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -86,10 +86,7 @@ module.exports = {
       backgroundColor: "#0d47a1",
       textColor: "#ffd700",
     },
-    prism: {
-      theme: require("prism-react-renderer/themes/github"),
-      darkTheme: require("prism-react-renderer/themes/dracula"),
-    },
+    theme: "github",
     image: "img/otomi-logo.svg",
     algolia: {
       appId: "U3MTGFO19C",
@@ -197,7 +194,6 @@ module.exports = {
       ],
     },
   },
-  trailingSlash: true,
   presets: [
     [
       isBootstrapPreset

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,24 +12,20 @@
     ]
   },
   "dependencies": {
-    "@docusaurus/core": "^2.2.0",
-    "@docusaurus/plugin-client-redirects": "^2.2.0",
-    "@docusaurus/preset-classic": "^2.2.0",
-    "@material-ui/icons": "^4.11.2",
-    "@mdx-js/react": "^1.6.21",
-    "clsx": "^1.1.1",
-    "prism-react-renderer": "^1.2.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-material-ui-carousel": "^3.1.1",
+    "@docusaurus/core": "^3.1.0",
+    "@docusaurus/plugin-client-redirects": "^3.1.0",
+    "@docusaurus/preset-classic": "^3.1.0",
+    "@mdx-js/react": "^3.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "upgrade": "^1.1.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^2.2.0",
-    "@tsconfig/docusaurus": "^1.0.4",
-    "cspell": "^5.18.0",
-    "husky": "^7.0.4",
-    "typescript": "^4.5.2"
+    "@docusaurus/module-type-aliases": "^3.1.0",
+    "@docusaurus/tsconfig": "^3.0.0-beta.0",
+    "cspell": "^8.3.2",
+    "husky": "^8.0.3",
+    "typescript": "^5.3.3"
   },
   "name": "redkubes-github-io",
   "private": true,
@@ -52,5 +48,5 @@
     "write-heading-ids": "docusaurus write-heading-ids",
     "write-translations": "docusaurus write-translations"
   },
-  "version": "0.15.3"
+  "version": "0.16.0"
 }
diff --git a/src/components/Carousel.module.css b/src/components/Carousel.module.css
diff --git a/src/components/Carousel.tsx b/src/components/Carousel.tsx
diff --git a/src/data/carousel.js b/src/data/carousel.js
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -5,20 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-//  import React from 'react';
-//  import {Redirect} from '@docusaurus/router';
-//  const Home = () => {
-//    return <Redirect to="/docs" />;
-//  };
-
 import React from "react";
 import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import useBaseUrl from "@docusaurus/useBaseUrl";
 import Layout from "@theme/Layout";
 import clsx from "clsx";
 import styles from "./index.module.css";
-import apps from "../data/apps";
 
 function Home() {
   const context = useDocusaurusContext();
@@ -70,19 +63,6 @@ function Home() {
             />
           </div>
         </div>
-        {/* <div className={clsx(styles.announcement, styles.announcementBanner)}>
-          <div className={styles.announcementInner}>
-            <h1>FEATURE OVERVIEW</h1> <h4>Install Otomi and deploy your app in just a couple of minutes</h4>
-          </div>
-        </div>
-        <div
-          id="carousel"
-          className={clsx(styles.announcement, styles.announcementDark)}
-        >
-          <div className={styles.announcementInner}>
-            <Carousel items={carouselItems} />
-          </div>
-        </div> */}
       </main>
     </Layout>
   );

diff --git a/static/carousel/item-1.png b/static/carousel/item-1.png
diff --git a/static/carousel/item-2.png b/static/carousel/item-2.png
diff --git a/static/carousel/item-3.png b/static/carousel/item-3.png
diff --git a/static/carousel/item-4.png b/static/carousel/item-4.png
diff --git a/static/carousel/item-5.png b/static/carousel/item-5.png
diff --git a/static/carousel/item-6.png b/static/carousel/item-6.png
diff --git a/static/carousel/item-7.png b/static/carousel/item-7.png
diff --git a/static/carousel/item-8.png b/static/carousel/item-8.png
diff --git a/tem..txt b/tem..txt
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,6 +1,6 @@
 {
   // This file is not used in compilation. It is here just for a nice editor experience.
-  "extends": "@tsconfig/docusaurus/tsconfig.json",
+  "extends": "@docusaurus/tsconfig",
   "compilerOptions": {
     "baseUrl": "."
   }