feat(v2): implement blog (#1062)

* feat(v2): implement blog

* expect flat blog structure

* \n

* blogpage can import many posts
This commit is contained in:
Endilie Yacop Sucipto 2018-10-25 14:23:29 +08:00 committed by GitHub
parent a2d3f26722
commit 12fd204840
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
22 changed files with 736 additions and 16 deletions

View file

@ -1,4 +1,8 @@
async function genRoutesConfig({docsMetadatas = {}, pagesMetadatas = []}) {
async function genRoutesConfig({
docsMetadatas = {},
pagesMetadatas = [],
blogMetadatas = [],
}) {
function genDocsRoute(metadata) {
const {permalink, source} = metadata;
return `
@ -41,6 +45,54 @@ async function genRoutesConfig({docsMetadatas = {}, pagesMetadatas = []}) {
}`;
}
function genBlogRoute(metadata) {
const {permalink, source} = metadata;
if (metadata.isBlogPage) {
const {posts} = metadata;
return `
{
path: ${JSON.stringify(permalink)},
exact: true,
component: Loadable.Map({
loader: {
${posts
.map((p, i) => `post${i}: () => import(${JSON.stringify(p.source)})`)
.join(',\n\t\t\t\t')}
},
loading: Loading,
render(loaded, props) {
${posts
.map((p, i) => `const Post${i} = loaded.post${i}.default;`)
.join('\n\t\t\t\t')}
return (
<BlogPage {...props} metadata={${JSON.stringify(metadata)}} >
${posts.map((p, i) => `<Post${i} />`).join(' ')}
</BlogPage>
)
}
})
}`;
}
return `
{
path: ${JSON.stringify(permalink)},
exact: true,
component: Loadable({
loader: () => import(${JSON.stringify(source)}),
loading: Loading,
render(loaded, props) {
let MarkdownContent = loaded.default;
return (
<BlogPost {...props} metadata={${JSON.stringify(metadata)}}>
<MarkdownContent />
</BlogPost>
);
}
})
}`;
}
const notFoundRoute = `,
{
path: '*',
@ -56,10 +108,14 @@ async function genRoutesConfig({docsMetadatas = {}, pagesMetadatas = []}) {
`import Loadable from 'react-loadable';\n` +
`import Loading from '@theme/Loading';\n` +
`import Doc from '@theme/Doc';\n` +
`import BlogPost from '@theme/BlogPost';\n` +
`import BlogPage from '@theme/BlogPage';\n` +
`import Pages from '@theme/Pages';\n` +
`import NotFound from '@theme/NotFound';\n` +
`const routes = [${docsRoutes},${pagesMetadatas
.map(genPagesRoute)
.join(',')},${blogMetadatas
.map(genBlogRoute)
.join(',')}${notFoundRoute}\n];\n` +
`export default routes;\n`
);