chore: update docusaurus template

Signed-off-by: aeneasr <[email protected]>

docs/contrib/sidebar.js

@@ -1,25 +1,9 @@
 const config = require('./config.js')
 const fs = require('fs')
 const path = require('path')
-
-const projects = [
-  {
-    slug: 'kratos',
-    name: 'ORY Kratos'
-  },
-  {
-    slug: 'hydra',
-    name: 'ORY Hydra'
-  },
-  {
-    slug: 'oathkeeper',
-    name: 'ORY Oathkeeper'
-  },
-  {
-    slug: 'keto',
-    name: 'ORY Keto'
-  }
-].filter((item) => config.projectSlug !== item.slug)
+const request = require('sync-request')
+const parser = require('parser-front-matter')
+const base = require(path.join(__dirname, 'sidebar.json'))
 
 let sidebar = {
   Welcome: ['index']
@@ -30,26 +14,77 @@ if (fs.existsSync(cn)) {
   sidebar = require(cn)
 }
 
-projects.forEach((item) => {
-  sidebar[item.name] = [
-    {
-      type: 'link',
-      label: 'Home',
-      href: `https://www.ory.sh/${item.slug}`
-    },
-    {
-      type: 'link',
-      label: 'Docs',
-      href: `https://www.ory.sh/${item.slug}/docs`
-    },
-    {
-      type: 'link',
-      label: 'GitHub',
-      href: `https://github.com/ory/${item.slug}`
+const toHref = (slug, node) => {
+  if (node !== null && typeof node === 'object') {
+    if (node.type) {
+      if (node.type === 'category') {
+        return {
+          ...node,
+          items: node.items.map((n) => toHref(slug, n))
+        }
+      }
+      return node
     }
-  ]
-})
+
+    Object.entries(node).forEach(([key, value]) => {
+      node[key] = toHref(slug, value)
+    })
+    return node
+  } else if (Array.isArray(node)) {
+    return node.map((value) => {
+      return toHref(slug, value)
+    })
+  }
+
+  let res = request(
+    'GET',
+    `https://raw.githubusercontent.com/ory/${slug}/new-doc-nav/docs/docs/${node}.mdx`
+  )
+  if (res.statusCode === 404) {
+    res = request(
+      'GET',
+      `https://raw.githubusercontent.com/ory/${slug}/new-doc-nav/docs/docs/${node}.md`
+    )
+  }
+
+  const fm = parser.parseSync(res.getBody().toString())
+
+  return {
+    label: fm.data.title,
+    type: 'link',
+    href: `https://www.ory.sh/${slug}/docs/next/${fm.data.slug || node}`
+  }
+}
+
+const resolveRefs = (node) => {
+  if (node !== null && typeof node == 'object') {
+    if (node['$slug']) {
+      const slug = node['$slug']
+      if (slug === config.projectSlug) {
+        return sidebar
+      }
+
+      const res = request(
+        'GET',
+        `https://raw.githubusercontent.com/ory/${slug}/new-doc-nav/docs/sidebar.json`
+      )
+      const items = JSON.parse(res.getBody().toString())
+
+      return toHref(slug, items)
+    }
+
+    Object.entries(node).forEach(([key, value]) => {
+      node[key] = resolveRefs(value)
+    })
+    return node
+  }
+  return node
+}
+
+const result = resolveRefs(base)
+
+console.log(JSON.stringify(result))
 
 module.exports = {
-  docs: sidebar
+  docs: resolveRefs(result)
 }

docs/contrib/sidebar.json

@@ -0,0 +1,27 @@
+{
+  "Developer Documentation": {
+    "$slug": "docs"
+  },
+  "Open Source Documentation": [
+    {
+      "Ory Kratos": {
+        "$slug": "kratos"
+      }
+    },
+    {
+      "Ory Keto": {
+        "$slug": "keto"
+      }
+    },
+    {
+      "Ory Hydra": {
+        "$slug": "hydra"
+      }
+    },
+    {
+      "Ory Oathkeeper": {
+        "$slug": "oathkeeper"
+      }
+    }
+  ]
+}

docs/contrib/theme.css

@@ -6,3 +6,8 @@
   padding: 8px;
   margin: 32px;
 }
+
+.menu__link[href*="https://"]:after
+{
+  display: none !important;
+}

docs/docusaurus.config.js

@@ -1,4 +1,5 @@
 const config = require('./contrib/config.js')
+const fs = require('fs')
 
 const githubRepoName =
   config.projectSlug === 'ecosystem' ? 'docs' : config.projectSlug
@@ -7,14 +8,8 @@ const baseUrl = config.baseUrl ? config.baseUrl : `/${config.projectSlug}/docs/`
 
 const links = [
   {
-    to: '/',
-    activeBasePath: baseUrl,
-    label: `Docs`,
-    position: 'left'
-  },
-  {
-    href: 'https://www.ory.sh/docs',
-    label: 'Ecosystem',
+    to: 'https://www.ory.sh/',
+    label: `Home`,
     position: 'left'
   },
   {
@@ -25,20 +20,26 @@ const links = [
   {
     href: `https://github.com/ory/${githubRepoName}/discussions`,
     label: 'Discussions',
-    position: 'left'
+    position: 'right'
   },
   {
     href: 'https://www.ory.sh/chat',
-    label: 'Chat',
-    position: 'left'
+    label: 'Slack',
+    position: 'right'
   },
   {
     href: `https://github.com/ory/${githubRepoName}`,
     label: 'GitHub',
-    position: 'left'
+    position: 'right'
   }
 ]
 
+const customCss = [require.resolve('./contrib/theme.css')]
+
+if (fs.existsSync('./src/css/theme.css')) {
+  customCss.push(require.resolve('./src/css/theme.css'))
+}
+
 module.exports = {
   title: config.projectName,
   tagline: config.projectTagLine,
@@ -144,10 +145,7 @@ module.exports = {
     [
       '@docusaurus/theme-classic',
       {
-        customCss:
-          config.projectSlug === 'docusaurus-template'
-            ? require.resolve('./contrib/theme.css')
-            : require.resolve('./src/css/theme.css')
+        customCss
       }
     ],
     '@docusaurus/theme-search-algolia'