-
Notifications
You must be signed in to change notification settings - Fork 27
/
gatsby-node.js
125 lines (116 loc) · 4.5 KB
/
gatsby-node.js
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
const path = require('path');
exports.onCreateBabelConfig = ({ actions }) => {
actions.setBabelPlugin({
name: 'babel-plugin-inline-react-svg',
options: {
svgo: {
plugins: [
{
removeAttrs: {
attrs: '(data-name)',
},
},
],
},
},
});
};
exports.onCreateWebpackConfig = ({ actions }) => {
actions.setWebpackConfig({
resolve: {
modules: [path.resolve(__dirname, 'src'), 'node_modules'],
},
});
};
exports.createPages = ({ actions, graphql }) => {
const { createPage } = actions;
return new Promise((resolve, reject) => {
resolve(
graphql(`
query ThumprintPages {
allComponentApi: allMdx(
filter: { frontmatter: { mdxType: { eq: "componentApi" } } }
) {
edges {
node {
frontmatter {
package
kit
url
platform
}
parent {
... on File {
absolutePath
relativeDirectory
}
}
}
}
}
# These are all of the kits. We use this to create pages for the ones that have
# design documentation.
allKits: allMdx(filter: { frontmatter: { mdxType: { eq: "kit" } } }) {
edges {
node {
frontmatter {
url
}
parent {
... on File {
relativePath
}
}
}
}
}
}
`).then(result => {
if (result.errors) {
reject(result.errors);
}
result.data.allKits.edges.forEach(({ node }) => {
const { url } = node.frontmatter;
if (url) {
createPage({
path: url,
component: path.resolve(
'./src/components/thumbprint-components/page/index.jsx',
),
context: {
// Example: `button/index.mdx`
kitPath: node.parent.relativePath,
isDesignGuidelinesPage: true,
},
});
}
});
// Create API documentation for Thumbprint components
result.data.allComponentApi.edges.forEach(({ node }) => {
const { frontmatter } = node;
createPage({
path: frontmatter.url,
component: path.resolve(
'./src/components/thumbprint-components/page/index.jsx',
),
context: {
isDesignGuidelinesPage: false,
// Example: `@thumbtack/thumbprint-react`
package: frontmatter.package,
// Example: `thumbprint-react/components/Button`
pathToReactComponentFolder:
frontmatter.platform === 'react'
? node.parent.relativeDirectory
: null,
// Example: `button/index.mdx`
kitPath: frontmatter.kit,
// Example: /components/button/react/
url: frontmatter.url,
},
});
});
return undefined;
}),
);
});
};