mirror of
https://github.com/fabe/gatsby-starter-deck.git
synced 2024-10-06 08:27:19 +03:00
6c9c2ac3b0
* First changes, cache is broken. * Fix caching issue by using a plugin. * Revert plugin decision, fix hot reloading. * Update readme. * Fix caching issue. * Update dependencies. * Add prettier. * Switch back to gatsby RC to fix page transitions. * Update readme. * Update gatsby. * Typo.
110 lines
2.5 KiB
JavaScript
110 lines
2.5 KiB
JavaScript
const path = require('path');
|
|
const remark = require('remark');
|
|
const recommended = require('remark-preset-lint-recommended');
|
|
const html = require('remark-html');
|
|
const crypto = require('crypto');
|
|
|
|
exports.onCreateNode = ({
|
|
node,
|
|
actions,
|
|
loadNodeContent,
|
|
createNodeId,
|
|
reporter,
|
|
}) => {
|
|
const { createNode } = actions;
|
|
|
|
if (
|
|
node.internal.mediaType !== `text/markdown` &&
|
|
node.internal.mediaType !== `text/x-markdown`
|
|
) {
|
|
return;
|
|
}
|
|
|
|
return new Promise(async (resolve, reject) => {
|
|
const content = await loadNodeContent(node);
|
|
const slides = content.split('---\n').map(body => body.trim());
|
|
|
|
slides.forEach((slide, index) => {
|
|
remark()
|
|
.use(recommended)
|
|
.use(html)
|
|
.process(slide, (err, file) => {
|
|
const digest = crypto
|
|
.createHash(`md5`)
|
|
.update(String(file))
|
|
.digest(`hex`);
|
|
|
|
createNode({
|
|
id: createNodeId(`${node.id}_${index + 1} >>> Slide`),
|
|
parent: node.id,
|
|
children: [],
|
|
internal: {
|
|
type: `Slide`,
|
|
contentDigest: digest,
|
|
},
|
|
html: String(file),
|
|
index: index + 1,
|
|
});
|
|
});
|
|
});
|
|
|
|
resolve();
|
|
});
|
|
};
|
|
|
|
// Remove trailing slash
|
|
exports.onCreatePage = ({ page, actions }) => {
|
|
const { createPage, deletePage } = actions;
|
|
|
|
return new Promise((resolve, reject) => {
|
|
// Remove trailing slash
|
|
const newPage = Object.assign({}, page, {
|
|
path: page.path === `/` ? page.path : page.path.replace(/\/$/, ``),
|
|
});
|
|
|
|
if (newPage.path !== page.path) {
|
|
// Remove the old page
|
|
deletePage(page);
|
|
// Add the new page
|
|
createPage(newPage);
|
|
}
|
|
|
|
resolve();
|
|
});
|
|
};
|
|
|
|
// Create pages from markdown nodes
|
|
exports.createPages = ({ actions, graphql }) => {
|
|
const { createPage } = actions;
|
|
const blogPostTemplate = path.resolve(`src/templates/slide.js`);
|
|
|
|
return graphql(`
|
|
{
|
|
allSlide {
|
|
edges {
|
|
node {
|
|
html
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`).then(result => {
|
|
if (result.errors) {
|
|
return Promise.reject(result.errors);
|
|
}
|
|
|
|
const slides = result.data.allSlide.edges;
|
|
|
|
slides.forEach((slide, index) => {
|
|
createPage({
|
|
path: `/${index + 1}`,
|
|
component: blogPostTemplate,
|
|
context: {
|
|
index: index + 1,
|
|
absolutePath: process.cwd() + `/src/slides#${index + 1}`,
|
|
},
|
|
});
|
|
});
|
|
});
|
|
};
|