iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(terminal): stop escaping JSON in terminal; pretty-print JSON messages

Browse Source 
Decode HTML entities for incoming text and pretty-print valid JSON payloads before appending to the log.
This commit is contained in:
0x1d
2025-09-30 20:38:14 +02:00
parent 9be4af1c09
commit 75dc122898
1 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public/scripts/components/TerminalPanelComponent.js
View File

@@ -129,8 +129,22 @@
this._appendLine('[open] WebSocket connection established');
});
ws.addEventListener('message', (evt) => {
const data = typeof evt.data === 'string' ? evt.data : '[binary]';
this._appendLine(data);
let dataStr = typeof evt.data === 'string' ? evt.data : '[binary]';
// Decode any HTML entities so JSON isn't shown as " etc.
dataStr = this._decodeHtmlEntities(dataStr);
// Try to pretty-print JSON if applicable
const trimmed = dataStr.trim();
if ((trimmed.startsWith('{') && trimmed.endsWith('}')) || (trimmed.startsWith('[') && trimmed.endsWith(']'))) {
try {
const obj = JSON.parse(trimmed);
const pretty = JSON.stringify(obj, null, 2);
this._appendLine(pretty);
return;
} catch (_) {
// fall through if not valid JSON
}
}
this._appendLine(dataStr);
});
ws.addEventListener('error', (evt) => {
this._appendLine('[error] WebSocket error');
@@ -170,6 +184,16 @@
if (bodyEl) bodyEl.scrollTop = bodyEl.scrollHeight;
}
_decodeHtmlEntities(text) {
try {
const div = document.createElement('div');
div.innerHTML = text;
return div.textContent || div.innerText || '';
} catch (_) {
return text;
}
}
_adjustRightOffset() {
try {
const drawer = document.querySelector('.details-drawer');