//! Renders a bit of code as HTML.
-use base_db::SourceDatabase;
+use ide_db::base_db::SourceDatabase;
use oorandom::Rand32;
-use syntax::{AstNode, TextRange, TextSize};
+use stdx::format_to;
+use syntax::AstNode;
use crate::{syntax_highlighting::highlight, FileId, RootDatabase};
)
}
- let ranges = highlight(db, file_id, None, false);
+ let hl_ranges = highlight(db, file_id, None, false);
let text = parse.tree().syntax().to_string();
- let mut prev_pos = TextSize::from(0);
let mut buf = String::new();
- buf.push_str(&STYLE);
+ buf.push_str(STYLE);
buf.push_str("<pre><code>");
- for range in &ranges {
- if range.range.start() > prev_pos {
- let curr = &text[TextRange::new(prev_pos, range.range.start())];
- let text = html_escape(curr);
- buf.push_str(&text);
+ for r in &hl_ranges {
+ let chunk = html_escape(&text[r.range]);
+ if r.highlight.is_empty() {
+ format_to!(buf, "{}", chunk);
+ continue;
}
- let curr = &text[TextRange::new(range.range.start(), range.range.end())];
- let class = range.highlight.to_string().replace('.', " ");
- let color = match (rainbow, range.binding_hash) {
+ let class = r.highlight.to_string().replace('.', " ");
+ let color = match (rainbow, r.binding_hash) {
(true, Some(hash)) => {
format!(" data-binding-hash=\"{}\" style=\"color: {};\"", hash, rainbowify(hash))
}
_ => "".into(),
};
- buf.push_str(&format!("<span class=\"{}\"{}>{}</span>", class, color, html_escape(curr)));
-
- prev_pos = range.range.end();
+ format_to!(buf, "<span class=\"{}\"{}>{}</span>", class, color, chunk);
}
- // Add the remaining (non-highlighted) text
- let curr = &text[TextRange::new(prev_pos, TextSize::of(&text))];
- let text = html_escape(curr);
- buf.push_str(&text);
buf.push_str("</code></pre>");
buf
}
//FIXME: like, real html escaping
fn html_escape(text: &str) -> String {
- text.replace("<", "<").replace(">", ">")
+ text.replace('<', "<").replace('>', ">")
}
const STYLE: &str = "
pre { color: #DCDCCC; background: #3F3F3F; font-size: 22px; padding: 0.4em; }
.lifetime { color: #DFAF8F; font-style: italic; }
+.label { color: #DFAF8F; font-style: italic; }
.comment { color: #7F9F7F; }
.documentation { color: #629755; }
+.intra_doc_link { font-style: italic; }
.injected { opacity: 0.65 ; }
.struct, .enum { color: #7CB8BB; }
.enum_variant { color: #BDE0F3; }
.field { color: #94BFF3; }
.function { color: #93E0E3; }
.function.unsafe { color: #BC8383; }
+.trait.unsafe { color: #BC8383; }
.operator.unsafe { color: #BC8383; }
+.mutable.unsafe { color: #BC8383; text-decoration: underline; }
+.keyword.unsafe { color: #BC8383; font-weight: bold; }
+.macro.unsafe { color: #BC8383; }
.parameter { color: #94BFF3; }
.text { color: #DCDCCC; }
.type { color: #7CB8BB; }
.numeric_literal { color: #BFEBBF; }
.bool_literal { color: #BFE6EB; }
.macro { color: #94BFF3; }
+.derive { color: #94BFF3; font-style: italic; }
.module { color: #AFD8AF; }
.value_param { color: #DCDCCC; }
.variable { color: #DCDCCC; }
.mutable { text-decoration: underline; }
.escape_sequence { color: #94BFF3; }
.keyword { color: #F0DFAF; font-weight: bold; }
-.keyword.unsafe { color: #BC8383; font-weight: bold; }
.control { font-style: italic; }
+.reference { font-style: italic; font-weight: bold; }
.unresolved_reference { color: #FC5555; text-decoration: wavy underline; }
</style>