mirror/dockpeek
1
0
Fork 0
mirror of https://github.com/dockpeek/dockpeek.git synced 2026-05-12 11:28:28 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix numbers colorization

Browse Source 
Fixes #46
This commit is contained in:
Dockpeek
2025-10-15 22:04:31 +02:00
parent 7760cecec0
commit b51d8ceaea
1 changed files with 35 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dockpeek/static/js/modules/logs-viewer.js
+35 -25
View File
@@ -352,37 +352,47 @@ export class LogsViewer {
}
colorizeLogLine(line) {
// Escape HTML first
let escapedLine = this.escapeHtml(line);
let escapedLine = this.escapeHtml(line);
// numbers
escapedLine = escapedLine.replace(/\d+/g, '<span class="log-number">$&</span>');
const urls = [];
const urlPlaceholder = '___URL_PLACEHOLDER_';
escapedLine = escapedLine.replace(
/\b(https?:\/\/[^\s<]+)/g,
(match) => {
urls.push(match);
return `${urlPlaceholder}${urls.length - 1}${urlPlaceholder}`;
}
);
// Make URLs clickable
escapedLine = escapedLine.replace(
/(https?:\/\/[^\s<]+)/g,
'<a href="$1" target="_blank" rel="noopener noreferrer" class="log-link">$1</a>'
);
escapedLine = escapedLine.replace(/\b\d+\b/g, '<span class="log-number">$&</span>');
// Wrap in log level spans (after URL processing)
if (/\b(ERROR|ERR|ERRO)\b|\[(ERROR|ERR|ERRO)\]/i.test(line)) {
return `<span class="log-error">${escapedLine}</span>`;
}
if (/\b(WARN|WARNING)\b|\[(WARN|WARNING)\]/i.test(line)) {
return `<span class="log-warning">${escapedLine}</span>`;
}
if (/\b(INFO)\b|\[(INFO)\]/i.test(line)) {
return `<span class="log-info">${escapedLine}</span>`;
}
if (/\b(DEBUG|TRACE)\b|\[(DEBUG|TRACE)\]/i.test(line)) {
return `<span class="log-debug">${escapedLine}</span>`;
}
if (/\b(SUCCESS|OK|DONE|READY)\b|\[(SUCCESS|OK|DONE|READY)\]/i.test(line)) {
return `<span class="log-success">${escapedLine}</span>`;
escapedLine = escapedLine.replace(
new RegExp(`${urlPlaceholder}(\\d+)${urlPlaceholder}`, 'g'),
(match, index) => {
const url = urls[parseInt(index)];
return `<a href="${url}" target="_blank" rel="noopener noreferrer" class="log-link">${url}</a>`;
}
);
return escapedLine;
if (/\b(ERROR|ERR|ERRO)\b|\[(ERROR|ERR|ERRO)\]/i.test(line)) {
return `<span class="log-error">${escapedLine}</span>`;
}
if (/\b(WARN|WARNING)\b|\[(WARN|WARNING)\]/i.test(line)) {
return `<span class="log-warning">${escapedLine}</span>`;
}
if (/\b(INFO)\b|\[(INFO)\]/i.test(line)) {
return `<span class="log-info">${escapedLine}</span>`;
}
if (/\b(DEBUG|TRACE)\b|\[(DEBUG|TRACE)\]/i.test(line)) {
return `<span class="log-debug">${escapedLine}</span>`;
}
if (/\b(SUCCESS|OK|DONE|READY)\b|\[(SUCCESS|OK|DONE|READY)\]/i.test(line)) {
return `<span class="log-success">${escapedLine}</span>`;
}
return escapedLine;
}
escapeHtml(text) {
const div = document.createElement('div');