gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: enable MathJax for Project Euler challenges (#38017)

Browse Source 
* feat: enable MathJax for Project Euler challenges

Enables MathJax to render mathematical formulae for some Project Euler problems

* refactor: DRY out script insertion

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
This commit is contained in:
Kristofer Koishigawa
2020-01-07 20:14:12 +09:00
committed by Ahmad Abdolsaheb
parent 6809578044
commit 849e78d72e
3 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/gatsby-ssr.js
View File

@ -64,7 +64,10 @@ export const onRenderBody = ({
/> />
]; ];
if (pathname.includes('/learn/coding-interview-prep/rosetta-code')) { if (
pathname.includes('/learn/coding-interview-prep/rosetta-code') ||
pathname.includes('/learn/coding-interview-prep/project-euler')
) {
scripts.push( scripts.push(
<script <script
async={false} async={false}

11
client/src/templates/Challenges/components/Side-Panel.js
View File

@ -37,7 +37,9 @@ export class SidePanel extends Component {
componentDidMount() { componentDidMount() {
const MathJax = global.MathJax; const MathJax = global.MathJax;
const mathJaxMountPoint = document.querySelector('#mathjax'); const mathJaxMountPoint = document.querySelector('#mathjax');
const rosettaCodeChallenge = this.props.section === 'rosetta-code'; const mathJaxChallenge =
this.props.section === 'rosetta-code' ||
this.props.section === 'project-euler';
if (MathJax) { if (MathJax) {
// Configure MathJax when it's loaded and // Configure MathJax when it's loaded and
// users navigate from another challenge // users navigate from another challenge
@ -45,15 +47,16 @@ export class SidePanel extends Component {
tex2jax: { tex2jax: {
inlineMath: [['$', '$'], ['\\(', '\\)']], inlineMath: [['$', '$'], ['\\(', '\\)']],
processEscapes: true, processEscapes: true,
processClass: 'rosetta-code' processClass: 'rosetta-code|project-euler'
} }
}); });
MathJax.Hub.Queue([ MathJax.Hub.Queue([
'Typeset', 'Typeset',
MathJax.Hub, MathJax.Hub,
document.querySelector('.rosetta-code') document.querySelector('.rosetta-code'),
document.querySelector('.project-euler')
]); ]);
} else if (!mathJaxMountPoint && rosettaCodeChallenge) { } else if (!mathJaxMountPoint && mathJaxChallenge) {
mathJaxScriptLoader(); mathJaxScriptLoader();
} }
} }

5
client/src/utils/scriptLoaders.js
View File

@ -39,12 +39,13 @@ export const mathJaxScriptLoader = () =>
tex2jax: { tex2jax: {
inlineMath: [['$', '$'], ['\\\\(', '\\\\)']], inlineMath: [['$', '$'], ['\\\\(', '\\\\)']],
processEscapes: true, processEscapes: true,
processClass: 'rosetta-code' processClass: 'rosetta-code|project-euler'
} }
}); });
MathJax.Hub.Queue([ MathJax.Hub.Queue([
'Typeset', 'Typeset',
MathJax.Hub, MathJax.Hub,
document.querySelector('.rosetta-code') document.querySelector('.rosetta-code'),
document.querySelector('.project-euler')
]);` ]);`
); );