mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-23 12:13:11 +00:00
7d12082d8b
Fixes #1088 This should fix the path issues that people intermittently run into. Gatsby sees the relative path (and the parent node with an absolute path), joins on the parent path and the relative path, and presumes it's a file... which is normally good, but which here is not what we want beacuse then we're getting a resolver of type file instead of type string referring to the relative path of the document. This seems to fix a (long standing?) bug where the "Edit this Page" button is broken, as well. e.g. see [this page](https://reactjs.org/community/support.html) which _should_ have an Edit this Page button I'd need to think more as to whether there's a cleaner fix here, but this seems to work pretty well!
93 lines
2.6 KiB
JavaScript
93 lines
2.6 KiB
JavaScript
/**
|
|
* Copyright (c) 2013-present, Facebook, Inc.
|
|
*
|
|
* @emails react-core
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const path = require('path');
|
|
|
|
// Parse date information out of blog post filename.
|
|
const BLOG_POST_FILENAME_REGEX = /([0-9]+)\-([0-9]+)\-([0-9]+)\-(.+)\.md$/;
|
|
|
|
function buildRedirectString(permalink, redirect_from) {
|
|
if (!permalink || !permalink.endsWith('.html')) {
|
|
return redirect_from ? JSON.stringify(redirect_from) : '';
|
|
}
|
|
|
|
let basePath = permalink.slice(0, -'.html'.length);
|
|
let redirects = [basePath, basePath + '/'];
|
|
if (Array.isArray(redirect_from)) {
|
|
redirects = redirects.concat(redirect_from);
|
|
}
|
|
|
|
return JSON.stringify(redirects);
|
|
}
|
|
|
|
// Add custom fields to MarkdownRemark nodes.
|
|
module.exports = exports.onCreateNode = ({node, actions, getNode}) => {
|
|
const {createNodeField} = actions;
|
|
|
|
switch (node.internal.type) {
|
|
case 'MarkdownRemark':
|
|
const {permalink, redirect_from} = node.frontmatter;
|
|
const {relativePath, sourceInstanceName} = getNode(node.parent);
|
|
|
|
let slug = permalink;
|
|
|
|
if (!slug) {
|
|
if (relativePath.includes('blog')) {
|
|
// Blog posts don't have embedded permalinks.
|
|
// Their slugs follow a pattern: /blog/<year>/<month>/<day>/<slug>.html
|
|
// The date portion comes from the file name: <date>-<title>.md
|
|
const match = BLOG_POST_FILENAME_REGEX.exec(relativePath);
|
|
const year = match[1];
|
|
const month = match[2];
|
|
const day = match[3];
|
|
const filename = match[4];
|
|
|
|
slug = `/blog/${year}/${month}/${day}/${filename}.html`;
|
|
|
|
const date = new Date(year, month - 1, day);
|
|
|
|
// Blog posts are sorted by date and display the date in their header.
|
|
createNodeField({
|
|
node,
|
|
name: 'date',
|
|
value: date.toJSON(),
|
|
});
|
|
}
|
|
}
|
|
|
|
if (!slug) {
|
|
// This will likely only happen for the partials in /content/home.
|
|
slug = `/${relativePath.replace('.md', '.html')}`;
|
|
}
|
|
|
|
// Used to generate URL to view this content.
|
|
createNodeField({
|
|
node,
|
|
name: 'slug',
|
|
value: slug,
|
|
});
|
|
|
|
// Used to generate a GitHub edit link.
|
|
// this presumes that the name in gastby-config.js refers to parent folder
|
|
createNodeField({
|
|
node,
|
|
name: 'path',
|
|
value: path.join(sourceInstanceName, relativePath),
|
|
});
|
|
|
|
// Used by createPages() above to register redirects.
|
|
createNodeField({
|
|
node,
|
|
name: 'redirect',
|
|
value: buildRedirectString(permalink, redirect_from),
|
|
});
|
|
|
|
return;
|
|
}
|
|
};
|