set and reset inline mathjax config

Author: archmoj

devtools/test_dashboard/index-mathjax3.html

@@ -20,13 +20,6 @@
   </div>
   <div id="snapshot"></div>
 
-  <script>
-    window.MathJax = window.MathJax || {
-      tex: {
-        inlineMath: [['$', '$'], ['\\(', '\\)']]
-      }
-    };
-  </script>
   <script src="../../node_modules/mathjax-v3/es5/tex-mml-svg.js"></script>
   <script charset="utf-8" id="source"  type="module">import "../../build/plotly.js"</script>
   <script charset="utf-8" src="../../build/test_dashboard-bundle.js"></script>

devtools/test_dashboard/index-mathjax3chtml.html

@@ -23,6 +23,7 @@
 
   <script>
     window.MathJax = window.MathJax || {
+      loader: {load: ['output/svg']},
       startup: {
         ready() {
           //
@@ -56,10 +57,6 @@
           };
           MathJax.svgStylesheet = () => svgOutput.styleSheet(svgDocument);
         }
-      },
-      loader: {load: ["output/svg"]},
-      tex: {
-        inlineMath: [["\\(", "\\)"], ["$", "$"]],
       }
     };
   </script>

src/lib/svg_text_utils.js

@@ -173,6 +173,8 @@ function cleanEscapesForTex(s) {
         .replace(GT_MATCH, '\\gt ');
 }
 
+var inlineMath = [['$', '$'], ['\\(', '\\)']];
+
 function texToSVG(_texString, _config, _callback) {
     var MathJaxVersion = parseInt(
         (MathJax.version || '').split('.')[0]
@@ -184,25 +186,33 @@ function texToSVG(_texString, _config, _callback) {
 
     var originalRenderer,
         originalConfig,
+        originalConfigTex,
         originalProcessSectionDelay,
         tmpDiv;
 
-    var v2SetConfig = function() {
-        originalConfig = Lib.extendDeepAll({}, MathJax.Hub.config);
+    var setConfig = function() {
+        if(MathJaxVersion < 3) {
+            originalConfig = Lib.extendDeepAll({}, MathJax.Hub.config);
 
-        originalProcessSectionDelay = MathJax.Hub.processSectionDelay;
-        if(MathJax.Hub.processSectionDelay !== undefined) {
-            // MathJax 2.5+ but not 3+
-            MathJax.Hub.processSectionDelay = 0;
-        }
+            originalProcessSectionDelay = MathJax.Hub.processSectionDelay;
+            if(MathJax.Hub.processSectionDelay !== undefined) {
+                // MathJax 2.5+ but not 3+
+                MathJax.Hub.processSectionDelay = 0;
+            }
 
-        return MathJax.Hub.Config({
-            messageStyle: 'none',
-            tex2jax: {
-                inlineMath: [['$', '$'], ['\\(', '\\)']]
-            },
-            displayAlign: 'left',
-        });
+            return MathJax.Hub.Config({
+                messageStyle: 'none',
+                tex2jax: {
+                    inlineMath: inlineMath
+                },
+                displayAlign: 'left',
+            });
+        } else {
+            if(MathJax.config.tex) {
+                originalConfigTex = Lib.extendDeepAll({}, MathJax.config.tex);
+                MathJax.config.tex.inlineMath = inlineMath;
+            }
+        }
     };
 
     var setRenderer = function() {
@@ -268,30 +278,40 @@ function texToSVG(_texString, _config, _callback) {
         }
     };
 
-    var v2ResetConfig = function() {
-        if(originalProcessSectionDelay !== undefined) {
-            MathJax.Hub.processSectionDelay = originalProcessSectionDelay;
+    var resetConfig = function() {
+        if(MathJaxVersion < 3) {
+            if(originalProcessSectionDelay !== undefined) {
+                MathJax.Hub.processSectionDelay = originalProcessSectionDelay;
+            }
+            return MathJax.Hub.Config(originalConfig);
+        } else {
+            if(originalConfigTex) {
+                MathJax.config.tex.inlineMath = originalConfigTex.inlineMath;
+            } else {
+                MathJax.config.tex = undefined;
+            }
         }
-        return MathJax.Hub.Config(originalConfig);
     };
 
     if(MathJaxVersion < 3) {
         MathJax.Hub.Queue(
-            v2SetConfig,
+            setConfig,
             setRenderer,
             initiateMathJax,
             finalizeMathJax,
             resetRenderer,
-            v2ResetConfig
+            resetConfig
         );
     } else {
+        setConfig();
         setRenderer();
         MathJax.startup.defaultReady();
         MathJax.startup.promise.then(function() {
             initiateMathJax();
             finalizeMathJax();
         });
         resetRenderer();
+        resetConfig();
     }
 }
 

test/jasmine/bundle_tests/mathjax_v3_test.js

@@ -23,12 +23,6 @@ describe('Test MathJax v3:', function() {
         mathJaxScriptTag.onerror = function() {
             fail('MathJax v3 failed to load');
         };
-
-        window.MathJax = {
-            tex: {
-                inlineMath: [['$', '$'], ['\\(', '\\)']]
-            }
-        };
         mathJaxScriptTag.src = '/base/node_modules/mathjax-v3/es5/tex-mml-svg.js';
         document.body.appendChild(mathJaxScriptTag);
     });