reactmeetup/gatsby-node.js at master · ghardin137/reactmeetup · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
const _ = require(`lodash`)
const Promise = require(`bluebird`)
const path = require(`path`)
const slash = require(`slash`)
const format = require('date-fns').format;

exports.createPages = ({ graphql, boundActionCreators }) => {
    const { createPage } = boundActionCreators
    return new Promise((resolve, reject) => {
        const Home = path.resolve(`./src/components/pages/home/index.js`);
        const About = path.resolve(`./src/components/pages/about/index.js`);
        const Blog = path.resolve(`./src/components/pages/blog/index.js`);
        const BlogPost = path.resolve(`./src/components/pages/blog_post/index.js`);
        const Contact = path.resolve(`./src/components/pages/contact/index.js`);
        const Page = path.resolve(`./src/components/pages/page/index.js`);
        const LivePage = path.resolve(`./src/components/pages/live-page/index.js`);
        // Query for markdown nodes to use in creating pages.
        graphql(
        `
            query pagesQuery {
                pages: allContentfulPage {
                    edges {
                        node {
                            id
                            slug
                            template
                        }
                    }
                }
                posts: allContentfulBlogPost(sort:{fields:updatedAt, order:DESC}) {
                    edges {
                        node {
                            id
                            slug
                            updatedAt
                        }
                    }
                }
            }
        `
        ).then(result => {
            if (result.errors) {
                reject(result.errors)
            }

            // Create pages.
            result.data.pages.edges.forEach((edge, index) => {
                let component = null;
                let path = `/${edge.node.slug}`;
                switch(edge.node.template) {
                    case "Home":
                        component = slash(Home);
                        path = `/`;
                        break;
                    case "About":
                        component = slash(About);
                        break;
                    case "Blog":
                        component = slash(Blog);
                        break;
                    case "Contact":
                        component = slash(Contact);
                        break;
                    case "Live":
                        component = slash(LivePage);
                        break;
                    default:
                        component = slash(Page);
                        break;
                }
                createPage({
                    path: path, // required
                    component: component,
                    context: {
                        id: edge.node.id,
                    },
                })
            });

            // Create Chapters
            result.data.posts.edges.forEach((edge, index, array) => {
                let next = null;
                let prev = null;
                if(index > 0) {
                    prev = array[index - 1].node;
                }
                if(index < array.length - 1) {
                    next = array[index + 1].node;
                }
                const dateStr = format(new Date(edge.node.updatedAt), "YYYY-MM-DD");
                createPage({
                    path: `/blog/${dateStr}/${edge.node.slug}`,
                    component: slash(BlogPost),
                    context: {
                        id: edge.node.id,
                        next: next ? next.id : null,
                        prev: prev ? prev.id : null,
                    },
                })
            });

            resolve();
        })
    })
}