Merge pull request #3 from dfrnt-labs/vibe/crawl

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/docs/index.tsx

@@ -0,0 +1,52 @@
+/* eslint-disable @next/next/no-img-element */
+const TerminusClient = require("@terminusdb/terminusdb-client")
+import Image from "next/image"
+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"
+
+export default function Home(props: { menu: any[]; entry: any[] }) {
+  let html = getHtml(props.entry)
+  let displayElement = <div dangerouslySetInnerHTML={{ __html: html }} />
+  return (
+    <Layout
+      menu={props.menu}
+      entry={props.entry}
+      displayElement={displayElement}
+      heading={props.entry.document?.title?.value ?? ""}
+      subtitle={getSubTitle(props.entry.document)}
+      seo_metadata={props.entry.document?.seo_metadata}
+    />
+  )
+}
+
+export async function getStaticProps({ params }) {
+  // Connect and configure the TerminusClient
+  const client = new TerminusClient.WOQLClient(
+    process.env.TERMINUSDB_API_ENDPOINT,
+    {
+      user: process.env.TERMINUSDB_USER,
+      organization: process.env.TERMINUSDB_TEAM,
+      db: process.env.TERMINUSDB_DB,
+      token: process.env.TERMINUSDB_API_TOKEN,
+    }
+  )
+  const query = {
+    "@type": "Page",
+    slug: "get-started",
+  }
+  const docs = await client.getDocument({
+    "@type": "Page",
+    as_list: true,
+    query: query,
+  })
+  const docResult = docs[0]
+  let html = await renderMarkdown(docResult?.["body"]?.["value"] ?? "")
+  const entry = { html: html, document: docResult ?? null }
+  return { props: { menu: menu, entry: entry } }
+}

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
@@ -77,11 +77,11 @@ export default function Python(props) {
 
 export async function getStaticProps(context) {
   const client = new TerminusClient.WOQLClient(
-    "https://cloud.terminusdb.com/TerminatorsX",
+    process.env.TERMINUSDB_API_ENDPOINT,
     {
       user: "[email protected]",
-      organization: "TerminatorsX",
-      db: "terminusCMS_docs",
+      organization: process.env.TERMINUSDB_TEAM,
+      db: process.env.TERMINUSDB_DB,
       token: process.env.TERMINUSDB_API_TOKEN,
     }
   )