-
Notifications
You must be signed in to change notification settings - Fork 0
/
gatsby-node.ts
94 lines (88 loc) · 2.29 KB
/
gatsby-node.ts
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
import type { GatsbyNode } from "gatsby";
import { createFilePath } from "gatsby-source-filesystem";
import { AllPostQuery } from "./src/queries";
export const onCreateNode: GatsbyNode<{
frontmatter: { tag: string };
}>["onCreateNode"] = async ({ actions: { createNodeField }, ...context }) => {
if (context.node.internal.type === "MarkdownRemark") {
const prefix = "/blog";
const { node, getNode } = context;
const slug = createFilePath({
node,
getNode,
basePath: "posts",
trailingSlash: false,
});
const series = (() => {
const candidate = slug.split("/").slice(0, -1).join("/");
if (candidate) return candidate;
else return slug;
})();
const tags = node.frontmatter?.tag?.split(",").map((it) => it.trim());
createNodeField({
node: context.node,
name: "series",
value: series,
});
createNodeField({
node: context.node,
name: "slug",
value: prefix + slug,
});
createNodeField({
node: context.node,
name: "tags",
value: tags,
});
}
};
export const createPages: GatsbyNode["createPages"] = async ({
graphql,
actions: { createPage },
}) => {
const { data, errors } = await graphql<AllPostQuery>(`
query AllPosts {
allMarkdownRemark(sort: { frontmatter: { date: DESC } }) {
nodes {
frontmatter {
date(formatString: "MMMM D, YYYY")
title
}
fields {
slug
series
tags
}
internal {
contentFilePath
}
id
}
}
}
`);
if (errors) {
throw new Error(errors);
}
const allPosts = data?.allMarkdownRemark.nodes ?? [];
const allTags = new Set(
data?.allMarkdownRemark.nodes
.flatMap((it) => it.fields?.tags)
.filter((it) => it)
);
allPosts.forEach((node) => {
if (!(node.fields?.slug && node.fields?.series)) return;
createPage({
path: node.fields.slug,
component: `${__dirname}/src/templates/post.tsx`,
context: { slug: node.fields.slug, series: node.fields.series },
});
});
allTags.forEach((tag) => {
createPage({
path: `/tag/${tag}`,
component: `${__dirname}/src/templates/tag.tsx`,
context: { tag: tag },
});
});
};