feat: implement logic to parse the toc.toml and render it

netlify.toml

@@ -10,3 +10,7 @@ ORG_NAME = "mongodb"
 REPO_NAME = "docs-landing"
 BRANCH_NAME = "master"
 PARSER_VERSION = "0.18.9"
+
+# remove when merged 
+[context.deploy-preview.environment]
+GATSBY_USE_UNIFIED_TOC = "true"

package.json

@@ -133,6 +133,7 @@
     "html-screen-capture-js": "^1.0.50",
     "https-browserify": "^1.0.0",
     "immer": "^9.0.6",
+    "js-toml": "^1.0.1",
     "json-schema": "^0.4.0",
     "lodash": "^4.6.0",
     "minimist": "^1.2.6",

plugins/gatsby-source-snooty-prod/gatsby-node.js

@@ -1,4 +1,5 @@
 const swc = require('@swc/core');
+const { load } = require('js-toml');
 const path = require('path');
 const fs = require('fs/promises');
 const { transformBreadcrumbs } = require('../../src/utils/setup/transform-breadcrumbs.js');
@@ -21,7 +22,7 @@
 const { createProductNodes } = require('../utils/products.js');
 const { createDocsetNodes } = require('../utils/docsets.js');
 const { createBreadcrumbNodes } = require('../utils/breadcrumbs.js');
-
+const { createTocNodes } = require('../utils/unified-toc.js');
 const assets = new Map();
 const projectComponents = new Set();
 
@@ -127,6 +128,7 @@
     );
     process.exit(1);
   }
+
   const pageIdPrefix = constructPageIdPrefix(siteMetadata);
   documents.forEach((doc) => {
     const { page_id, ...rest } = doc;
@@ -195,6 +197,9 @@
 
   await createBreadcrumbNodes({ db, createNode, createNodeId, createContentDigest });
 
+  // create TOC nodes
+  await createTocNodes({ createNode, createNodeId, createContentDigest });
+
   if (process.env['OFFLINE_DOCS'] !== 'true') {
     const umbrellaProduct = await db.realmInterface.getMetadata(
       {
@@ -420,5 +425,8 @@
       propertyUrl: String
     }
 
+    type TOC implements Node @dontInfer {
+      tocTree: JSON!
+    }
   `);
 };

plugins/utils/unified-toc.js

@@ -0,0 +1,27 @@
+const { load } = require('js-toml');
+const fs = require('fs/promises');
+
+const createTocNodes = async ({ createNode, createNodeId, createContentDigest }) => {
+  // Get all MongoDB products for the sidenav
+
+  try {
+    const tomlContents = (await fs.readFile(`${process.cwd()}/toc.toml`)).toString();
+    const toc = load(tomlContents);
+
+    createNode({
+      tocTree: toc,
+      id: createNodeId('toc'),
+      internal: {
+        contentDigest: createContentDigest(toc),
+        type: 'TOC',
+      },
+      parent: null,
+    });
+  } catch (e) {
+    console.error('error occurred when reading the toc.toml', e);
+  }
+};
+
+module.exports = {
+  createTocNodes,
+};