feat: 🎸 docs demo

Do not merge for demo only
nodejs · benhalverson · May 18, 2021 · May 20, 2021 · May 20, 2021 · May 20, 2021
commit dc7d3cf5618ed978590621229eac77462f35041c
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -79,10 +79,8 @@ module.exports = {
     {
       resolve: 'gatsby-source-git',
       options: {
-        name: 'i18n-repo',
-        remote: 'https://github.com/nodejs/i18n.git',
-        branch: 'master',
-        patterns: 'content/v14.x/en-US/doc'
+        name: 'markdown-docs',
+        path: './node_modules/node-i18n/content/v12.x/en-US/doc/api'
       },
     },
     {

diff --git a/gatsby-node-docs.js b/gatsby-node-docs.js
@@ -0,0 +1,35 @@
+exports.createPages = async ({ actions, graphql, reporter }) => {
+  const { createPage } = actions;
+
+  const docsTemplate = require.resolve(`./src/templates/docs.tsx`);
+
+  const result = await graphql(`
+    {
+      allMarkdownRemark {
+        edges {
+          node {
+            excerpt
+            fileAbsolutePath
+          }
+        }
+      }
+    }
+  `);
+
+  // Handle errors
+  if (result.errors) {
+    reporter.panicOnBuild(`Error while running GraphQL query.`);
+    return;
+  }
+
+  result.data.allMarkdownRemark.edges.forEach(({ node }) => {
+    createPage({
+      // path: node.frontmatter.slug,
+      path: 'test',
+      component: docsTemplate,
+      context: {
+        excerpt,
+      },
+    });
+  });
+};
diff --git a/gatsby-node.js b/gatsby-node.js
@@ -3,7 +3,7 @@ const path = require('path');
 const fetch = require('node-fetch');
 const createSlug = require('./util-node/createSlug');
 const getReleaseStatus = require('./util-node/getReleaseStatus');
-
+require('./gatsby-node-docs');
 const BLOG_POST_FILENAME_REGEX = /([0-9]+)-([0-9]+)-([0-9]+)-(.+)\.md$/;
 
 exports.createPages = ({ graphql, actions }) => {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -42,6 +42,7 @@
     "gatsby-transformer-yaml": "^3.4.0",
     "intersection-observer": "^0.12.0",
     "node-fetch": "^2.6.1",
+    "node-i18n": "github:nodejs/i18n",
     "prismjs": "^1.23.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",

diff --git a/src/pages/docs-demo.tsx b/src/pages/docs-demo.tsx
@@ -0,0 +1,58 @@
+import { graphql } from 'gatsby';
+import React from 'react';
+import dompurify from 'dompurify';
+import Layout from '../components/Layout';
+
+const sanitizer = dompurify.sanitize;
+const title = 'Download Node.js';
+const description = 'Come get me!';
+
+interface Props {
+  data: {
+    doc: {
+      edges: string[] | {};
+    };
+  };
+}
+
+const DocsLayout = ({ data }: Props): React.ReactNode => (
+  <Layout title={title} description={description} style={{width: '100%'}}>
+    <main>
+      {console.log(data)}
+      <p
+        dangerouslySetInnerHTML={{
+          __html: sanitizer(data.doc.edges[102].node.html),
+        }}
+      />
+    </main>
+  </Layout>
+);
+export default DocsLayout;
+
+export const query = graphql`
+  {
+    doc: allMarkdownRemark {
+      edges {
+        node {
+          fileAbsolutePath
+					frontmatter {
+            title
+          }
+          html
+        }
+      }
+    }
+    allFile(
+      filter: {
+        absolutePath: { eq: "node_modules/node-i18n/content/v12.x/en-US/doc/" }
+      }
+    ) {
+      edges {
+        node {
+          id
+          absolutePath
+        }
+      }
+    }
+  }
+`;