compile nav groups

Author: mojavelinux

preview-src/ui-model.yml

@@ -3,6 +3,17 @@ site:
   title: Couchbase Docs
   url: http://localhost:5252
   homeUrl: &home_url /home.html
+  keys:
+    navGroups: |
+      - title: Server
+        startPage: home::server.adoc
+        components: [server, '*-connector']
+      - title: Mobile
+        startPage: home::mobile.adoc
+        components: [couchbase-lite, sync-gateway]
+      - title: Cloud
+        startPage: home::cloud.adoc
+        components: [operator]
   components:
     server:
       versions:

src/helpers/compile-nav-groups.js

@@ -0,0 +1,34 @@
+'use strict'
+
+const { inspect } = require('util')
+const yaml = require('js-yaml')
+
+module.exports = ({ data: { root: { contentCatalog, site } } }) => {
+  let navGroups = site.keys.navGroups
+  if (!navGroups) return '[]'
+  if (navGroups._compiled) return navGroups
+  const components = site.components
+  const componentNames = Object.keys(components)
+  navGroups = yaml.load(navGroups).reduce((accum, navGroup) => {
+    const componentsInGroup = navGroup.components.reduce((matched, componentName) => {
+      if (~componentName.indexOf('*')) {
+        const rx = new RegExp(`^${componentName.replace(/[*]/g, '.*?')}$`)
+        return matched.concat(componentNames.filter((candidate) => rx.test(candidate)))
+      } else if (componentName in components) {
+        return matched.concat(componentName)
+      }
+      return matched
+    }, [])
+    if (!componentsInGroup.length) return accum
+    let startPage = navGroup.startPage
+    if (startPage) {
+      startPage = contentCatalog ? contentCatalog.resolvePage(startPage) : { url: '/index.html' }
+      if (startPage) navGroup.url = startPage.url
+      delete navGroup.startPage
+    }
+    navGroup.components = componentsInGroup
+    return accum.concat(navGroup)
+  }, [])
+  navGroups._compiled = true
+  return (site.keys.navGroups = navGroups)
+}

src/helpers/stringify.js

@@ -0,0 +1,3 @@
+'use strict'
+
+module.exports = (object) => JSON.stringify(object)

src/js/01-nav.js

@@ -1,6 +1,16 @@
 ;(function () {
   'use strict'
 
+  var siteNavigationData = window.siteNavigationData.reduce(function (accum, entry) {
+    accum[entry.name] = entry
+    return accum
+  }, {})
+  window.siteNavigationGroups.forEach(function (group) {
+    group.components.forEach(function (componentName) {
+      var componentNavData = siteNavigationData[componentName]
+    })
+  })
+
   var nav = document.querySelector('nav.nav')
   var menuExpandToggle = document.querySelector('.menu-expand-toggle')
   var versionToggle = document.querySelector('.clickable')

src/partials/footer-scripts.hbs

@@ -1,5 +1,8 @@
 {{!-- may pass this path to site.js and have it load the navigation data --}}
 <script src="{{siteRootPath}}/site-navigation-data.js"></script>
+<script>
+window.siteNavigationGroups = {{{stringify (compile-nav-groups)}}}
+</script>
 <script src="{{{uiRootPath}}}/js/site.js"></script>
 {{#with page.attributes.content-scripts}}
 {{{this}}}