engigu
78 lines
2.3 KiB
TypeScript
78 lines
2.3 KiB
TypeScript
import AnsiUp from 'ansi-to-html'
|
||
|
||
const emojiMap: Record<string, string> = {
|
||
':success:': '✅',
|
||
':check:': '✅',
|
||
':done:': '✅',
|
||
':error:': '❌',
|
||
':fail:': '❌',
|
||
':x:': '❌',
|
||
':warn:': '⚠️',
|
||
':warning:': '⚠️',
|
||
':info:': 'ℹ️',
|
||
':rocket:': '🚀',
|
||
':sparkles:': '✨',
|
||
':fire:': '🔥',
|
||
':bug:': '🐛',
|
||
':lock:': '🔒',
|
||
':link:': '🔗',
|
||
':memo:': '📝',
|
||
':bulb:': '💡',
|
||
':clock:': '🕒',
|
||
':finish:': '🏁',
|
||
':start:': '🛫',
|
||
':cloud:': '☁️',
|
||
':bell:': '🔔',
|
||
}
|
||
|
||
const ansiUp = new AnsiUp({
|
||
newline: false,
|
||
escapeXML: true,
|
||
stream: false,
|
||
colors: {
|
||
// Optimized 16-color palette for dark terminal background
|
||
0: '#09090b', // Black (Zinc-950)
|
||
1: '#f87171', // Red (Tailwind red-400)
|
||
2: '#4ade80', // Green (Tailwind green-400)
|
||
3: '#fbbf24', // Yellow (Tailwind amber-400)
|
||
4: '#60a5fa', // Blue (Tailwind blue-400)
|
||
5: '#c084fc', // Magenta (Tailwind purple-400)
|
||
6: '#22d3ee', // Cyan (Tailwind cyan-400)
|
||
7: '#e4e4e7', // White (Zinc-200)
|
||
8: '#71717a', // Bright Black (Zinc-500)
|
||
9: '#ef4444', // Bright Red (Tailwind red-500)
|
||
10: '#22c55e', // Bright Green (Tailwind green-500)
|
||
11: '#f59e0b', // Bright Yellow (Tailwind amber-500)
|
||
12: '#3b82f6', // Bright Blue (Tailwind blue-500)
|
||
13: '#a855f7', // Bright Magenta (Tailwind purple-500)
|
||
14: '#06b6d4', // Bright Cyan (Tailwind cyan-500)
|
||
15: '#ffffff' // Bright White
|
||
}
|
||
})
|
||
|
||
/**
|
||
* Convert ANSI escape codes to HTML and parse emoji shortcodes
|
||
*/
|
||
export function ansiToHtml(ansi: string): string {
|
||
if (!ansi) return ''
|
||
|
||
// Parse emoji shortcodes
|
||
let processed = ansi.replace(/:([a-z0-9_-]+):/g, (match) => {
|
||
return emojiMap[match] || match
|
||
})
|
||
|
||
return ansiUp.toHtml(processed)
|
||
}
|
||
|
||
/**
|
||
* Highlight keywords in HTML content while avoiding HTML tags
|
||
*/
|
||
export function highlightHtml(html: string, keyword: string): string {
|
||
if (!keyword.trim()) return html
|
||
|
||
const escaped = keyword.trim().replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
|
||
// Match keyword but not inside HTML tags
|
||
const regex = new RegExp(`(${escaped})(?![^<]*>)`, 'gi')
|
||
return html.replace(regex, '<mark class="bg-yellow-400/30 text-yellow-100 border-b border-yellow-400/50 px-0.5 rounded-sm transition-colors">$1</mark>')
|
||
}
|