Spaces:

yasserrmd
/

MathMentor

Sleeping

App Files Files Community

yasserrmd commited on Nov 30, 2024

Commit

30090a9

verified ·

1 Parent(s): cb19d73

Update static/index.html

Browse files

Files changed (1) hide show

static/index.html +18 -12

static/index.html CHANGED Viewed

@@ -46,7 +46,8 @@
             overflow-x: auto;
         }
     </style>
-   <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
 </head>
 <body>
     <div class="container mt-5">
@@ -219,15 +220,12 @@
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-<script type="text/javascript" id="MathJax-script" async
-        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
-</script>
-<script>
-    MathJax = {
-        tex: { inlineMath: [['$', '$'], ['\\(', '\\)']] },
-        options: { skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre'] }
-    };
-</script>
     <script>
@@ -275,11 +273,19 @@
                     // Append streaming chunks as HTML
                     resultContent.innerHTML = htmlChunk;
                         // Streaming complete
                         typingIndicator.style.display = 'none';
-                        // Reprocess MathJax to render LaTeX expressions
-                        MathJax.typesetPromise([resultContent]);
                         socket.close();
                     }

             overflow-x: auto;
         }
     </style>
+  <!-- KaTeX CSS for styling -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css">
 </head>
 <body>
     <div class="container mt-5">
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<!-- KaTeX JS for rendering -->
+<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"></script>
+<!-- Auto-render extension -->
+<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js"></script>
     <script>
                     // Append streaming chunks as HTML
                     resultContent.innerHTML = htmlChunk;
+                      renderMathInElement(resultContent, {
+                    delimiters: [
+                        { left: "\\(", right: "\\)", display: false },
+                        { left: "\\[", right: "\\]", display: true },
+                        { left: "$$", right: "$$", display: true },
+                        { left: "$", right: "$", display: false }
+                    ]
+                });
                         // Streaming complete
                         typingIndicator.style.display = 'none';
                         socket.close();
                     }