Highlight OpenSCAD echo

As suggested by @OutwardBuckle in #464
This commit is contained in:
Kurt Hutten
2021-08-22 10:45:02 +10:00
parent b0647171d8
commit 335a1abf41

View File

@@ -15,14 +15,29 @@ const IdeConsole = () => {
<div> <div>
{state.consoleMessages?.map(({ type, message, time }, index) => ( {state.consoleMessages?.map(({ type, message, time }, index) => (
<pre <pre
className="font-mono text-sm text-gray-300" className="font-mono text-sm text-gray-400"
key={`${message} ${index}`} key={`${message} ${index}`}
> >
<div className="text-xs font-bold pt-2 text-ch-blue-600"> <div className="text-xs font-bold pt-2 text-ch-blue-600">
{time?.toLocaleString()} {time?.toLocaleString()}
</div> </div>
<div className={(type === 'error' ? 'text-red-400' : '') + ' pl-4'}> <div className={(type === 'error' ? 'text-red-400' : '') + ' pl-4'}>
{message} {message.split('\n').map((line, index) => {
return (
<div key={index}>
{line.startsWith('ECHO:') ? (
<span className="text-xs">
ECHO:{' '}
<span className="text-purple-300 font-semibold text-base">
{line.slice(6)}
</span>
</span>
) : (
line
)}
</div>
)
})}
</div> </div>
</pre> </pre>
))} ))}