MBS-9974: update mathjax for moodle 5

Author: TobiGa

amd/build/helper.min.js

@@ -119,24 +119,24 @@ export const hash = async(stringToHash) => {
  *  @returns {void}
  */
 export const renderMathjax = () => {
-    // Render formulas with mathjax 2.7.9.
+    // Render formulas with mathjax v3.
     if (typeof window.MathJax !== "undefined") {
-        // Change delimiters so they work with chatgpt.
-        window.MathJax.Hub.Config({
-            tex2jax: {
+        // Default delimiters now work with mathjax v3, we set it to make sure.
+        window.MathJax.config = {
+            tex: {
                 inlineMath: [['$', '$'], ['\\(', '\\)']],
                 displayMath: [['$$', '$$'], ['\\[', '\\]']],
             },
-        });
+            options: {
+                skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'],
+                ignoreHtmlClass: 'tex2jax_ignore',
+                processHtmlClass: 'tex2jax_process'
+            }
+        };
         const content = document.querySelector('.block_ai_chat-output');
         if (content) {
-            // Maybe somebody knows why it works if you use mathjax .Queue and typeset().
-            // I just know that it does.
-            // Claude says: This works because you're essentially giving MathJax two chances to render - the first call
-            // queues it up, and the second call (Moodle's built-in function) ensures it completes. While it might seem
-            // redundant, if it's working reliably, there's nothing wrong with this approach.
-            window.MathJax.Hub.Queue(["Typeset", window.MathJax.Hub, content]);
-            typeset(content);
+            // Rendering content.
+            window.MathJax.typesetPromise([content]);
         }
     }
 };