3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-10 07:37:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(v2): rewrite docs loading strategy (#1092)

Browse source 
* feat(v2): rewrite docs loading strategy

* Prettify

* Lint

* Allow resolving from library root

* minor changes, refactor

* copyright header
This commit is contained in:
Yangshun Tay 2018-11-07 00:39:47 -08:00 • committed by Endilie Yacop Sucipto
parent c9243e8922
commit 13a21b2374
36 changed files with 520 additions and 327 deletions
Download patch file Download diff file Expand all files Collapse all files

84
v2/lib/load/routes.js
View file

@ -6,43 +6,51 @@
*/
async function genRoutesConfig({
siteConfig = {},
docsMetadatas = {},
pagesMetadatas = [],
blogMetadatas = [],
}) {
const {docsUrl, baseUrl} = siteConfig;
function genDocsRoute(metadata) {
const {permalink, source} = metadata;
return `
{
path: ${JSON.stringify(permalink)},
exact: true,
component: Loadable({
loader: () => import(/* webpackPrefetch: true */ ${JSON.stringify(
source,
)}),
loading: Loading,
render(loaded, props) {
let Content = loaded.default;
return (
<Doc {...props} metadata={${JSON.stringify(metadata)}}>
<Content />
</Doc>
);
}
})
}`;
{
path: '${permalink}',
exact: true,
component: Loadable({
loader: () => import(/* webpackPrefetch: true */ '${source}'),
loading: Loading,
render(loaded, props) {
let Content = loaded.default;
return (
<DocBody {...props} metadata={${JSON.stringify(metadata)}}>
<Content />
</DocBody>
);
}
})
}`;
}
const rootDocsUrl = baseUrl + docsUrl;
const docsRoutes = `
{
path: '${rootDocsUrl}',
component: Doc,
routes: [${Object.values(docsMetadatas)
.map(genDocsRoute)
.join(',')}],
}`;
function genPagesRoute(metadata) {
const {permalink, source} = metadata;
return `
{
path: ${JSON.stringify(permalink)},
path: '${permalink}',
exact: true,
component: Loadable({
loader: () => import(/* webpackPrefetch: true */ ${JSON.stringify(
source,
)}),
loader: () => import(/* webpackPrefetch: true */ '${source}'),
loading: Loading,
render(loaded, props) {
let Content = loaded.default;
@ -62,16 +70,16 @@ async function genRoutesConfig({
const {posts} = metadata;
return `
{
path: ${JSON.stringify(permalink)},
path: '${permalink}',
exact: true,
component: Loadable.Map({
loader: {
${posts
.map(
(p, i) =>
`post${i}: () => import(/* webpackPrefetch: true */ ${JSON.stringify(
p.source,
)})`,
`post${i}: () => import(/* webpackPrefetch: true */ '${
p.source
}')`,
)
.join(',\n\t\t\t\t')}
},
@ -92,12 +100,10 @@ async function genRoutesConfig({
return `
{
path: ${JSON.stringify(permalink)},
path: '${permalink}',
exact: true,
component: Loadable({
loader: () => import(/* webpackPrefetch: true */ ${JSON.stringify(
source,
)}),
loader: () => import(/* webpackPrefetch: true */ '${source}'),
loading: Loading,
render(loaded, props) {
let MarkdownContent = loaded.default;
@ -111,30 +117,26 @@ async function genRoutesConfig({
}`;
}
const notFoundRoute = `,
const notFoundRoute = `
{
path: '*',
component: NotFound
component: NotFound,
}`;
const docsRoutes = Object.values(docsMetadatas)
.map(genDocsRoute)
.join(',');
return (
`import React from 'react';\n` +
`import Loadable from 'react-loadable';\n` +
`import Loading from '@theme/Loading';\n` +
`import Doc from '@theme/Doc';\n` +
`import DocBody from '@theme/DocBody';\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` +
`const routes = [${docsRoutes},
${pagesMetadatas.map(genPagesRoute).join(',')},
${blogMetadatas.map(genBlogRoute).join(',')},
${notFoundRoute}\n];\n` +
`export default routes;\n`
);
}