fix: render markdown

app/templates/index.html

@@ -4,26 +4,27 @@
     <title>CVE Report</title>
     <style>
       body {
-        font-family: Arial, sans-serif; /* Use a more modern font */
+        font-family: Arial, sans-serif;
         padding: 20px;
         background-color: #fafafa;
       }
       #output {
-        white-space: normal; /* Allow normal text wrapping */
-        background: #ffffff; /* Set a white background for better contrast */
+        white-space: normal;
+        background: #ffffff;
         border: 1px solid #ddd;
         padding: 1em;
         min-height: 300px;
         overflow-y: auto;
-        max-width: 800px; /* Set a reasonable max width for readability */
-        margin: 20px auto; /* Center the content with some spacing */
-        line-height: 1.6; /* Improve readability with better line spacing */
-        font-size: 16px; /* Set a comfortable font size */
-        color: #333; /* Use a dark gray color for text */
+        max-width: 800px;
+        margin: 20px auto;
+        line-height: 1.6;
+        font-size: 16px;
+        color: #333;
+        text-align: left; /* Ensure text and headers are left-aligned */
       }
       h2 {
-        text-align: center; /* Center the header */
-        color: #444; /* Use a slightly lighter color for the header */
+        text-align: left; /* Left-align the header */
+        color: #444;
       }
     </style>
   </head>
@@ -45,14 +46,33 @@
 
   evtSource.onmessage = (e) => {
     const markdownContent = e.data;
-    markdownBuffer += markdownContent + "\n"; // Append to buffer with newline
-    outputEl.innerHTML = marked.parse(markdownBuffer); // Render the entire buffer
+    markdownBuffer += markdownContent + "\n";
+    outputEl.innerHTML = marked.parse(markdownBuffer);
     outputEl.scrollTop = outputEl.scrollHeight;
   };
 
-  evtSource.onerror = () => {
+  evtSource.onerror = (e) => {
+    console.error("EventSource error:", e);
     outputEl.innerHTML = "<p style='color: red;'>Error loading content. Please try again later.</p>";
   };
+
+  // Fallback for refreshing to load Markdown from a file
+  if (refresh) {
+    fetch(`/report?cve_id=${cveId}`)
+      .then((response) => {
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        return response.text();
+      })
+      .then((markdownContent) => {
+        outputEl.innerHTML = marked.parse(markdownContent);
+      })
+      .catch((error) => {
+        console.error("Fetch error:", error);
+        outputEl.innerHTML = "<p style='color: red;'>Error loading content. Please try again later.</p>";
+      });
+  }
 </script>
 
   </body>