Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[gatsby-transformer-remark] Add pathPrefix to relative links #3823

Merged
merged 4 commits into from
Feb 7, 2018
Merged

[gatsby-transformer-remark] Add pathPrefix to relative links #3823

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
98ad1aa
[gatsby-transformer-remark] Add `pathPrefix` to relative links
bodia-uz Feb 2, 2018
a5afa53
[gatsby-transformer-remark] add minor comment to `withPathPrefix`
bodia-uz Feb 4, 2018
fd70a9a
[gatsby-transformer-remark] add `pathPrefix` to `cacheKey` functions
bodia-uz Feb 7, 2018
665a475
[gatsby-transformer-remark] remove `node.url.startsWith(pathPrefix)` …
bodia-uz Feb 7, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 24 additions & 5 deletions packages/gatsby-transformer-remark/src/extend-node-type.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,26 +25,31 @@ const stripPosition = require(`unist-util-remove-position`)
const hastReparseRaw = require(`hast-util-raw`)

let pluginsCacheStr = ``
let pathPrefixCacheStr = ``
const astCacheKey = node =>
`transformer-remark-markdown-ast-${
node.internal.contentDigest
}-${pluginsCacheStr}`
}-${pluginsCacheStr}-${pathPrefixCacheStr}`
const htmlCacheKey = node =>
`transformer-remark-markdown-html-${
node.internal.contentDigest
}-${pluginsCacheStr}`
}-${pluginsCacheStr}-${pathPrefixCacheStr}`
const htmlAstCacheKey = node =>
`transformer-remark-markdown-html-ast-${
node.internal.contentDigest
}-${pluginsCacheStr}`
}-${pluginsCacheStr}-${pathPrefixCacheStr}`
const headingsCacheKey = node =>
`transformer-remark-markdown-headings-${
node.internal.contentDigest
}-${pluginsCacheStr}`
}-${pluginsCacheStr}-${pathPrefixCacheStr}`
const tableOfContentsCacheKey = node =>
`transformer-remark-markdown-toc-${
node.internal.contentDigest
}-${pluginsCacheStr}`
}-${pluginsCacheStr}-${pathPrefixCacheStr}`

// ensure only one `/` in new url
const withPathPrefix = (url, pathPrefix) =>
(pathPrefix + url).replace(/\/\//, `/`)

module.exports = (
{ type, store, pathPrefix, getNode, cache },
Expand All @@ -55,6 +60,7 @@ module.exports = (
}

pluginsCacheStr = pluginOptions.plugins.map(p => p.name).join(``)
pathPrefixCacheStr = pathPrefix || ``

return new Promise((resolve, reject) => {
// Setup Remark.
Expand Down Expand Up @@ -107,6 +113,19 @@ module.exports = (
}).then(() => {
const markdownAST = remark.parse(markdownNode.internal.content)

if (pathPrefix) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh one thing I just remembered — pathPrefix is always defined. It just is set to an empty string if you're not building with --prefix-paths

gatsby/packages/gatsby/src/utils/api-runner-node.js

Line 61 in 41ff67d

if (store.getState().program.prefixPaths) {

So this if isn't necessary.

Copy link
Contributor Author

@bodia-uz bodia-uz Feb 7, 2018 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

But if pathPrefix is defined and empty, this condition will skip unneeded AST traverse

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh right :-) Forgot empty strings are falsey not truthy — 🙄 @ JS

// Ensure relative links include `pathPrefix`
visit(markdownAST, `link`, node => {
if (
node.url &&
node.url.startsWith(`/`) &&
!node.url.startsWith(`//`)
) {
node.url = withPathPrefix(node.url, pathPrefix)
}
})
}

// source => parse (can order parsing for dependencies) => typegen
//
// source plugins identify nodes, provide id, initial parse, know
Expand Down