2018-04-17 14:24:17 +00:00
|
|
|
const path = require('path');
|
2018-10-04 13:47:55 +00:00
|
|
|
const select = require('unist-util-select');
|
|
|
|
const { head } = require('lodash');
|
|
|
|
|
|
|
|
const { dasherize } = require('..');
|
|
|
|
const { isAStubRE } = require('../regEx');
|
2018-04-17 14:24:17 +00:00
|
|
|
|
|
|
|
const { viewTypes } = require('../challengeTypes');
|
|
|
|
|
|
|
|
const backend = path.resolve(
|
|
|
|
__dirname,
|
|
|
|
'../../src/templates/Challenges/backend/Show.js'
|
|
|
|
);
|
|
|
|
const classic = path.resolve(
|
|
|
|
__dirname,
|
|
|
|
'../../src/templates/Challenges/classic/Show.js'
|
|
|
|
);
|
|
|
|
const project = path.resolve(
|
|
|
|
__dirname,
|
|
|
|
'../../src/templates/Challenges/project/Show.js'
|
|
|
|
);
|
|
|
|
const intro = path.resolve(
|
|
|
|
__dirname,
|
|
|
|
'../../src/templates/Introduction/Intro.js'
|
|
|
|
);
|
2018-05-18 10:59:12 +00:00
|
|
|
const superBlockIntro = path.resolve(
|
|
|
|
__dirname,
|
|
|
|
'../../src/templates/Introduction/SuperBlockIntro.js'
|
|
|
|
);
|
2018-04-17 14:24:17 +00:00
|
|
|
|
2018-10-04 13:47:55 +00:00
|
|
|
const guideArticle = path.resolve(
|
|
|
|
__dirname,
|
|
|
|
'../../src/templates/Guide/GuideArticle.js'
|
|
|
|
);
|
|
|
|
|
2018-04-17 14:24:17 +00:00
|
|
|
const views = {
|
|
|
|
backend,
|
|
|
|
classic,
|
|
|
|
modern: classic,
|
|
|
|
project
|
|
|
|
// quiz: Quiz
|
|
|
|
};
|
|
|
|
|
|
|
|
const getNextChallengePath = (node, index, nodeArray) => {
|
|
|
|
const next = nodeArray[index + 1];
|
|
|
|
return next ? next.node.fields.slug : '/';
|
|
|
|
};
|
|
|
|
const getTemplateComponent = challengeType => views[viewTypes[challengeType]];
|
|
|
|
|
|
|
|
const getIntroIfRequired = (node, index, nodeArray) => {
|
|
|
|
const next = nodeArray[index + 1];
|
2018-10-06 23:01:48 +00:00
|
|
|
const isEndOfBlock = next && next.node.challengeOrder === 0;
|
2018-04-17 14:24:17 +00:00
|
|
|
let nextSuperBlock = '';
|
|
|
|
let nextBlock = '';
|
|
|
|
if (next) {
|
|
|
|
const { superBlock, block } = next.node;
|
|
|
|
nextSuperBlock = superBlock;
|
|
|
|
nextBlock = block;
|
|
|
|
}
|
|
|
|
return isEndOfBlock
|
2018-10-06 23:01:48 +00:00
|
|
|
? `/learn/${dasherize(nextSuperBlock)}/${dasherize(nextBlock)}`
|
2018-04-17 14:24:17 +00:00
|
|
|
: '';
|
|
|
|
};
|
|
|
|
|
|
|
|
exports.createChallengePages = createPage => ({ node }, index, thisArray) => {
|
2018-10-04 13:47:55 +00:00
|
|
|
const {
|
|
|
|
fields: { slug },
|
|
|
|
required = [],
|
|
|
|
template,
|
|
|
|
challengeType,
|
|
|
|
id
|
|
|
|
} = node;
|
2018-04-17 14:24:17 +00:00
|
|
|
if (challengeType === 7) {
|
2018-10-23 13:18:46 +00:00
|
|
|
return null;
|
2018-04-17 14:24:17 +00:00
|
|
|
}
|
|
|
|
|
2018-10-23 13:18:46 +00:00
|
|
|
return createPage({
|
2018-04-17 14:24:17 +00:00
|
|
|
path: slug,
|
|
|
|
component: getTemplateComponent(challengeType),
|
|
|
|
context: {
|
|
|
|
challengeMeta: {
|
|
|
|
introPath: getIntroIfRequired(node, index, thisArray),
|
|
|
|
template,
|
|
|
|
required,
|
|
|
|
nextChallengePath: getNextChallengePath(node, index, thisArray),
|
|
|
|
id
|
|
|
|
},
|
|
|
|
slug
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2018-10-04 13:47:55 +00:00
|
|
|
exports.createBlockIntroPages = createPage => edge => {
|
|
|
|
const {
|
|
|
|
fields: { slug },
|
|
|
|
frontmatter: { block }
|
|
|
|
} = edge.node;
|
|
|
|
|
2018-10-23 13:18:46 +00:00
|
|
|
return createPage({
|
2018-10-04 13:47:55 +00:00
|
|
|
path: slug,
|
|
|
|
component: intro,
|
|
|
|
context: {
|
|
|
|
block: dasherize(block),
|
|
|
|
slug
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
exports.createSuperBlockIntroPages = createPage => edge => {
|
|
|
|
const {
|
|
|
|
fields: { slug },
|
|
|
|
frontmatter: { superBlock }
|
|
|
|
} = edge.node;
|
|
|
|
|
2018-10-23 13:18:46 +00:00
|
|
|
return createPage({
|
2018-10-04 13:47:55 +00:00
|
|
|
path: slug,
|
|
|
|
component: superBlockIntro,
|
|
|
|
context: {
|
|
|
|
superBlock: dasherize(superBlock),
|
|
|
|
slug
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
exports.createGuideArticlePages = createPage => ({
|
|
|
|
node: {
|
|
|
|
htmlAst,
|
|
|
|
excerpt,
|
|
|
|
fields: { slug },
|
|
|
|
id
|
2018-05-18 10:59:12 +00:00
|
|
|
}
|
2018-10-04 13:47:55 +00:00
|
|
|
}) => {
|
|
|
|
let meta = {};
|
|
|
|
|
|
|
|
if (!isAStubRE.test(excerpt)) {
|
|
|
|
const featureImage = head(select(htmlAst, 'element[tagName=img]'));
|
|
|
|
meta.featureImage = featureImage
|
|
|
|
? featureImage.properties.src
|
|
|
|
: 'https://s3.amazonaws.com/freecodecamp' +
|
|
|
|
'/reecodecamp-square-logo-large.jpg';
|
|
|
|
|
|
|
|
const description = head(select(htmlAst, 'element[tagName=p]'));
|
|
|
|
meta.description = description ? description.children[0].value : '';
|
|
|
|
}
|
|
|
|
|
2018-10-23 13:18:46 +00:00
|
|
|
return createPage({
|
|
|
|
path: `/guide${slug}`,
|
2018-10-04 13:47:55 +00:00
|
|
|
component: guideArticle,
|
|
|
|
context: {
|
|
|
|
id,
|
|
|
|
meta
|
|
|
|
}
|
|
|
|
});
|
2018-04-17 14:24:17 +00:00
|
|
|
};
|