3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-05 04:12:53 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: warn unsupported languages by prismjs (#1107)

Browse source 
* Logged unsupported languages instead of stacktrace error. Added some lang aliases

* Modify language highlight color
This commit is contained in:
Shriram Balaji 2018-11-12 16:09:33 +05:30 • committed by Endilie Yacop Sucipto
parent 2bf2dfe173
commit 91c5e5e444
1 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

18
v1/lib/core/renderMarkdown.js
View file

@ -9,19 +9,21 @@ const hljs = require('highlight.js');
const Markdown = require('remarkable'); const Markdown = require('remarkable');
const prismjs = require('prismjs'); const prismjs = require('prismjs');
const deepmerge = require('deepmerge'); const deepmerge = require('deepmerge');
const chalk = require('chalk');
const anchors = require('./anchors.js'); const anchors = require('./anchors.js');
const CWD = process.cwd(); const CWD = process.cwd();
const alias = { const alias = {
js: 'jsx', js: 'jsx',
html: 'markup',
sh: 'bash',
md: 'markdown',
}; };
class MarkdownRenderer { class MarkdownRenderer {
constructor() { constructor() {
const siteConfig = require(`${CWD}/siteConfig.js`); const siteConfig = require(`${CWD}/siteConfig.js`);
let markdownOptions = { let markdownOptions = {
// Highlight.js expects hljs css classes on the code element. // Highlight.js expects hljs css classes on the code element.
// This results in <pre><code class="hljs css languages-jsx"> // This results in <pre><code class="hljs css languages-jsx">
@ -45,14 +47,22 @@ class MarkdownRenderer {
siteConfig.usePrism.length > 0 && siteConfig.usePrism.length > 0 &&
siteConfig.usePrism.indexOf(lang) !== -1) siteConfig.usePrism.indexOf(lang) !== -1)
) { ) {
const language = alias[lang] || lang;
try { try {
const language = alias[lang] || lang;
// Currently people using prismjs on Node have to individually require() // Currently people using prismjs on Node have to individually require()
// every single language (https://github.com/PrismJS/prism/issues/593) // every single language (https://github.com/PrismJS/prism/issues/593)
require(`prismjs/components/prism-${language}.min`); require(`prismjs/components/prism-${language}.min`);
return prismjs.highlight(str, prismjs.languages[language]); return prismjs.highlight(str, prismjs.languages[language]);
} catch (err) { } catch (err) {
console.error(err); if (err.code === 'MODULE_NOT_FOUND') {
const unsupportedLanguageError = chalk.yellow(
`Warning: ${chalk.red(
language,
)} is not supported by prismjs.` +
'\nPlease refer to https://prismjs.com/#languages-list for the list of supported languages.',
);
console.log(unsupportedLanguageError);
} else console.error(err);
} }
} }
if (hljs.getLanguage(lang)) { if (hljs.getLanguage(lang)) {