mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-02 11:47:23 +02:00
chore: naming consistency
This commit is contained in:
parent
5eab627340
commit
c132c7445f
11 changed files with 62 additions and 56 deletions
|
@ -1,9 +1,9 @@
|
|||
import {renderRoutes} from 'react-router-config';
|
||||
|
||||
import routes from '@generated/routes'; // eslint-disable-line
|
||||
import docsMetadata from '@generated/docsMetadata'; // eslint-disable-line
|
||||
import pagesMetadata from '@generated/pagesMetadata'; // eslint-disable-line
|
||||
import docsMetadatas from '@generated/docsMetadatas'; // eslint-disable-line
|
||||
import pagesMetadatas from '@generated/pagesMetadatas'; // eslint-disable-line
|
||||
import siteConfig from '@generated/siteConfig'; //eslint-disable-line
|
||||
|
||||
export default () =>
|
||||
renderRoutes(routes, {docsMetadata, pagesMetadata, siteConfig});
|
||||
renderRoutes(routes, {docsMetadatas, pagesMetadatas, siteConfig});
|
||||
|
|
|
@ -7,10 +7,10 @@ const {getSubFolder, idx} = require('../utils');
|
|||
|
||||
async function loadDocs({siteDir, docsDir, env, siteConfig}) {
|
||||
// @tested - load all sidebars including versioned sidebars
|
||||
const allSidebars = loadSidebars({siteDir, env});
|
||||
const docsSidebars = loadSidebars({siteDir, env});
|
||||
|
||||
// @tested - build the docs ordering such as next, previous, category and sidebar
|
||||
const order = createOrder(allSidebars);
|
||||
const order = createOrder(docsSidebars);
|
||||
|
||||
/* Settle versions & translations from environment */
|
||||
const translationEnabled = idx(env, ['translation', 'enabled']);
|
||||
|
@ -24,7 +24,7 @@ async function loadDocs({siteDir, docsDir, env, siteConfig}) {
|
|||
(versioningEnabled && idx(env, ['versioning', 'versions'])) || [];
|
||||
|
||||
/* Prepare metadata container */
|
||||
const metadatas = {};
|
||||
const docsMetadatas = {};
|
||||
|
||||
/* metadata for default docs files */
|
||||
const docsFiles = await globby(['**/*.md'], {
|
||||
|
@ -49,7 +49,7 @@ async function loadDocs({siteDir, docsDir, env, siteConfig}) {
|
|||
order,
|
||||
siteConfig
|
||||
);
|
||||
metadatas[metadata.id] = metadata;
|
||||
docsMetadatas[metadata.id] = metadata;
|
||||
})
|
||||
);
|
||||
|
||||
|
@ -80,7 +80,7 @@ async function loadDocs({siteDir, docsDir, env, siteConfig}) {
|
|||
order,
|
||||
siteConfig
|
||||
);
|
||||
metadatas[metadata.id] = metadata;
|
||||
docsMetadatas[metadata.id] = metadata;
|
||||
})
|
||||
);
|
||||
|
||||
|
@ -98,27 +98,30 @@ async function loadDocs({siteDir, docsDir, env, siteConfig}) {
|
|||
order,
|
||||
siteConfig
|
||||
);
|
||||
metadatas[metadata.id] = metadata;
|
||||
docsMetadatas[metadata.id] = metadata;
|
||||
})
|
||||
);
|
||||
|
||||
/*
|
||||
Get the titles of the previous and next ids so that we can use them
|
||||
*/
|
||||
Object.keys(metadatas).forEach(currentID => {
|
||||
const previousID = idx(metadatas, [currentID, 'previous']);
|
||||
Object.keys(docsMetadatas).forEach(currentID => {
|
||||
const previousID = idx(docsMetadatas, [currentID, 'previous']);
|
||||
if (previousID) {
|
||||
const previousTitle = idx(metadatas, [previousID, 'title']);
|
||||
metadatas[currentID].previous_title = previousTitle || 'Previous';
|
||||
const previousTitle = idx(docsMetadatas, [previousID, 'title']);
|
||||
docsMetadatas[currentID].previous_title = previousTitle || 'Previous';
|
||||
}
|
||||
const nextID = idx(metadatas, [currentID, 'next']);
|
||||
const nextID = idx(docsMetadatas, [currentID, 'next']);
|
||||
if (nextID) {
|
||||
const nextTitle = idx(metadatas, [nextID, 'title']);
|
||||
metadatas[currentID].next_title = nextTitle || 'Next';
|
||||
const nextTitle = idx(docsMetadatas, [nextID, 'title']);
|
||||
docsMetadatas[currentID].next_title = nextTitle || 'Next';
|
||||
}
|
||||
});
|
||||
|
||||
return metadatas;
|
||||
return {
|
||||
docsSidebars,
|
||||
docsMetadatas
|
||||
};
|
||||
}
|
||||
|
||||
module.exports = loadDocs;
|
||||
|
|
|
@ -20,15 +20,15 @@ module.exports = async function load(siteDir) {
|
|||
|
||||
// docs
|
||||
const docsDir = path.resolve(siteDir, '..', siteConfig.customDocsPath);
|
||||
const docsMetadata = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
const {docsMetadatas, docsSidebars} = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
await generate(
|
||||
'docsMetadata.js',
|
||||
`export default ${JSON.stringify(docsMetadata, null, 2)};`
|
||||
'docsMetadatas.js',
|
||||
`export default ${JSON.stringify(docsMetadatas, null, 2)};`
|
||||
);
|
||||
|
||||
/* Create source to metadata mapping */
|
||||
const sourceToMetadata = {};
|
||||
Object.values(docsMetadata).forEach(
|
||||
Object.values(docsMetadatas).forEach(
|
||||
({source, version, permalink, language}) => {
|
||||
sourceToMetadata[source] = {
|
||||
version,
|
||||
|
@ -40,10 +40,10 @@ module.exports = async function load(siteDir) {
|
|||
|
||||
// pages
|
||||
const pagesDir = path.resolve(siteDir, 'pages');
|
||||
const pagesMetadata = await loadPages(pagesDir);
|
||||
const pagesMetadatas = await loadPages(pagesDir);
|
||||
await generate(
|
||||
'pagesMetadata.js',
|
||||
`export default ${JSON.stringify(pagesMetadata, null, 2)};`
|
||||
'pagesMetadatas.js',
|
||||
`export default ${JSON.stringify(pagesMetadatas, null, 2)};`
|
||||
);
|
||||
|
||||
// resolve outDir
|
||||
|
@ -60,10 +60,11 @@ module.exports = async function load(siteDir) {
|
|||
siteConfig,
|
||||
siteDir,
|
||||
docsDir,
|
||||
docsMetadata,
|
||||
docsMetadatas,
|
||||
docsSidebars,
|
||||
env,
|
||||
pagesDir,
|
||||
pagesMetadata,
|
||||
pagesMetadatas,
|
||||
outDir,
|
||||
themePath,
|
||||
baseUrl,
|
||||
|
|
|
@ -6,13 +6,13 @@ async function loadPages(pagesDir) {
|
|||
cwd: pagesDir
|
||||
});
|
||||
|
||||
const pagesMetadata = await Promise.all(
|
||||
const pagesMetadatas = await Promise.all(
|
||||
pagesFiles.map(async source => ({
|
||||
path: encodePath(fileToPath(source)),
|
||||
source
|
||||
}))
|
||||
);
|
||||
return pagesMetadata;
|
||||
return pagesMetadatas;
|
||||
}
|
||||
|
||||
module.exports = loadPages;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
async function genRoutesConfig({docsMetadata = {}, pagesMetadata = []}) {
|
||||
async function genRoutesConfig({docsMetadatas = {}, pagesMetadatas = []}) {
|
||||
function genDocsRoute(metadata) {
|
||||
const {permalink, source} = metadata;
|
||||
return `
|
||||
|
@ -38,7 +38,7 @@ async function genRoutesConfig({docsMetadata = {}, pagesMetadata = []}) {
|
|||
component: NotFound
|
||||
}`;
|
||||
|
||||
const docsRoutes = Object.values(docsMetadata)
|
||||
const docsRoutes = Object.values(docsMetadatas)
|
||||
.map(genDocsRoute)
|
||||
.join(',');
|
||||
|
||||
|
@ -48,7 +48,7 @@ async function genRoutesConfig({docsMetadata = {}, pagesMetadata = []}) {
|
|||
`import Loading from '@theme/Loading';\n` +
|
||||
`import Docs from '@theme/Docs';\n` +
|
||||
`import NotFound from '@theme/NotFound';\n` +
|
||||
`const routes = [${docsRoutes},${pagesMetadata
|
||||
`const routes = [${docsRoutes},${pagesMetadatas
|
||||
.map(genPagesRoute)
|
||||
.join(',')}${notFoundRoute}\n];\n` +
|
||||
`export default routes;\n`
|
||||
|
|
|
@ -7,7 +7,7 @@ import Layout from '@theme/Layout'; // eslint-disable-line
|
|||
|
||||
export default class Docs extends React.Component {
|
||||
render() {
|
||||
const {route, siteConfig, docsMetadata, metadata} = this.props;
|
||||
const {route, siteConfig, docsMetadatas, metadata} = this.props;
|
||||
return (
|
||||
<Layout {...this.props}>
|
||||
<Helmet>
|
||||
|
@ -15,16 +15,16 @@ export default class Docs extends React.Component {
|
|||
</Helmet>
|
||||
<div>
|
||||
{metadata.previous &&
|
||||
docsMetadata[metadata.previous] && (
|
||||
<Link to={docsMetadata[metadata.previous].permalink}>
|
||||
docsMetadatas[metadata.previous] && (
|
||||
<Link to={docsMetadatas[metadata.previous].permalink}>
|
||||
<span>← {metadata.previous_title}</span>
|
||||
</Link>
|
||||
)}
|
||||
</div>
|
||||
<div>
|
||||
{metadata.next &&
|
||||
docsMetadata[metadata.next] && (
|
||||
<Link to={docsMetadata[metadata.next].permalink}>
|
||||
docsMetadatas[metadata.next] && (
|
||||
<Link to={docsMetadatas[metadata.next].permalink}>
|
||||
<span>{metadata.next_title} →</span>
|
||||
</Link>
|
||||
)}
|
||||
|
|
|
@ -5,11 +5,11 @@ import styles from './styles.css';
|
|||
/* eslint-disable react/prefer-stateless-function */
|
||||
export default class Layout extends React.Component {
|
||||
render() {
|
||||
const {children, pagesMetadata, docsMetadata = {}, location} = this.props;
|
||||
const docsLinks = Object.values(docsMetadata).map(data => ({
|
||||
const {children, pagesMetadatas, docsMetadatas = {}, location} = this.props;
|
||||
const docsLinks = Object.values(docsMetadatas).map(data => ({
|
||||
path: `${data.permalink}`
|
||||
}));
|
||||
const routeLinks = [...pagesMetadata, ...docsLinks].map(
|
||||
const routeLinks = [...pagesMetadatas, ...docsLinks].map(
|
||||
data =>
|
||||
data.path !== location.pathname && (
|
||||
<li key={data.path}>
|
||||
|
|
|
@ -14,13 +14,13 @@ module.exports = function createServerConfig(props) {
|
|||
// Workaround for Webpack 4 Bug (https://github.com/webpack/webpack/issues/6522)
|
||||
config.output.globalObject('this');
|
||||
|
||||
const {siteConfig, docsMetadata, pagesMetadata} = props;
|
||||
const {siteConfig, docsMetadatas, pagesMetadatas} = props;
|
||||
|
||||
// static site generator webpack plugin
|
||||
const docsLinks = Object.values(docsMetadata).map(data => ({
|
||||
const docsLinks = Object.values(docsMetadatas).map(data => ({
|
||||
path: `${data.permalink}`
|
||||
}));
|
||||
const paths = [...docsLinks, ...pagesMetadata].map(data => data.path);
|
||||
const paths = [...docsLinks, ...pagesMetadatas].map(data => data.path);
|
||||
config.plugin('siteGenerator').use(staticSiteGenerator, [
|
||||
{
|
||||
entry: 'main',
|
||||
|
|
|
@ -8,6 +8,8 @@ describe('loadConfig', () => {
|
|||
expect(config).toEqual({
|
||||
baseUrl: '/',
|
||||
organizationName: 'endiliey',
|
||||
customDocsPath: 'docs',
|
||||
docsUrl: 'docs',
|
||||
projectName: 'hello',
|
||||
tagline: 'Hello World',
|
||||
title: 'Hello'
|
||||
|
|
|
@ -5,28 +5,28 @@ describe('loadDocs', () => {
|
|||
test('simple website', async () => {
|
||||
const props = await loadSetup('simple');
|
||||
const {siteDir, docsDir, env, siteConfig} = props;
|
||||
const docsMetadata = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
expect(docsMetadata).toMatchSnapshot();
|
||||
const {docsMetadatas} = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
expect(docsMetadatas).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('versioned website', async () => {
|
||||
const props = await loadSetup('versioned');
|
||||
const {siteDir, docsDir, env, siteConfig} = props;
|
||||
const docsMetadata = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
expect(docsMetadata).toMatchSnapshot();
|
||||
const {docsMetadatas} = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
expect(docsMetadatas).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('versioned & translated website', async () => {
|
||||
const props = await loadSetup('transversioned');
|
||||
const {siteDir, docsDir, env, siteConfig} = props;
|
||||
const docsMetadata = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
expect(docsMetadata).toMatchSnapshot();
|
||||
const {docsMetadatas} = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
expect(docsMetadatas).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('translated website', async () => {
|
||||
const props = await loadSetup('translated');
|
||||
const {siteDir, docsDir, env, siteConfig} = props;
|
||||
const docsMetadata = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
expect(docsMetadata).toMatchSnapshot();
|
||||
const {docsMetadatas} = await loadDocs({siteDir, docsDir, env, siteConfig});
|
||||
expect(docsMetadatas).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
|
|
|
@ -4,9 +4,9 @@ import path from 'path';
|
|||
describe('loadPages', () => {
|
||||
test('valid pages', async () => {
|
||||
const pagesDir = path.join(__dirname, '__fixtures__', 'simple-pages');
|
||||
const pagesMetadata = await loadPages(pagesDir);
|
||||
pagesMetadata.sort((a, b) => a.path > b.path); // because it was unordered
|
||||
expect(pagesMetadata).toEqual([
|
||||
const pagesMetadatas = await loadPages(pagesDir);
|
||||
pagesMetadatas.sort((a, b) => a.path > b.path); // because it was unordered
|
||||
expect(pagesMetadatas).toEqual([
|
||||
{
|
||||
path: '/',
|
||||
source: 'index.js'
|
||||
|
@ -24,12 +24,12 @@ describe('loadPages', () => {
|
|||
source: 'foo/index.js'
|
||||
}
|
||||
]);
|
||||
expect(pagesMetadata).not.toBeNull();
|
||||
expect(pagesMetadatas).not.toBeNull();
|
||||
});
|
||||
|
||||
test('invalid pages', async () => {
|
||||
const nonExistingDir = path.join(__dirname, '__fixtures__', 'nonExisting');
|
||||
const pagesMetadata = await loadPages(nonExistingDir);
|
||||
expect(pagesMetadata).toEqual([]);
|
||||
const pagesMetadatas = await loadPages(nonExistingDir);
|
||||
expect(pagesMetadatas).toEqual([]);
|
||||
});
|
||||
});
|
||||
|
|
Loading…
Add table
Reference in a new issue