Sabo/webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): add Prism syntax highlighting with light + dark theme token colors

Browse Source 
Closes #426:
This commit is contained in:
Louis Wong
2026-04-14 17:13:04 +00:00
committed by Nathan Esquenazi
parent db392bd532
commit 6a513f49b2
2 changed files with 46 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
static/ui.js
View File

@@ -411,7 +411,12 @@ function renderMd(raw){
const id='mermaid-'+Math.random().toString(36).slice(2,10);
return `<div class="mermaid-block" data-mermaid-id="${id}">${esc(code.trim())}</div>`;
});
s=s.replace(/```([\w+-]*)\n?([\s\S]*?)```/g,(_,lang,code)=>{const h=lang?`<div class="pre-header">${esc(lang)}</div>`:'';return `${h}<pre><code>${esc(code.replace(/\n$/,''))}</code></pre>`;});
s=s.replace(/```([\w+-]*)\n?([\s\S]*?)```/g,(_,lang,code)=>{
const normalizedLang=(lang||'').trim().toLowerCase();
const h=normalizedLang?`<div class="pre-header">${esc(normalizedLang)}</div>`:'';
const langAttr=normalizedLang?` class="language-${esc(normalizedLang)}"`:'';
return `${h}<pre><code${langAttr}>${esc(code.replace(/\n$/,''))}</code></pre>`;
});
s=s.replace(/`([^`\n]+)`/g,(_,c)=>`<code>${esc(c)}</code>`);
// inlineMd: process bold/italic/code/links within a single line of text.
// Used inside list items and blockquotes where the text may already contain