mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-09 01:29:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWebView: Insert line numbers before each line in about:srcdoc

Browse source 
The behavior chosen here (fixed-width counters, alignment, etc.) matches
Firefox.
This commit is contained in:
Timothy Flynn 2024-07-29 10:18:25 -04:00 • committed by Sam Atkins
commit c1b0e180ba
Notes: github-actions[bot] 2024-07-29 17:28:12 +00:00
1 changed files with 47 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

49
Userland/Libraries/LibWebView/SourceHighlighter.cpp
View file

@ -11,6 +11,47 @@
namespace WebView { namespace WebView {
static String generate_style()
{
StringBuilder builder;
builder.append(HTML_HIGHLIGHTER_STYLE);
builder.append(R"~~~(
.html {
counter-reset: line;
}
.line {
counter-increment: line;
white-space: nowrap;
}
.line::before {
content: counter(line) " ";
display: inline-block;
width: 2.5em;
padding-right: 0.5em;
text-align: right;
}
@media (prefers-color-scheme: dark) {
.line::before {
color: darkgrey;
}
}
@media (prefers-color-scheme: light) {
.line::before {
color: dimgray;
}
}
)~~~"sv);
return MUST(builder.to_string());
}
String highlight_source(URL::URL const& url, StringView source) String highlight_source(URL::URL const& url, StringView source)
{ {
Web::HTML::HTMLTokenizer tokenizer { source, "utf-8"sv }; Web::HTML::HTMLTokenizer tokenizer { source, "utf-8"sv };
@ -23,12 +64,12 @@ String highlight_source(URL::URL const& url, StringView source)
<meta name="color-scheme" content="dark light">)~~~"sv); <meta name="color-scheme" content="dark light">)~~~"sv);
builder.appendff("<title>View Source - {}</title>", url); builder.appendff("<title>View Source - {}</title>", url);
builder.appendff("<style type=\"text/css\">{}</style>", HTML_HIGHLIGHTER_STYLE); builder.appendff("<style type=\"text/css\">{}</style>", generate_style());
builder.append(R"~~~( builder.append(R"~~~(
</head> </head>
<body> <body>
<pre class="html"> <pre class="html">
)~~~"sv); <span class="line">)~~~"sv);
size_t previous_position = 0; size_t previous_position = 0;
@ -50,6 +91,8 @@ String highlight_source(URL::URL const& url, StringView source)
builder.append("&lt;"sv); builder.append("&lt;"sv);
else if (code_point == '>') else if (code_point == '>')
builder.append("&gt;"sv); builder.append("&gt;"sv);
else if (code_point == '\n')
builder.append("</span>\n<span class=\"line\">"sv);
else else
builder.append_code_point(code_point); builder.append_code_point(code_point);
} }
@ -83,12 +126,14 @@ String highlight_source(URL::URL const& url, StringView source)
append_source(token->end_position().byte_offset); append_source(token->end_position().byte_offset);
} else { } else {
append_source(token->end_position().byte_offset); append_source(token->end_position().byte_offset);
if (token->is_end_of_file()) if (token->is_end_of_file())
break; break;
} }
} }
builder.append(R"~~~( builder.append(R"~~~(
</span>
</pre> </pre>
</body> </body>
</html> </html>