Spaces:

yasserrmd
/

MathMentor

Sleeping

yasserrmd commited on Nov 30, 2024

Commit

8984c2d

verified ·

1 Parent(s): 4cfe4c5

Update static/index.html

Files changed (1) hide show

static/index.html CHANGED Viewed

@@ -46,6 +46,7 @@
             overflow-x: auto;
         }
     </style>
 </head>
 <body>
     <div class="container mt-5">
@@ -217,7 +218,9 @@
     <!-- Bootstrap JS and Popper -->
     <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/mathjax@3/es5/tex-mml-chtml.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', () => {
             // WebSocket connection management
@@ -251,8 +254,15 @@
                     const data = JSON.parse(event.data);
                     if (data.chunk) {
-                        // Append streaming chunks
-                        resultContent.innerHTML += data.chunk;
                     }
                     if (data.complete) {

             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">
     <!-- Bootstrap JS and Popper -->
     <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 src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', () => {
             // WebSocket connection management
                     const data = JSON.parse(event.data);
                     if (data.chunk) {
+                        // Convert Markdown chunk to HTML using Marked.js
+                    const htmlChunk = marked.parse(data.chunk);
+                    // Append streaming chunks as HTML
+                    resultContent.innerHTML += htmlChunk;
+                    // Reprocess MathJax to render LaTeX expressions
+                    MathJax.typesetPromise([resultContent]);
                     }
                     if (data.complete) {