3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-09 15:17:23 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(v2): shift to docusaurus/mdx-loader (#1339)

Browse source
This commit is contained in:
Endilie Yacop Sucipto 2019-04-06 23:55:22 +07:00 • committed by GitHub
parent 1a8e12048e
commit aa27f82acc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 179 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

5
packages/docusaurus-plugin-content-docs/src/index.js
View file

@ -9,7 +9,6 @@ const globby = require('globby');
const importFresh = require('import-fresh');
const path = require('path');
const {getSubFolder, idx, normalizeUrl} = require('@docusaurus/utils');
const rehypePrism = require('@mapbox/rehype-prism');
const createOrder = require('./order');
const loadSidebars = require('./sidebars');
@ -246,6 +245,9 @@ class DocusaurusPluginContentDocs {
],
},
},
{
loader: '@docusaurus/mdx-loader',
},
{
loader: path.resolve(__dirname, './markdown/index.js'),
options: {
@ -254,7 +256,6 @@ class DocusaurusPluginContentDocs {
translatedDir,
docsDir: this.content.docsDir,
sourceToMetadata: this.content.sourceToMetadata,
hastPlugins: [[rehypePrism, {ignoreMissing: true}]],
},
},
],

23
packages/docusaurus-plugin-content-docs/src/markdown/index.js
View file

@ -6,7 +6,6 @@
*/
const fm = require('front-matter');
const mdx = require('@mdx-js/mdx');
const {getOptions} = require('loader-utils');
const path = require('path');
const {resolve} = require('url');
@ -74,25 +73,5 @@ module.exports = async function(fileString) {
content = lines.join('\n');
}
let result;
try {
result = await mdx(content, options);
} catch (err) {
return callback(err);
}
// TODO: Allow choosing prismjs theme
// prismjs/themes/XXXXXX.css https://github.com/PrismJS/prism/tree/master/themes
// prism-themes/themes/XXXXXX.css https://github.com/PrismJS/prism-themes/tree/master/themes
const prismThemeImport = 'prism-themes/themes/prism-atom-dark.css';
const code = `
import React from 'react';
import { MDXTag } from '@mdx-js/tag';
import '${prismThemeImport}';
${result}
`;
return callback(null, code);
return callback(null, content);
};