Reintroduce tableOfContents

Author: chrisflatley

theme/gatsby-node.js

@@ -34,19 +34,19 @@ exports.sourceNodes = ({ actions, schema }) => {
         order: {
           type: 'String!',
         },
-        // tableOfContents: {
-        //   type: 'TocJson!',
-        //   resolve(source, args, context, info) {
-        //     const type = info.schema.getType(`Mdx`)
-        //     const mdxNode = context.nodeModel.getNodeById({
-        //       id: source.parent,
-        //     })
-        //     const resolver = type.getFields()['tableOfContents'].resolve
-        //     return resolver(mdxNode, {}, context, {
-        //       fieldName: 'tableOfContents',
-        //     })
-        //   },
-        // },
+        tableOfContents: {
+          type: 'JSON!',
+          resolve(source, args, context, info) {
+            const type = info.schema.getType(`Mdx`)
+            const mdxNode = context.nodeModel.getNodeById({
+              id: source.parent,
+            })
+            const resolver = type.getFields()['tableOfContents'].resolve
+            return resolver(mdxNode, {}, context, {
+              fieldName: 'tableOfContents',
+            })
+          },
+        },
         body: {
           type: 'String!',
           resolve(source, args, context, info) {
@@ -71,7 +71,7 @@ exports.sourceNodes = ({ actions, schema }) => {
       fields: {
         id: { type: `ID!` },
         data: {
-          type: 'MenuItem!',
+          type: 'JSON!',
         },
       },
       interfaces: [`Node`],
@@ -223,7 +223,7 @@ exports.onCreateNode = ({
         metaTitle: node.frontmatter.metaTitle || title,
         metaDescription: node.frontmatter.metaDescription || '',
         order: node.frontmatter.order || title,
-        // tableOfContents: node.tableOfContents,
+        tableOfContents: node.tableOfContents,
         rawBody: node.rawBody,
       }
 
@@ -254,21 +254,6 @@ exports.createSchemaCustomization = ({ actions }) => {
     type AuthorJson implements Node {
       joinedAt: Date
     }
-
-    type MenuInfo implements Node {
-      id: String!
-      url: String!
-      order: String!
-      title: String!
-    }
-
-    type MenuItem implements Node {
-      id: String!
-      label: String!
-      info: MenuInfo
-      items: [MenuItem!]!
-    }
-
   `
 
   createTypes(typeDefs)

theme/src/components/Sidebar.tsx

@@ -22,56 +22,7 @@ export const Sidebar = ({ location, current }: SidebarProps) => {
     graphql`
       query MenuQuery {
         menu(id: { eq: "menu" }) {
-          data {
-            id
-            label
-            info {
-              id
-              url
-              order
-              title
-            }
-            items {
-              id
-              label
-              info {
-                id
-                url
-                order
-                title
-              }
-              items {
-                id
-                label
-                info {
-                  id
-                  url
-                  order
-                  title
-                }
-                items {
-                  id
-                  label
-                  info {
-                    id
-                    url
-                    order
-                    title
-                  }
-                  items {
-                    id
-                    label
-                    info {
-                      id
-                      url
-                      order
-                      title
-                    }
-                  }
-                }
-              }
-            }
-          }
+          data
         }
         site {
           siteMetadata {