mdx fixup

Author: jamiehenson

content/chat/connectold.textile renamed to content/chat/connect.textile

@@ -70,25 +70,6 @@ interface ApiReferenceQueryResult {
   };
 }
 
-interface MdxEdge {
-  node: {
-    id: string;
-    frontmatter: {
-      slug: string;
-      title: string;
-    };
-    internal: {
-      contentFilePath: string;
-    };
-  };
-}
-
-interface MdxQueryResult {
-  allMdx: {
-    edges: MdxEdge[];
-  };
-}
-
 export const createPages: GatsbyNode['createPages'] = async ({ graphql, actions: { createPage, createRedirect } }) => {
   /**
    * It's not ideal to have:
@@ -124,25 +105,6 @@ export const createPages: GatsbyNode['createPages'] = async ({ graphql, actions:
     }
   `);
 
-  const mdxResult = await graphql<MdxQueryResult>(`
-    query {
-      allMdx {
-        edges {
-          node {
-            id
-            frontmatter {
-              slug
-              title
-            }
-            internal {
-              contentFilePath
-            }
-          }
-        }
-      }
-    }
-  `);
-
   /**
    * We could log here, the reason we don't right now is that the error should already have been caught and logged.
    * Because Gatsby spawns a bunch of async processes during the onCreateNode step, though, and errors don't prevent
@@ -246,30 +208,6 @@ export const createPages: GatsbyNode['createPages'] = async ({ graphql, actions:
       return slug;
     };
 
-  const mdxCreator = async (edge: MdxEdge): Promise<string> => {
-    const slug = edge.node.frontmatter.slug;
-
-    if (!slug) {
-      return slug;
-    }
-
-    const mdxWrapper = path.resolve('src/components/Layout/MDXWrapper.tsx');
-
-    console.log('cat', edge.node.frontmatter);
-
-    createPage({
-      path: slug,
-      component: `${mdxWrapper}?__contentFilePath=${edge.node.internal.contentFilePath}`,
-      context: {
-        slug,
-        title: edge.node.frontmatter.title,
-        layout: { sidebar: true, searchBar: true, template: 'base' },
-      },
-    });
-
-    return slug;
-  };
-
   createRedirect({
     fromPath: '/',
     toPath: '/docs',
@@ -293,11 +231,8 @@ export const createPages: GatsbyNode['createPages'] = async ({ graphql, actions:
     throw new Error('API reference result is undefined');
   }
 
-  console.log('lucie', mdxResult.data);
-
   await Promise.all([
     ...documentResult.data.allFileHtml.edges.map(documentCreator(documentTemplate)),
     ...apiReferenceResult.data.allFileHtml.edges.map(documentCreator(apiReferenceTemplate)),
-    ...(mdxResult.data?.allMdx.edges.map(mdxCreator) ?? []),
   ]);
 };

content/chat/rooms/messages.textile renamed to content/chat/rooms/messagesold.textile

@@ -1,7 +1,10 @@
 import { GatsbyNode } from 'gatsby';
+import path from 'path';
 
 export type LayoutOptions = { sidebar: boolean; searchBar: boolean; template: string };
 
+const mdxWrapper = path.resolve('src/components/Layout/MDXWrapper.tsx');
+
 const pageLayoutOptions: Record<string, LayoutOptions> = {
   '/docs': { sidebar: false, searchBar: false, template: 'index' },
   '/docs/api/control-api': { sidebar: false, searchBar: true, template: 'control-api' },
@@ -13,15 +16,17 @@ const pageLayoutOptions: Record<string, LayoutOptions> = {
 
 export const onCreatePage: GatsbyNode['onCreatePage'] = ({ page, actions }) => {
   const { createPage } = actions;
-
   const pathOptions = Object.entries(pageLayoutOptions).find(([path]) => page.path === path);
+  const isMDX = page.component.endsWith('.mdx');
 
-  if (pathOptions) {
-    page.context = {
-      ...page.context,
-      layout: pathOptions[1],
-    };
-
-    createPage(page);
+  if (pathOptions || isMDX) {
+    createPage({
+      ...page,
+      context: {
+        ...page.context,
+        layout: pathOptions ? pathOptions[1] : { sidebar: true, searchBar: true, template: 'base' },
+      },
+      component: isMDX ? `${mdxWrapper}?__contentFilePath=${page.component}` : page.component,
+    });
   }
 };