Update templates/index.html

templates/index.html

@@ -81,7 +81,7 @@
           });
         };
 
-       const formatText = (text) => {
+     const formatText = (text) => {
   // ✅ Handle base64 images
   const imageRegex = /\[IMAGE_START\](.*?)\[IMAGE_END\]/gs;
   text = text.replace(imageRegex, (match, base64) => {
@@ -89,21 +89,45 @@
     return `<img src="${src}" alt="Generated Image" class="chat-image"/>`;
   });
 
-  // ✅ Normalize line endings and remove extra blank lines
+  // ✅ Normalize line endings and remove excessive blank lines
   text = text.replace(/\r\n|\r/g, '\n');
   text = text.replace(/\n{3,}/g, '\n\n');
 
-  // ✅ Parse headings
+  // ✅ Parse fenced code blocks (```code```)
+  text = text.replace(/```(\w+)?\n([\s\S]*?)```/g, (match, lang, code) => {
+    const language = lang ? ` class="language-${lang}"` : '';
+    return `<pre><code${language}>${code.trim().replace(/</g, '&lt;').replace(/>/g, '&gt;')}</code></pre>`;
+  });
+
+  // ✅ Parse blockquotes
+  text = text.replace(/^> (.*)$/gm, '<blockquote>$1</blockquote>');
+
+  // ✅ Headings
   text = text.replace(/^### (.*)$/gm, '<h3>$1</h3>');
 
-  // ✅ Parse horizontal rules
+  // ✅ Horizontal rules
   text = text.replace(/^---$/gm, '<hr>');
 
-  // ✅ Parse bold (**text**) and italic (*text*)
+  // ✅ Bold (**text**) and italic (*text*)
   text = text.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
   text = text.replace(/\*(.*?)\*/g, '<em>$1</em>');
 
-  // ✅ Parse unordered and ordered lists
+  // ✅ Emoji rendering using colon syntax (:smile:)
+  const emojiMap = {
+    smile: "😄",
+    sad: "😢",
+    heart: "❤️",
+    thumbs_up: "👍",
+    fire: "🔥",
+    check: "✅",
+    x: "❌",
+    star: "⭐",
+    rocket: "🚀",
+    warning: "⚠️",
+  };
+  text = text.replace(/:([a-z0-9_+-]+):/g, (match, name) => emojiMap[name] || match);
+
+  // ✅ Unordered list (bullets)
   const listify = (lines, tag) =>
     `<${tag}>` +
     lines.map(item => `<li>${item.replace(/^(\-|\d+\.)\s*/, '').trim()}</li>`).join('') +
@@ -113,12 +137,16 @@
     /((?:^[-*] .+(?:\n|$))+)/gm,
     (match) => listify(match.trim().split('\n'), 'ul')
   );
+
+  // ✅ Ordered list (fix separate `1.` items issue)
+  text = text.replace(/^(\d+\. .+)$/gm, '__ORDERED__START__$1__ORDERED__END__');
   text = text.replace(
-    /((?:^\d+\. .+(?:\n|$))+)/gm,
-    (match) => listify(match.trim().split('\n'), 'ol')
+    /__ORDERED__START__(\d+\. .+?)__ORDERED__END__/gs,
+    (_, line) => `<ol><li>${line.replace(/^\d+\.\s*/, '')}</li></ol>`
   );
+  text = text.replace(/<\/ol>\s*<ol>/g, '');
 
-  // ✅ Parse Markdown-style tables
+  // ✅ Markdown-style tables
   text = text.replace(
     /^\|(.+?)\|\n\|([-:| ]+)\|\n((?:\|.*\|\n?)*)/gm,
     (_, headerRow, dividerRow, bodyRows) => {
@@ -138,6 +166,8 @@
       block.startsWith('<ul>') ||
       block.startsWith('<ol>') ||
       block.startsWith('<table>') ||
+      block.startsWith('<pre>') ||
+      block.startsWith('<blockquote>') ||
       block.startsWith('<img')
     ) {
       return block;
@@ -152,6 +182,7 @@
 
 
 
+
         const renderCode = (text) => {
           const codeBlocks = text.split(/```/);
           let output = '';