Make the site generation script hosting agnostic

Author: hoijnet

src/lib/markdown.ts

@@ -4,8 +4,8 @@ const probe = require("probe-image-size")
 export async function renderMarkdown(markdown: string): Promise<string> {
   const converter = new showdown.Converter({ metadata: true, tables: true })
   let html = converter.makeHtml(markdown)
-  const imgTags = html.match(/<img [^>]*src="[^"]*"[^>]*>/gm)
-  if (imgTags !== null) {
+  const imgTags = html?.match(/<img [^>]*src="[^"]*"[^>]*>/gm)
+  if (imgTags) {
     for (let img of imgTags) {
       if (img.includes('width="')) {
         // Skip images that already have their width/height set

src/pages/[name].tsx

@@ -69,15 +69,12 @@ export default function Doc(
 
 export async function getStaticPaths() {
   // Connect and configure the TerminusClient
-  const client = new TerminusClient.WOQLClient(
-    "https://cloud.terminusdb.com/TerminatorsX",
-    {
-      user: "[email protected]",
-      organization: "TerminatorsX",
-      db: "terminusCMS_docs",
-      token: process.env.TERMINUSDB_API_TOKEN,
-    }
-  )
+  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 docs = await client.getDocument({ "@type": "Page", as_list: true })
   const exceptions = ["python", "openapi", "javascript"]
   const paths = docs
@@ -93,10 +90,10 @@ export async function getStaticProps({ params }) {
     headers: { Authorization: `Token ${process.env.TERMINUSDB_API_TOKEN}` },
   }
   const doc = await axios.post(
-    "https://cloud.terminusdb.com/TerminatorsX/api/graphql/TerminatorsX/terminusCMS_docs",
+    `${process.env.TERMINUSDB_API_ENDPOINT}/api/graphql/${process.env.TERMINUSDB_TEAM}/${process.env.TERMINUSDB_DB}`,
     {
       query: `query {
-    Page(filter: {slug: {eq: "${params['name']}"}}) {
+    Page(filter: {slug: {eq: "${params["name"]}"}}) {
     slug,
     title {
       value
@@ -117,7 +114,7 @@ export async function getStaticProps({ params }) {
   const docResult = doc.data.data.Page[0]
   let html = ""
   if (docResult["body"] !== null) {
-    html = await renderMarkdown(docResult["body"]["value"])
+    html = await renderMarkdown(docResult["body"]?.["value"]??"")
   }
   const entry = { html: html, document: docResult }
   return { props: { entry, menu } }

src/pages/index.tsx

@@ -18,21 +18,21 @@ export default function Home(props: { menu: any[]; entry: any[] }) {
       menu={props.menu}
       entry={props.entry}
       displayElement={displayElement}
-      heading={props.entry.document.title.value}
+      heading={props.entry.document?.title?.value ?? ""}
       subtitle={getSubTitle(props.entry.document)}
-      seo_metadata={props.entry.document.seo_metadata}
+      seo_metadata={props.entry.document?.seo_metadata}
     />
   )
 }
 
 export async function getStaticProps({ params }) {
   // Connect and configure the TerminusClient
   const client = new TerminusClient.WOQLClient(
-    "https://cloud.terminusdb.com/TerminatorsX",
+    process.env.TERMINUSDB_API_ENDPOINT,
     {
-      user: "[email protected]",
-      organization: "TerminatorsX",
-      db: "terminusCMS_docs",
+      user: process.env.TERMINUSDB_USER,
+      organization: process.env.TERMINUSDB_TEAM,
+      db: process.env.TERMINUSDB_DB,
       token: process.env.TERMINUSDB_API_TOKEN,
     }
   )
@@ -46,7 +46,7 @@ export async function getStaticProps({ params }) {
     query: query,
   })
   const docResult = docs[0]
-  let html = await renderMarkdown(docResult["body"]["value"])
-  const entry = { html: html, document: docResult }
+  let html = await renderMarkdown(docResult?.["body"]?.["value"] ?? "")
+  const entry = { html: html, document: docResult ?? null }
   return { props: { menu: menu, entry: entry } }
 }

src/pages/javascript.tsx

@@ -72,11 +72,11 @@ export default function JavaScript(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,
     }
   )
@@ -97,7 +97,7 @@ export async function getStaticProps(context) {
   // provide entry slug
 
   const application = await axios.post(
-    "https://cloud.terminusdb.com/TerminatorsX/api/graphql/TerminatorsX/terminusCMS_docs",
+    `${process.env.TERMINUSDB_API_ENDPOINT}/api/graphql/${process.env.TERMINUSDB_TEAM}/${process.env.TERMINUSDB_DB}`,
     {
       query: `query {
             Application(filter: {language: {eq: Javascript} } ) {

src/pages/python.tsx

@@ -103,7 +103,7 @@ export async function getStaticProps(context) {
   }
 
   const application = await axios.post(
-    "https://cloud.terminusdb.com/TerminatorsX/api/graphql/TerminatorsX/terminusCMS_docs",
+    `${process.env.TERMINUSDB_API_ENDPOINT}/api/graphql/${process.env.TERMINUSDB_TEAM}/${process.env.TERMINUSDB_DB}`,
     {
       query: `query {
             Application(filter: {language: {eq: Python} } ) {

src/prebuild/menu.mjs

@@ -7,7 +7,7 @@ async function fetchMenu() {
     headers: { Authorization: `Token ${process.env.TERMINUSDB_API_TOKEN}` },
   }
   const req = await axios.post(
-    "https://cloud.terminusdb.com/TerminatorsX/api/graphql/TerminatorsX/terminusCMS_docs",
+    `${process.env.TERMINUSDB_API_ENDPOINT}/api/graphql/${process.env.TERMINUSDB_TEAM}/${process.env.TERMINUSDB_DB}`,
     {
       query: `query {
         Menu(orderBy: {Order:ASC}) {