Reorder and rollback mathjax.

ayjayt · ayjayt · commit e8d05644ec99 · 2025-08-19T11:26:04.000-05:00
diff --git a/src/py/kaleido/_page_generator.py b/src/py/kaleido/_page_generator.py
@@ -8,7 +8,10 @@
 _logger = logistro.getLogger(__name__)
 
 DEFAULT_PLOTLY = "https://cdn.plot.ly/plotly-2.35.2.js"
-DEFAULT_MATHJAX = "https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-svg.js"
+DEFAULT_MATHJAX = (
+    "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js"
+    "?config=TeX-AMS-MML_SVG"
+)
 
 KJS_PATH = Path(__file__).resolve().parent / "vendor" / "kaleido_scopes.js"
 
@@ -67,6 +70,12 @@ def __init__(self, *, plotly=None, mathjax=None, others=None, force_cdn=False):
 
         """
         self._scripts = []
+        if mathjax is not False:
+            if not mathjax:
+                mathjax = DEFAULT_MATHJAX
+            else:
+                _ensure_path(mathjax)
+            self._scripts.append(mathjax)
         if force_cdn:
             plotly = (DEFAULT_PLOTLY, "utf-8")
         elif not plotly:
@@ -97,12 +106,6 @@ def __init__(self, *, plotly=None, mathjax=None, others=None, force_cdn=False):
             plotly = (plotly, "utf-8")
         _logger.debug(f"Plotly script: {plotly}")
         self._scripts.append(plotly)
-        if mathjax is not False:
-            if not mathjax:
-                mathjax = DEFAULT_MATHJAX
-            else:
-                _ensure_path(mathjax)
-            self._scripts.append(mathjax)
         if others:
             for o in others:
                 _ensure_path(o)
diff --git a/src/py/kaleido/vendor/index.html b/src/py/kaleido/vendor/index.html
@@ -1,16 +1,36 @@
 <!DOCTYPE html>
+
+<!--
+  THIS FILE IS AN EXAMPLE, IT IS GENERATED AUTOMATICALLY AT RUNTIME
+  TO ENSURE FULLY UPDATED RESOURCES
+-->
+
 <html>
   <head>
+    <meta charset="utf-8" />
     <title>Kaleido-fier</title>
+
     <script>
-      window.PlotlyConfig = {MathJaxConfig: 'local'};
+      // Plotly won't fetch MathJax; you'll provide it
+      window.PlotlyConfig = { MathJaxConfig: 'local' };
     </script>
+
+    <!-- Only your one tweak; preset handles TeX+AMS+SVG -->
     <script type="text/x-mathjax-config">
-      MathJax.Hub.Config({ "SVG": {blacker: 0 }});
+      MathJax.Hub.Config({
+        SVG: { blacker: 0 }
+      });
     </script>
-    <script src="https://cdn.plot.ly/plotly-2.35.3.min.js" charset="utf-8"></script>
-    <script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-svg.js"></script>
+
+    <!-- Preset loads TeX input, AMS, and SVG output -->
+    <script src="/vendor/mathjax/2.7.5/MathJax.js?config=TeX-AMS_SVG"></script>
+
+    <!-- Plotly after MathJax (since we're in 'local' mode) -->
+    <script src="https://cdn.plot.ly/plotly-2.35.3.min.js"></script>
+
     <script src="./kaleido_scopes.js"></script>
   </head>
-  <body style="{margin: 0; padding: 0;}"><img id="kaleido-image"></img></body>
+  <body style="margin:0; padding:0;">
+    <img id="kaleido-image" />
+  </body>
 </html>
