use better maintained @vscode/markdown-it-katex

Author: ngxson

examples/server/public/index.html.gz

@@ -14,11 +14,11 @@
     "vite": "^5.4.10"
   },
   "dependencies": {
+    "@vscode/markdown-it-katex": "^1.1.1",
     "autoprefixer": "^10.4.20",
     "daisyui": "^4.12.14",
     "highlight.js": "^11.10.0",
     "markdown-it": "^14.1.0",
-    "markdown-it-katex-gpt": "^1.1.0",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.15",
     "textlinestream": "^1.1.1",

examples/server/webui/package-lock.json

@@ -5,7 +5,7 @@ import TextLineStream from 'textlinestream';
 
 // math formula rendering
 import 'katex/dist/katex.min.css';
-import markdownItKatexGpt from 'markdown-it-katex-gpt';
+import markdownItKatex from '@vscode/markdown-it-katex';
 
 // code highlighting
 import hljs from './highlight-config';
@@ -97,7 +97,14 @@ const VueMarkdown = defineComponent(
         return '<pre><code class="hljs">' + md.value.utils.escapeHtml(str) + '</code></pre>';
       }
     }));
-    md.value.use(markdownItKatexGpt);
+    md.value.use(markdownItKatex, {
+      delimiters: [
+        { left: '\\[', right: '\\]', display: true },
+        { left: '\\(', right: '\\)', display: false },
+        { left: '$$', right: '$$', display: false },
+      ],
+      throwOnError: false,
+    });
     const origFenchRenderer = md.value.renderer.rules.fence;
     md.value.renderer.rules.fence = (tokens, idx, ...args) => {
       const content = tokens[idx].content;

examples/server/webui/package.json

@@ -4,7 +4,7 @@ import path from 'path';
 import fs from 'fs';
 import zlib from 'zlib';
 
-const MAX_BUNDLE_SIZE = 1024 * 1024; // only increase when absolutely necessary
+const MAX_BUNDLE_SIZE = 1.5 * 1024 * 1024; // only increase when absolutely necessary
 
 const GUIDE_FOR_FRONTEND = `
 <!--
@@ -32,7 +32,7 @@ const BUILD_PLUGINS = [
 
         if (compressed.byteLength > MAX_BUNDLE_SIZE) {
           throw new Error(
-            `Bundle size is too large (${Math.ceil(content.length / 1024)} KB).\n` +
+            `Bundle size is too large (${Math.ceil(compressed.byteLength / 1024)} KB).\n` +
             `Please reduce the size of the frontend or increase MAX_BUNDLE_SIZE in vite.config.js.\n`,
           );
         }