diff options
author | Clement Ho <clemmakesapps@gmail.com> | 2018-02-12 23:36:14 +0000 |
---|---|---|
committer | Mark Fletcher <mark@gitlab.com> | 2018-02-14 11:49:46 +0000 |
commit | 6f92957248ee6a54b4eabca06ded6685f8511dd2 (patch) | |
tree | 91d3880adab35b17d5049cb9b5efed95e3f13fab /app | |
parent | 7542306b2f2064e43b569ec8bee45a72a31a861d (diff) | |
download | gitlab-ce-6f92957248ee6a54b4eabca06ded6685f8511dd2.tar.gz |
Merge branch 'jivl-update-katex' into 'master'
Updated katex library
Closes #43032
See merge request gitlab-org/gitlab-ce!15864
Diffstat (limited to 'app')
-rw-r--r-- | app/assets/javascripts/render_math.js | 44 |
1 files changed, 9 insertions, 35 deletions
diff --git a/app/assets/javascripts/render_math.js b/app/assets/javascripts/render_math.js index 73b6aafdd12..eabdb01b2a9 100644 --- a/app/assets/javascripts/render_math.js +++ b/app/assets/javascripts/render_math.js @@ -1,4 +1,5 @@ -/* global katex */ +import { __ } from './locale'; +import flash from './flash'; // Renders math using KaTeX in any element with the // `js-render-math` class @@ -8,15 +9,8 @@ // <code class="js-render-math"></div> // -import { __ } from './locale'; -import axios from './lib/utils/axios_utils'; -import flash from './flash'; - -// Only load once -let katexLoaded = false; - // Loop over all math elements and render math -function renderWithKaTeX(elements) { +function renderWithKaTeX(elements, katex) { elements.each(function katexElementsLoop() { const mathNode = $('<span></span>'); const $this = $(this); @@ -34,30 +28,10 @@ function renderWithKaTeX(elements) { export default function renderMath($els) { if (!$els.length) return; - - if (katexLoaded) { - renderWithKaTeX($els); - } else { - axios.get(gon.katex_css_url) - .then(() => { - const css = $('<link>', { - rel: 'stylesheet', - type: 'text/css', - href: gon.katex_css_url, - }); - css.appendTo('head'); - }) - .then(() => axios.get(gon.katex_js_url, { - responseType: 'text', - })) - .then(({ data }) => { - // Add katex js to our document - $.globalEval(data); - }) - .then(() => { - katexLoaded = true; - renderWithKaTeX($els); // Run KaTeX - }) - .catch(() => flash(__('An error occurred while rendering KaTeX'))); - } + Promise.all([ + import(/* webpackChunkName: 'katex' */ 'katex'), + import(/* webpackChunkName: 'katex' */ 'katex/dist/katex.css'), + ]).then(([katex]) => { + renderWithKaTeX($els, katex); + }).catch(() => flash(__('An error occurred while rendering KaTeX'))); } |