latex codeblock as code

Author: ngxson

examples/server/public/index.html.gz

@@ -11,7 +11,7 @@
     {
       "id": 1734087548327,
       "role": "assistant",
-      "content": "This is the formula:\n$\\frac{e^{x_i}}{\\sum_{j=1}^{n}e^{x_j}}$\n\nGiven an input vector \\(\\mathbf{x} = [x_1, x_2, \\ldots, x_n]\\)\n\n\\[\ny_i = \\frac{e^{x_i}}{\\sum_{j=1}^n e^{x_j}}\n\\]\n\nCode block latex:\n```latex\n\\frac{e^{x_i}}{\\sum_{j=1}^{n}e^{x_j}}\n```\n\nTest dollar sign: $1234 $4567\n\nInvalid latex syntax: $E = mc^$ and $$E = mc^$$",
+      "content": "This is the formula:\n\n$\\frac{e^{x_i}}{\\sum_{j=1}^{n}e^{x_j}}$\n\nGiven an input vector \\(\\mathbf{x} = [x_1, x_2, \\ldots, x_n]\\)\n\n\\[\ny_i = \\frac{e^{x_i}}{\\sum_{j=1}^n e^{x_j}}\n\\]\n\nCode block latex:\n```latex\n\\frac{e^{x_i}}{\\sum_{j=1}^{n}e^{x_j}}\n```\n\nTest dollar sign: $1234 $4567\n\nInvalid latex syntax: $E = mc^$ and $$E = mc^$$",
       "timings": {
         "prompt_n": 1,
         "prompt_ms": 28.923,
@@ -27,7 +27,7 @@
     {
       "id": 1734087548329,
       "role": "assistant",
-      "content": "Code block js:\n```js\nconsole.log('hello world')\n```"
+      "content": "Code block:\n```js\nconsole.log('hello world')\n```\n```sh\nls -la /dev\n```"
     }
   ]
 }

examples/server/webui/public/demo-conversation.json

@@ -23,6 +23,7 @@ import elixir from 'highlight.js/lib/languages/elixir';
 import kotlin from 'highlight.js/lib/languages/kotlin';
 import lua from 'highlight.js/lib/languages/lua';
 import php from 'highlight.js/lib/languages/php';
+import latex from 'highlight.js/lib/languages/latex';
 
 hljs.registerLanguage('python', python);
 hljs.registerLanguage('javascript', javascript);
@@ -42,11 +43,13 @@ hljs.registerLanguage('elixir', elixir);
 hljs.registerLanguage('kotlin', kotlin);
 hljs.registerLanguage('lua', lua);
 hljs.registerLanguage('php', php);
+hljs.registerLanguage('latex', latex);
 
 // reuse some languages to further reduce bundle size
 
 hljs.registerLanguage('shell', bash);
 hljs.registerLanguage('bash', bash);
+hljs.registerLanguage('sh', bash);
 
 hljs.registerLanguage('css', scss);
 hljs.registerLanguage('scss', scss);

examples/server/webui/src/highlight-config.js

@@ -91,9 +91,6 @@ const VueMarkdown = defineComponent(
     const md = shallowRef(new MarkdownIt({
       breaks: true,
       highlight: function (str, lang) { // Add highlight.js
-        if (lang === 'latex') {
-          return renderLatexHTML(str, true);
-        }
         if (lang && hljs.getLanguage(lang)) {
           try {
             return '<pre><code class="hljs">' +