import getMeta from '../../utils/meta' let mathJaxPromise: Promise export const loadMathJax = async () => { if (!mathJaxPromise) { mathJaxPromise = new Promise((resolve, reject) => { // https://docs.mathjax.org/en/v3.2-latest/upgrading/v2.html window.MathJax = { // https://docs.mathjax.org/en/latest/options/input/tex.html#the-configuration-block tex: { macros: { // Implements support for the \bm command from the bm package. It bolds the argument in math mode. // https://github.com/mathjax/MathJax/issues/1219#issuecomment-341059843 bm: ['\\boldsymbol{#1}', 1], }, inlineMath: [ ['\\(', '\\)'], ['$', '$'], ], displayMath: [ ['\\[', '\\]'], ['$$', '$$'], ], packages: { '[-]': [ 'html', // avoid creating HTML elements/attributes 'require', // prevent loading disabled packages ], }, processEscapes: true, processEnvironments: true, }, loader: { load: [ 'ui/safe', // https://docs.mathjax.org/en/latest/options/safe.html ], }, options: { enableMenu: false, // https://docs.mathjax.org/en/latest/options/menu.html }, startup: { typeset: false, }, } const script = document.createElement('script') const path = getMeta('ol-mathJax3Path') if (!path) { reject(new Error('No MathJax path found')) return } script.src = path script.addEventListener('load', async () => { await window.MathJax.startup.promise document.head.appendChild(window.MathJax.svgStylesheet()) resolve(window.MathJax) }) script.addEventListener('error', reject) document.head.append(script) }) } return mathJaxPromise }