feat(www): Filter posts by date

www/gatsby-node.js

@@ -9,6 +9,7 @@ const url = require(`url`)
 const getpkgjson = require(`get-package-json-from-github`)
 const parseGHUrl = require(`parse-github-url`)
 const { GraphQLClient } = require(`graphql-request`)
+const moment = require(`moment`)
 
 require(`dotenv`).config({
   path: `.env.${process.env.NODE_ENV}`,
@@ -143,6 +144,7 @@ exports.createPages = ({ graphql, actions }) => {
                 fields {
                   slug
                   package
+                  released
                 }
                 frontmatter {
                   title
@@ -231,9 +233,13 @@ exports.createPages = ({ graphql, actions }) => {
         return undefined
       })
 
+      const releasedBlogPosts = blogPosts.filter(post =>
+        _.get(post, `node.fields.released`)
+      )
+
       // Create blog-list pages.
       const postsPerPage = 8
-      const numPages = Math.ceil(blogPosts.length / postsPerPage)
+      const numPages = Math.ceil(releasedBlogPosts.length / postsPerPage)
 
       Array.from({ length: numPages }).forEach((_, i) => {
         createPage({
@@ -250,7 +256,9 @@ exports.createPages = ({ graphql, actions }) => {
 
       // Create blog-post pages.
       blogPosts.forEach((edge, index) => {
-        const next = index === 0 ? null : blogPosts[index - 1].node
+        let next = index === 0 ? null : blogPosts[index - 1].node
+        if (next && !_.get(next, `fields.released`)) next = null
+
         const prev =
           index === blogPosts.length - 1 ? null : blogPosts[index + 1].node
 
@@ -265,7 +273,7 @@ exports.createPages = ({ graphql, actions }) => {
         })
       })
 
-      const tagLists = blogPosts
+      const tagLists = releasedBlogPosts
         .filter(post => _.get(post, `node.frontmatter.tags`))
         .map(post => _.get(post, `node.frontmatter.tags`))
 
@@ -386,7 +394,7 @@ exports.createPages = ({ graphql, actions }) => {
   })
 }
 
-// Create slugs for files.
+// Create slugs for files, set released status for blog posts.
 exports.onCreateNode = ({ node, actions, getNode, reporter }) => {
   const { createNodeField } = actions
   let slug
@@ -419,6 +427,12 @@ exports.onCreateNode = ({ node, actions, getNode, reporter }) => {
       } else {
         slug = `/${parsedFilePath.dir}/`
       }
+
+      // Set released status for blog posts.
+      if (_.includes(parsedFilePath.dir, `blog`)) {
+        const released = moment().isSameOrAfter(_.get(node, `frontmatter.date`))
+        createNodeField({ node, name: `released`, value: released })
+      }
     }
     // Add slugs for package READMEs.
     if (

www/src/pages/index.js

@@ -245,6 +245,7 @@ export const pageQuery = graphql`
       filter: {
         frontmatter: { draft: { ne: true } }
         fileAbsolutePath: { regex: "/docs.blog/" }
+        fields: { released: { eq: true } }
       }
     ) {
       edges {

www/src/templates/tags.js

@@ -65,6 +65,7 @@ export const pageQuery = graphql`
       filter: {
         frontmatter: { tags: { in: [$tag] } }
         fileAbsolutePath: { regex: "/docs.blog/" }
+        fields: { released: { eq: true } }
       }
     ) {
       totalCount

www/src/templates/template-blog-list.js

@@ -116,6 +116,7 @@ export const pageQuery = graphql`
       filter: {
         frontmatter: { draft: { ne: true } }
         fileAbsolutePath: { regex: "/docs.blog/" }
+        fields: { released: { eq: true } }
       }
       limit: $limit
       skip: $skip