crown-website/gatsby-node.js at master · crownengine/crown-website · 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
exports.onCreateWebpackConfig = ({ actions }) => {
  actions.setWebpackConfig({
    module: {
      rules: [
        {
          test: /\.html$/i,
          loader: "html-loader",
          options: {
            preprocessor: (content, loaderContext) => {
              let result

              try {
                // remove <style> from raw html
                result = content.replace(/(<style[\w\W]+style>)/g, "")
              } catch (error) {
                loaderContext.emitError(error)

                return content
              }

              return result
            },
            minimize: true,
          },
        },
      ],
    },
  })
}

exports.createPages = async ({ actions, graphql, reporter }) => {
  const { createPage } = actions

  // Random markdown files.
  const markdowns = await graphql(`
    {
      allMarkdownRemark(limit: 1000) {
        edges {
          node {
            frontmatter {
              slug
            }
          }
        }
      }
    }
  `)

  if (markdowns.errors) {
    reporter.panicOnBuild(`Error while running GraphQL query.`)
    return
  }

  markdowns.data.allMarkdownRemark.edges.forEach(({ node }) => {
    createPage({
      path: node.frontmatter.slug,
      component: require.resolve(`./src/templates/markdown.jsx`),
      context: {
        // additional data can be passed via context
        slug: node.frontmatter.slug,
      },
    })
  })

  // News.
  const newsTemplate = require.resolve(`./src/templates/news.jsx`)

  const news_query = await graphql(`
    query {
      allMdx(sort: { frontmatter: { date: DESC } }) {
        edges {
          node {
            id
            frontmatter {
              slug
              title
            }
            internal {
              contentFilePath
            }
          }
        }
      }
    }
  `)

  if (news_query.errors) {
    reporter.panicOnBuild(`Error while running GraphQL query.`)
    return
  }

  const news = news_query.data.allMdx.edges

  news.forEach(({ node }, index) => {
    createPage({
      path: node.frontmatter.slug,
      component: `${newsTemplate}?__contentFilePath=${node.internal.contentFilePath}`,
      context: {
        id: node.id,
        prev: index === news.length - 1 ? null : news[index + 1].node,
        next: index === 0 ? null : news[index - 1].node,
      },
    })
  })
}