Move gatsby-node back inline and fix develop mode

gatsby-node.js

@@ -1,13 +1,234 @@
-"use strict";
+const path = require(`path`);
+const fs = require("fs");
+const { createFilePath } = require(`gatsby-source-filesystem`);
+const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
 
-require("source-map-support").install();
-require("ts-node").register({
-	compilerOptions: {
-		module: "commonjs",
-		target: "es2017"
+/**
+ * Allow tsconfig.path usage
+ */
+exports.onCreateWebpackConfig = ({ actions }) => {
+	actions.setWebpackConfig({
+		resolve: {
+			plugins: [new TsconfigPathsPlugin()]
+		}
+	});
+};
+
+/**
+ * Add slugs to Markdown and Unicorns
+ */
+exports.onCreateNode = ({ node, actions, getNode }) => {
+	const { createNodeField } = actions;
+
+	if (node.internal.type === `MarkdownRemark`) {
+		const value = createFilePath({
+			node,
+			getNode
+		});
+		createNodeField({
+			name: `slug`,
+			node,
+			value
+		});
 	}
-});
 
-exports.onCreateNode = require("./config/gatsby/gatsbyNode").onCreateNode;
-exports.sourceNodes = require("./config/gatsby/gatsbyNode").sourceNodes;
-exports.createPages = require("./config/gatsby/gatsbyNode").createPages;
+	if (node.internal.type === `UnicornsJson`) {
+		const value = createFilePath({
+			node,
+			getNode
+		});
+		createNodeField({
+			name: `slug`,
+			node,
+			value
+		});
+	}
+};
+
+/**
+ * Add "isAuthor" field to Markdown pages
+ */
+exports.sourceNodes = async ({
+	getNodesByType,
+	actions: { createNodeField }
+}) => {
+	const postNodes = getNodesByType(`MarkdownRemark`);
+	const unicornNodes = getNodesByType(`UnicornsJson`);
+
+	unicornNodes.forEach(unicornNode => {
+		const isAuthor = postNodes
+			// Ensure it's actually a post
+			.filter(post => !!post.frontmatter.authors)
+			.some(post => {
+				return post.frontmatter.authors.includes(unicornNode.id);
+			});
+
+		createNodeField({
+			name: `isAuthor`,
+			node: unicornNode,
+			value: isAuthor
+		});
+	});
+};
+
+exports.createPages = ({ graphql, actions }) => {
+	const { createPage } = actions;
+
+	const blogPost = path.resolve(`./src/templates/blog-post.tsx`);
+	const blogProfile = path.resolve(`./src/templates/blog-profile.tsx`);
+	const postList = path.resolve(`./src/templates/post-list.tsx`);
+	return graphql(
+		`
+			{
+				allMarkdownRemark(
+					sort: { fields: [frontmatter___published], order: DESC }
+					filter: { fileAbsolutePath: { regex: "/content/blog/" } }
+					limit: 1000
+				) {
+					edges {
+						node {
+							fields {
+								slug
+							}
+							frontmatter {
+								title
+								authors {
+									id
+								}
+							}
+						}
+					}
+				}
+				allUnicornsJson(limit: 100) {
+					edges {
+						node {
+							id
+						}
+					}
+				}
+			}
+		`
+	).then(result => {
+		if (result.errors) {
+			throw result.errors;
+		}
+
+		// Create blog posts pages.
+		const posts = result.data.allMarkdownRemark.edges;
+		const unicorns = result.data.allUnicornsJson.edges;
+
+		posts.forEach((post, index, arr) => {
+			const previous = index === arr.length - 1 ? null : arr[index + 1].node;
+			const next = index === 0 ? null : arr[index - 1].node;
+
+			const postInfo = post.node.frontmatter;
+			if (postInfo.attached && postInfo.attached.length > 0) {
+				postInfo.attached.forEach(({ file: fileStr }) => {
+					const postPath = post.node.fields.slug;
+					const relFilePath = path.join(
+						__dirname,
+						"static",
+						"posts",
+						postPath,
+						fileStr
+					);
+					const fileExists = fs.existsSync(path.resolve(relFilePath));
+					if (!fileExists) {
+						console.error(
+							`Could not find file to attach in the static folder: ${postPath}${fileStr}`
+						);
+						console.error(
+							`To fix this problem, attach the file to the static folder's expected path above, or remove it from the post frontmatter definition`
+						);
+						process.exit(1);
+					}
+				});
+			}
+
+			createPage({
+				path: `posts${post.node.fields.slug}`,
+				component: blogPost,
+				context: {
+					slug: post.node.fields.slug,
+					previous,
+					next
+				}
+			});
+		});
+
+		const postsPerPage = 8;
+		const numberOfPages = Math.ceil(posts.length / postsPerPage);
+
+		createPage({
+			path: `/`,
+			component: postList,
+			context: {
+				limitNumber: postsPerPage,
+				skipNumber: 0,
+				pageIndex: 1,
+				numberOfPages,
+				relativePath: ""
+			}
+		});
+
+		for (const i of Array(numberOfPages).keys()) {
+			if (i === 0) continue;
+			const pageNum = i + 1;
+			const skipNumber = postsPerPage * i;
+			createPage({
+				path: `page/${pageNum}`,
+				component: postList,
+				context: {
+					limitNumber: postsPerPage,
+					skipNumber,
+					pageIndex: pageNum,
+					numberOfPages,
+					relativePath: ""
+				}
+			});
+		}
+
+		unicorns.forEach(unicorn => {
+			const uniId = unicorn.node.id;
+
+			const uniPosts = posts.filter(({ node: { frontmatter } }) =>
+				frontmatter.authors.find(uni => uni.id === uniId)
+			);
+
+			const numberOfUniPages = Math.ceil(uniPosts.length / postsPerPage);
+
+			createPage({
+				path: `unicorns/${unicorn.node.id}`,
+				component: blogProfile,
+				context: {
+					slug: uniId,
+					limitNumber: postsPerPage,
+					skipNumber: 0,
+					pageIndex: 1,
+					numberOfPages: numberOfUniPages,
+					relativePath: `unicorns/${uniId}`
+				}
+			});
+
+			for (const i of Array(numberOfUniPages).keys()) {
+				if (i === 0) continue;
+				const pageNum = i + 1;
+				const skipNumber = postsPerPage * i;
+				createPage({
+					path: `unicorns/${uniId}/page/${pageNum}`,
+					component: blogProfile,
+					context: {
+						slug: uniId,
+						limitNumber: postsPerPage,
+						skipNumber,
+						pageIndex: pageNum,
+						numberOfPages: numberOfUniPages,
+						relativePath: `unicorns/${uniId}`
+					}
+				});
+			}
+		});
+
+		return null;
+	});
+};