BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-07 16:09:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: markdown rendering for response viewer

Browse Source 
Add marked.js (39KB) for rich text display in the response viewer.
Renders headings, code blocks, lists, tables, blockquotes, and
inline formatting with dark theme styling.

Falls back to escaped plain text if marked.js fails to load.
This commit is contained in:
Teigen
2026-04-10 19:12:06 +08:00
parent 3cb7b510f8
commit d32f4debb2
4 changed files with 113 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/app.js
+14 -2
View File
@@ -873,6 +873,18 @@ class CodemanApp {
// Response Viewer — native-scroll panel for reading full Claude responses
// ═══════════════════════════════════════════════════════════════
/** Render markdown to sanitized HTML, falling back to plain text if marked.js unavailable */
_renderMarkdown(text) {
if (typeof marked !== 'undefined' && marked.parse) {
try {
return marked.parse(text, { breaks: true, gfm: true });
} catch { /* fall through */ }
}
// Fallback: escape HTML and preserve whitespace
const escaped = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
return `<pre style="white-space:pre-wrap;word-break:break-word">${escaped}</pre>`;
}
async toggleResponseViewer() {
const viewer = document.getElementById('responseViewer');
const backdrop = document.getElementById('responseViewerBackdrop');
@@ -912,7 +924,7 @@ class CodemanApp {
}
const body = document.getElementById('responseViewerBody');
body.textContent = lastResponse;
body.innerHTML = this._renderMarkdown(lastResponse);
// Reset state for fresh open
const title = document.getElementById('responseViewerTitle');
@@ -958,7 +970,7 @@ class CodemanApp {
const text = document.createElement('div');
text.className = 'rv-text';
text.textContent = msg.text;
text.innerHTML = this._renderMarkdown(msg.text);
div.appendChild(text);
body.appendChild(div);