DEVEP-2099 - Implement Contributor API (#1)

adobe · Aug 10, 2020 · 06f52fa · 06f52fa
1 parent 5a4a8b8
commit 06f52fa
Show file tree

Hide file tree

Showing 6 changed files with 2,167 additions and 2,152 deletions.
diff --git a/packages/gatsby-theme-parliament/gatsby-config.js b/packages/gatsby-theme-parliament/gatsby-config.js
@@ -110,6 +110,21 @@ module.exports = {
         rehypePlugins: [require(`rehype-slug`)],
         remarkPlugins: [require(`remark-external-links`), require(`remark-docz`)]
       }
+    },
+    {
+      resolve: `@adobe/gatsby-source-github-file-contributors`,
+      options: {
+        pages: {
+          paths: ['src/pages'],
+          extensions: ['md']
+        },
+        repo: {
+          token: process.env.GITHUB_TOKEN,
+          owner: process.env.GITHUB_REPO_OWNER,
+          name: process.env.GITHUB_REPO_NAME,
+          branch: process.env.GITHUB_REPO_BRANCH
+        }
+      }
     }
   ]
 };
diff --git a/packages/gatsby-theme-parliament/package.json b/packages/gatsby-theme-parliament/package.json
@@ -59,6 +59,7 @@
     "gatsby-plugin-mdx": "^1.2.19",
     "gatsby-plugin-react-helmet-async": "^1.0.17-0",
     "gatsby-source-filesystem": "^2.3.14",
+    "@adobe/gatsby-source-github-file-contributors": "*",
     "prop-types": "^15.7.2",
     "react-helmet-async": "^1.0.6",
     "rehype-slug": "^3.0.0",

diff --git a/packages/gatsby-theme-parliament/src/components/Contributors.js b/packages/gatsby-theme-parliament/src/components/Contributors.js
@@ -47,8 +47,8 @@ const Contributors = ({ href = '#', contributors = [], date }) => (
                 background: var(--spectrum-global-color-gray-50);
               `}>
               <img
-                alt={contributor}
-                src={contributor.startsWith('https://github.com/') ? `${contributor}.png` : contributor}
+                alt={contributor.name}
+                src={`https://github.com/${contributor.login}.png`}
                 css={css`
                   width: var(--spectrum-global-dimension-static-size-400);
                   height: var(--spectrum-global-dimension-static-size-400);

diff --git a/packages/gatsby-theme-parliament/src/components/Layout.js b/packages/gatsby-theme-parliament/src/components/Layout.js
@@ -20,6 +20,17 @@ export default ({ children, pageContext, location }) => {
   const data = useStaticQuery(
     graphql`
       query {
+        allGithubContributors {
+          nodes {
+            contributors {
+              date
+              login
+              name
+            }
+            path,
+            href
+          }
+        }        
         allMdx {
           nodes {
             tableOfContents
@@ -91,6 +102,7 @@ export default ({ children, pageContext, location }) => {
   const allMdx = data.allMdx;
   const allSitePage = data.allSitePage;
   const siteMetadata = data.site.siteMetadata;
+  const allGithubContributors = data.allGithubContributors;
 
   const globalNav = siteMetadata.globalNav;
   const pages = siteMetadata.pages;
@@ -101,7 +113,7 @@ export default ({ children, pageContext, location }) => {
   const hasSideNav = selectedSubPages.length > 0;
 
   return (
-    <Provider value={{ location, pageContext, hasSideNav, siteMetadata, allSitePage, allMdx }}>
+    <Provider value={{ location, pageContext, hasSideNav, siteMetadata, allSitePage, allMdx, allGithubContributors }}>
       <SEO title={pageContext?.frontmatter?.title} description={pageContext?.frontmatter?.description} />
       <div className="spectrum spectrum--medium spectrum--large spectrum--light" lang="en" dir="ltr">
         <Grid

diff --git a/packages/gatsby-theme-parliament/src/components/MDXFilter.js b/packages/gatsby-theme-parliament/src/components/MDXFilter.js
@@ -137,7 +137,7 @@ const filterChildren = (children, tableOfContents) => {
 };
 
 export default ({ children, pageContext }) => {
-  const { hasSideNav, siteMetadata, location, allSitePage, allMdx } = useContext(Context);
+  const { hasSideNav, siteMetadata, location, allSitePage, allMdx, allGithubContributors } = useContext(Context);
 
   // PrevNext
   const selectedPage = findSelectedPage(location.pathname, siteMetadata.subPages);
@@ -147,6 +147,9 @@ export default ({ children, pageContext }) => {
   // OnThisPage
   const { componentPath } = allSitePage.nodes.find(({ path }) => withPrefix(path) === location.pathname);
   const { tableOfContents } = allMdx.nodes.find(({ fileAbsolutePath }) => fileAbsolutePath === componentPath);
+  const { contributors, href: pageHref } = allGithubContributors.nodes.find(({ path }) => {  
+    return withPrefix(path) === componentPath 
+  })
 
   // Breadcrumbs
   const selectedTopPage = findSelectedTopPage(location.pathname, siteMetadata.pages);
@@ -203,9 +206,9 @@ export default ({ children, pageContext }) => {
               <View>
                 {pageContext.frontmatter.contributors && (
                   <Contributors
-                    href="#"
-                    contributors={pageContext.frontmatter.contributors}
-                    date={new Date().toLocaleDateString()}
+                    href={pageHref}
+                    contributors={contributors}
+                    date={new Date(contributors[0].date).toLocaleDateString()}
                   />
                 )}
               </View>