chrome-devtools-frontend
Version:
Chrome DevTools UI
32 lines (28 loc) • 1.2 kB
text/typescript
// Copyright 2024 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import type * as Marked from '../../../third_party/marked/marked.js';
import * as MarkdownView from '../../../ui/components/markdown_view/markdown_view.js';
import type * as Lit from '../../../ui/lit/lit.js';
// The model returns multiline code blocks in an erroneous way with the language being in new line.
// This renderer takes that into account and correctly updates the parsed multiline token with the language
// correctly identified and stripped from the content.
// Example:
// ```
// css <-- This should have been on the first line.
// * {
// color: red;
// }
// ```
export class MarkdownRendererWithCodeBlock extends MarkdownView.MarkdownView.MarkdownInsightRenderer {
override templateForToken(token: Marked.Marked.MarkedToken): Lit.TemplateResult|null {
if (token.type === 'code') {
const lines = (token.text).split('\n');
if (lines[0]?.trim() === 'css') {
token.lang = 'css';
token.text = lines.slice(1).join('\n');
}
}
return super.templateForToken(token);
}
}