Routing and redirects for /docs/

Author: hoijnet

public/staticwebapp.config.json

@@ -0,0 +1,18 @@
+{
+  "trailingSlash": "auto",
+  "globalHeaders": {
+    "X-Frame-Options": "deny"
+  },
+  "routes": [
+    {
+      "route": "/",
+      "redirect": "https://docs.terminusdb.org/docs/",
+      "statusCode": 301
+    }
+  ],
+  "responseOverrides": {
+    "404": {
+      "rewrite": "/404.tsx"
+    }
+  }
+}

src/components/_menu.tsx

@@ -17,7 +17,7 @@ function getSlug(slug: string) {
   if (slug[0] === "/") {
     return slug
   }
-  return "/" + slug
+  return "/docs/" + slug
 }
 
 function getMenuId(menuLabel: string) {

src/pages/[name].tsx renamed to src/pages/docs/[name].tsx

@@ -1,20 +1,20 @@
 /* eslint-disable @next/next/no-img-element */
 const TerminusClient = require("@terminusdb/terminusdb-client")
 import axios from "axios"
-import Seo from "../components/seo"
-import { Layout } from "../components/_layout"
-import { getHtml, getSubTitle } from "../utils"
-import menu from "../menu.json"
+import Seo from "../../components/seo"
+import { Layout } from "../../components/_layout"
+import { getHtml, getSubTitle } from "../../utils"
+import menu from "../../menu.json"
 import Link from "next/link"
-import { renderMarkdown } from "../lib/markdown"
+import { renderMarkdown } from "../../lib/markdown"
 
 function getChildren(document, menu, level) {
   const menuPageSlug = menu[`Menu${level}Page`]["slug"]
   if (document.slug === menuPageSlug) {
     const deeperLevel = level + 1
     const children = menu[`Level${deeperLevel}`].map((child) => {
       return {
-        slug: child[`Menu${deeperLevel}Page`]["slug"],
+        slug: "docs/" + child[`Menu${deeperLevel}Page`]["slug"],
         label: child[`Menu${deeperLevel}Label`],
       }
     })
@@ -81,7 +81,7 @@ export async function getStaticPaths() {
     .filter((x) => {
       return typeof x["slug"] !== "undefined" && !exceptions.includes(x["slug"])
     })
-    .map((x) => "/" + x["slug"])
+    .map((x) => "/docs/" + x["slug"])
   return { paths: paths, fallback: false }
 }
 

src/pages/index.tsx renamed to src/pages/docs/index.tsx

@@ -5,10 +5,10 @@ import { Inter } from "next/font/google"
 const inter = Inter({ subsets: ["latin"] })
 import axios from "axios"
 import "flowbite"
-import { getHtml, getSubTitle } from "../utils"
-import menu from "../menu.json"
-import { Layout } from "../components/_layout"
-import { renderMarkdown } from "../lib/markdown"
+import { getHtml, getSubTitle } from "../../utils"
+import menu from "../../menu.json"
+import { Layout } from "../../components/_layout"
+import { renderMarkdown } from "../../lib/markdown"
 
 export default function Home(props: { menu: any[]; entry: any[] }) {
   let html = getHtml(props.entry)
@@ -38,7 +38,7 @@ export async function getStaticProps({ params }) {
   )
   const query = {
     "@type": "Page",
-    slug: "get-started",
+    slug: "/docs/get-started",
   }
   const docs = await client.getDocument({
     "@type": "Page",

src/pages/javascript.tsx renamed to src/pages/docs/javascript.tsx

@@ -4,10 +4,10 @@ import {
   renderExamples,
   formatShortHandAnchorIds,
   formatAnchorIds,
-} from "../utils"
+} from "../../utils"
 const TerminusClient = require("@terminusdb/terminusdb-client")
-import menu from "../menu.json"
-import { Layout } from "../components/_layout"
+import menu from "../../menu.json"
+import { Layout } from "../../components/_layout"
 
 export default function JavaScript(props) {
   const modules = props.application.modules

src/pages/openapi.tsx renamed to src/pages/docs/openapi.tsx

@@ -1,9 +1,9 @@
-import { OnThisPageContent } from "../components/_onThisPage"
-import menu from "../menu.json"
+import { OnThisPageContent } from "../../components/_onThisPage"
+import menu from "../../menu.json"
 import dynamic from "next/dynamic"
 const SwaggerUI = dynamic(import("swagger-ui-react"), { ssr: false })
 import "swagger-ui-react/swagger-ui.css"
-import { Layout } from "../components/_layout"
+import { Layout } from "../../components/_layout"
 
 //        <div dangerouslySetInnerHTML={{__html: props.html }}/>
 export default function Home(props) {

src/pages/python.tsx renamed to src/pages/docs/python.tsx

@@ -5,9 +5,9 @@ import {
   renderExamples,
   formatShortHandAnchorIds,
   formatAnchorIds,
-} from "../utils"
-import menu from "../menu.json"
-import { Layout } from "../components/_layout"
+} from "../../utils"
+import menu from "../../menu.json"
+import { Layout } from "../../components/_layout"
 
 export default function Python(props) {
   const modules = props.application.modules