3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-04-29 10:17:55 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): toc should not be broken for heading with html inline code (#2067)

Browse source
This commit is contained in:
Endi 2019-11-29 12:33:51 +07:00 • committed by Yangshun Tay
parent 3b060ad171
commit d6143868a4
6 changed files with 60 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/docusaurus-mdx-loader/package.json
View file

@ -12,6 +12,7 @@
"@babel/traverse": "^7.7.4",
"@mdx-js/mdx": "^1.5.1",
"@mdx-js/react": "^1.5.1",
"escape-html": "^1.0.3",
"github-slugger": "^1.2.1",
"gray-matter": "^4.0.2",
"loader-utils": "^1.2.3",

42
packages/docusaurus-mdx-loader/src/remark/rightToc/__tests__/__snapshots__/index.test.js.snap
View file

@ -1,5 +1,47 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`inline code should be escaped 1`] = `
"export const rightToc = [
{
value: '<code>&lt;Head /&gt;</code>',
id: 'head-',
children: [
{
value: '<code>&lt;Head&gt;Test&lt;/Head&gt;</code>',
id: 'headtesthead',
children: []
}
]
},
{
value: '<code>&lt;div /&gt;</code>',
id: 'div-',
children: []
},
{
value: '<code>&lt;div&gt; Test &lt;/div&gt;</code>',
id: 'div-test-div',
children: []
},
{
value: '<code>&lt;div&gt;&lt;i&gt;Test&lt;/i&gt;&lt;/div&gt;</code>',
id: 'divitestidiv',
children: []
}
];
## \`<Head />\`
### \`<Head>Test</Head>\`
## \`<div />\`
## \`<div> Test </div>\`
## \`<div><i>Test</i></div>\`
"
`;
exports[`non text phrasing content 1`] = `
"export const rightToc = [
{

9
packages/docusaurus-mdx-loader/src/remark/rightToc/__tests__/fixtures/inline-code.md Normal file
View file

@ -0,0 +1,9 @@
## `<Head />`
### `<Head>Test</Head>`
## `<div />`
## `<div> Test </div>`
## `<div><i>Test</i></div>`

5
packages/docusaurus-mdx-loader/src/remark/rightToc/__tests__/index.test.js
View file

@ -27,6 +27,11 @@ test('non text phrasing content', async () => {
expect(result).toMatchSnapshot();
});
test('inline code should be escaped', async () => {
const result = await processFixture('inline-code');
expect(result).toMatchSnapshot();
});
test('text content', async () => {
const result = await processFixture('just-content');
expect(result).toMatchInlineSnapshot(`

3
packages/docusaurus-mdx-loader/src/remark/rightToc/search.js
View file

@ -7,6 +7,7 @@
const toString = require('mdast-util-to-string');
const visit = require('unist-util-visit');
const escapeHtml = require('escape-html');
const slugs = require('github-slugger')();
// https://github.com/syntax-tree/mdast#heading
@ -18,7 +19,7 @@ function toValue(node) {
case 'heading':
return node.children.map(toValue).join('');
case 'inlineCode':
return `<code>${node.value}</code>`;
return `<code>${escapeHtml(node.value)}</code>`;
case 'emphasis':
return `<em>${node.children.map(toValue).join('')}</em>`;
case 'strong':

2
yarn.lock
View file

@ -5939,7 +5939,7 @@ es6-promisify@^5.0.0:
dependencies:
es6-promise "^4.0.3"
escape-html@~1.0.3:
escape-html@^1.0.3, escape-html@~1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=