zola/components/rendering/src/markdown.rs

325 lines
12 KiB
Rust
Raw Normal View History

2017-03-07 12:34:31 +00:00
use pulldown_cmark as cmark;
2017-04-06 07:07:18 +00:00
use slug::slugify;
2017-03-07 12:34:31 +00:00
use syntect::easy::HighlightLines;
2018-10-31 07:18:57 +00:00
use syntect::html::{
start_highlighted_html_snippet, styled_line_to_highlighted_html, IncludeBackground,
2018-10-31 07:18:57 +00:00
};
2017-03-27 14:17:33 +00:00
2018-10-31 07:18:57 +00:00
use config::highlighting::{get_highlighter, SYNTAX_SET, THEME_SET};
use context::RenderContext;
2019-01-23 18:20:02 +00:00
use errors::{Error, Result};
use front_matter::InsertAnchor;
use table_of_contents::{make_table_of_contents, Header};
2018-10-31 07:18:57 +00:00
use utils::site::resolve_internal_link;
use utils::vec::InsertMany;
2018-05-06 20:58:39 +00:00
use self::cmark::{Event, LinkType, Options, Parser, Tag};
2018-05-06 20:58:39 +00:00
const CONTINUE_READING: &str =
"<p id=\"zola-continue-reading\"><a name=\"continue-reading\"></a></p>\n";
const ANCHOR_LINK_TEMPLATE: &str = "anchor-link.html";
2018-08-24 21:37:39 +00:00
#[derive(Debug)]
pub struct Rendered {
pub body: String,
pub summary_len: Option<usize>,
2018-09-30 19:15:09 +00:00
pub toc: Vec<Header>,
pub internal_links_with_anchors: Vec<(String, String)>,
pub external_links: Vec<String>,
}
2019-01-18 14:46:18 +00:00
// tracks a header in a slice of pulldown-cmark events
2019-01-16 09:09:23 +00:00
#[derive(Debug)]
2019-01-18 14:46:18 +00:00
struct HeaderRef {
start_idx: usize,
end_idx: usize,
level: i32,
Allow manual specification of header IDs (#685) Justification for this feature is added in the docs. Precedent for the precise syntax: Hugo. Hugo puts this syntax behind a preference named headerIds, and automatic header ID generation behind a preference named autoHeaderIds, with both enabled by default. I have not implemented a switch to disable this. My suggestion for a workaround for the improbable case of desiring a literal “{#…}” at the end of a header is to replace `}` with `&#125;`. The algorithm I have used is not identical to [that which Hugo uses][0], because Hugo’s looks to work at the source level, whereas here we work at the pulldown-cmark event level, which is generally more sane, but potentially limiting for extremely esoteric IDs. Practical differences in implementation from Hugo (based purely on reading [blackfriday’s implementation][0], not actually trying it): - I believe Hugo would treat `# Foo {#*bar*}` as a heading with text “Foo” and ID `*bar*`, since it is working at the source level; whereas this code turns it into a heading with HTML `Foo {#<em>bar</em>}`, as it works at the pulldown-cmark event level and doesn’t go out of its way to make that work (I’m not familiar with pulldown-cmark, but I get the impression that you could make it work Hugo’s way on this point). The difference should be negligible: only *very* esoteric hashes would include magic Markdown characters. - Hugo will automatically generate an ID for `{#}`, whereas what I’ve coded here will yield a blank ID instead (which feels more correct to me—`None` versus `Some("")`, and all that). In practice the results should be identical. Fixes #433. [0]: https://github.com/russross/blackfriday/blob/a477dd1646916742841ed20379f941cfa6c5bb6f/block.go#L218-L234
2019-05-20 20:08:49 +00:00
id: Option<String>,
}
2019-01-18 14:46:18 +00:00
impl HeaderRef {
fn new(start: usize, level: i32) -> HeaderRef {
Allow manual specification of header IDs (#685) Justification for this feature is added in the docs. Precedent for the precise syntax: Hugo. Hugo puts this syntax behind a preference named headerIds, and automatic header ID generation behind a preference named autoHeaderIds, with both enabled by default. I have not implemented a switch to disable this. My suggestion for a workaround for the improbable case of desiring a literal “{#…}” at the end of a header is to replace `}` with `&#125;`. The algorithm I have used is not identical to [that which Hugo uses][0], because Hugo’s looks to work at the source level, whereas here we work at the pulldown-cmark event level, which is generally more sane, but potentially limiting for extremely esoteric IDs. Practical differences in implementation from Hugo (based purely on reading [blackfriday’s implementation][0], not actually trying it): - I believe Hugo would treat `# Foo {#*bar*}` as a heading with text “Foo” and ID `*bar*`, since it is working at the source level; whereas this code turns it into a heading with HTML `Foo {#<em>bar</em>}`, as it works at the pulldown-cmark event level and doesn’t go out of its way to make that work (I’m not familiar with pulldown-cmark, but I get the impression that you could make it work Hugo’s way on this point). The difference should be negligible: only *very* esoteric hashes would include magic Markdown characters. - Hugo will automatically generate an ID for `{#}`, whereas what I’ve coded here will yield a blank ID instead (which feels more correct to me—`None` versus `Some("")`, and all that). In practice the results should be identical. Fixes #433. [0]: https://github.com/russross/blackfriday/blob/a477dd1646916742841ed20379f941cfa6c5bb6f/block.go#L218-L234
2019-05-20 20:08:49 +00:00
HeaderRef { start_idx: start, end_idx: 0, level, id: None }
}
}
2018-05-06 20:58:39 +00:00
// We might have cases where the slug is already present in our list of anchor
// for example an article could have several titles named Example
// We add a counter after the slug if the slug is already present, which
// means we will have example, example-1, example-2 etc
fn find_anchor(anchors: &[String], name: String, level: u8) -> String {
if level == 0 && !anchors.contains(&name) {
2018-11-19 14:04:22 +00:00
return name;
2018-05-06 20:58:39 +00:00
}
let new_anchor = format!("{}-{}", name, level + 1);
if !anchors.contains(&new_anchor) {
return new_anchor;
}
find_anchor(anchors, name, level + 1)
}
2017-03-07 12:34:31 +00:00
// Colocated asset links refers to the files in the same directory,
// there it should be a filename only
2018-05-07 19:03:51 +00:00
fn is_colocated_asset_link(link: &str) -> bool {
2018-09-30 19:15:09 +00:00
!link.contains('/') // http://, ftp://, ../ etc
2018-05-07 19:03:51 +00:00
&& !link.starts_with("mailto:")
}
2019-06-02 18:21:06 +00:00
fn fix_link(
link_type: LinkType,
link: &str,
context: &RenderContext,
internal_links_with_anchors: &mut Vec<(String, String)>,
2019-06-02 18:21:06 +00:00
external_links: &mut Vec<String>,
) -> Result<String> {
2019-03-15 20:24:06 +00:00
if link_type == LinkType::Email {
return Ok(link.to_string());
}
// A few situations here:
// - it could be a relative link (starting with `@/`)
// - it could be a link to a co-located asset
// - it could be a normal link
let result = if link.starts_with("@/") {
match resolve_internal_link(&link, context.permalinks) {
Ok(resolved) => {
if resolved.anchor.is_some() {
internal_links_with_anchors
.push((resolved.md_path.unwrap(), resolved.anchor.unwrap()));
}
resolved.permalink
}
Err(_) => {
return Err(format!("Relative link {} not found.", link).into());
}
}
} else if is_colocated_asset_link(&link) {
format!("{}{}", context.current_page_permalink, link)
} else {
if !link.starts_with('#') && !link.starts_with("mailto:") {
external_links.push(link.to_owned());
}
link.to_string()
};
Ok(result)
}
/// get only text in a slice of events
fn get_text(parser_slice: &[Event]) -> String {
let mut title = String::new();
for event in parser_slice.iter() {
2019-05-29 18:33:34 +00:00
match event {
Event::Text(text) | Event::Code(text) => title += text,
2019-06-02 18:21:06 +00:00
_ => continue,
}
}
title
}
2019-01-18 14:46:18 +00:00
fn get_header_refs(events: &[Event]) -> Vec<HeaderRef> {
let mut header_refs = vec![];
for (i, event) in events.iter().enumerate() {
match event {
Event::Start(Tag::Header(level)) => {
2019-01-18 14:46:18 +00:00
header_refs.push(HeaderRef::new(i, *level));
}
Event::End(Tag::Header(_)) => {
let msg = "Header end before start?";
2019-01-18 14:46:18 +00:00
header_refs.last_mut().expect(msg).end_idx = i;
}
_ => (),
}
}
2019-01-18 14:46:18 +00:00
header_refs
}
pub fn markdown_to_html(content: &str, context: &RenderContext) -> Result<Rendered> {
2018-05-06 20:58:39 +00:00
// the rendered html
2018-05-07 19:03:51 +00:00
let mut html = String::with_capacity(content.len());
2017-03-27 14:17:33 +00:00
// Set while parsing
let mut error = None;
2018-05-06 20:58:39 +00:00
let mut background = IncludeBackground::Yes;
2018-10-09 12:33:43 +00:00
let mut highlighter: Option<(HighlightLines, bool)> = None;
let mut inserted_anchors: Vec<String> = vec![];
2019-01-27 23:34:18 +00:00
let mut headers: Vec<Header> = vec![];
let mut internal_links_with_anchors = Vec::new();
let mut external_links = Vec::new();
2017-06-16 04:00:48 +00:00
let mut opts = Options::empty();
let mut has_summary = false;
opts.insert(Options::ENABLE_TABLES);
opts.insert(Options::ENABLE_FOOTNOTES);
2017-03-27 14:17:33 +00:00
{
let mut events = Parser::new_ext(content, opts)
.map(|event| {
match event {
Event::Text(text) => {
// if we are in the middle of a code block
if let Some((ref mut highlighter, in_extra)) = highlighter {
let highlighted = if in_extra {
if let Some(ref extra) = context.config.extra_syntax_set {
highlighter.highlight(&text, &extra)
} else {
unreachable!(
"Got a highlighter from extra syntaxes but no extra?"
);
}
2018-10-09 12:33:43 +00:00
} else {
highlighter.highlight(&text, &SYNTAX_SET)
};
//let highlighted = &highlighter.highlight(&text, ss);
let html = styled_line_to_highlighted_html(&highlighted, background);
2019-03-15 20:24:06 +00:00
return Event::Html(html.into());
}
// Business as usual
Event::Text(text)
2017-03-27 14:17:33 +00:00
}
Event::Start(Tag::CodeBlock(ref info)) => {
if !context.config.highlight_code {
2019-03-15 20:24:06 +00:00
return Event::Html("<pre><code>".into());
}
2018-05-07 16:38:04 +00:00
let theme = &THEME_SET.themes[&context.config.highlight_theme];
highlighter = Some(get_highlighter(info, &context.config));
// This selects the background color the same way that start_coloured_html_snippet does
let color = theme
.settings
.background
.unwrap_or(::syntect::highlighting::Color::WHITE);
background = IncludeBackground::IfDifferent(color);
let snippet = start_highlighted_html_snippet(theme);
2019-03-15 20:24:06 +00:00
Event::Html(snippet.0.into())
2017-03-27 14:17:33 +00:00
}
Event::End(Tag::CodeBlock(_)) => {
if !context.config.highlight_code {
2019-03-15 20:24:06 +00:00
return Event::Html("</code></pre>\n".into());
}
// reset highlight and close the code block
highlighter = None;
2019-03-15 20:24:06 +00:00
Event::Html("</pre>".into())
}
2019-03-15 20:24:06 +00:00
Event::Start(Tag::Image(link_type, src, title)) => {
if is_colocated_asset_link(&src) {
2019-03-15 20:24:06 +00:00
let link = format!("{}{}", context.current_page_permalink, &*src);
return Event::Start(Tag::Image(link_type, link.into(), title));
}
2018-05-07 19:03:51 +00:00
2019-03-15 20:24:06 +00:00
Event::Start(Tag::Image(link_type, src, title))
}
2019-03-15 20:24:06 +00:00
Event::Start(Tag::Link(link_type, link, title)) => {
let fixed_link = match fix_link(
link_type,
&link,
context,
&mut internal_links_with_anchors,
&mut external_links,
) {
Ok(fixed_link) => fixed_link,
Err(err) => {
error = Some(err);
return Event::Html("".into());
}
};
2019-03-15 20:24:06 +00:00
Event::Start(Tag::Link(link_type, fixed_link.into(), title))
}
Event::Html(ref markup) if markup.contains("<!-- more -->") => {
has_summary = true;
2019-03-15 20:24:06 +00:00
Event::Html(CONTINUE_READING.into())
}
_ => event,
}
})
.collect::<Vec<_>>(); // We need to collect the events to make a second pass
Allow manual specification of header IDs (#685) Justification for this feature is added in the docs. Precedent for the precise syntax: Hugo. Hugo puts this syntax behind a preference named headerIds, and automatic header ID generation behind a preference named autoHeaderIds, with both enabled by default. I have not implemented a switch to disable this. My suggestion for a workaround for the improbable case of desiring a literal “{#…}” at the end of a header is to replace `}` with `&#125;`. The algorithm I have used is not identical to [that which Hugo uses][0], because Hugo’s looks to work at the source level, whereas here we work at the pulldown-cmark event level, which is generally more sane, but potentially limiting for extremely esoteric IDs. Practical differences in implementation from Hugo (based purely on reading [blackfriday’s implementation][0], not actually trying it): - I believe Hugo would treat `# Foo {#*bar*}` as a heading with text “Foo” and ID `*bar*`, since it is working at the source level; whereas this code turns it into a heading with HTML `Foo {#<em>bar</em>}`, as it works at the pulldown-cmark event level and doesn’t go out of its way to make that work (I’m not familiar with pulldown-cmark, but I get the impression that you could make it work Hugo’s way on this point). The difference should be negligible: only *very* esoteric hashes would include magic Markdown characters. - Hugo will automatically generate an ID for `{#}`, whereas what I’ve coded here will yield a blank ID instead (which feels more correct to me—`None` versus `Some("")`, and all that). In practice the results should be identical. Fixes #433. [0]: https://github.com/russross/blackfriday/blob/a477dd1646916742841ed20379f941cfa6c5bb6f/block.go#L218-L234
2019-05-20 20:08:49 +00:00
let mut header_refs = get_header_refs(&events);
let mut anchors_to_insert = vec![];
Allow manual specification of header IDs (#685) Justification for this feature is added in the docs. Precedent for the precise syntax: Hugo. Hugo puts this syntax behind a preference named headerIds, and automatic header ID generation behind a preference named autoHeaderIds, with both enabled by default. I have not implemented a switch to disable this. My suggestion for a workaround for the improbable case of desiring a literal “{#…}” at the end of a header is to replace `}` with `&#125;`. The algorithm I have used is not identical to [that which Hugo uses][0], because Hugo’s looks to work at the source level, whereas here we work at the pulldown-cmark event level, which is generally more sane, but potentially limiting for extremely esoteric IDs. Practical differences in implementation from Hugo (based purely on reading [blackfriday’s implementation][0], not actually trying it): - I believe Hugo would treat `# Foo {#*bar*}` as a heading with text “Foo” and ID `*bar*`, since it is working at the source level; whereas this code turns it into a heading with HTML `Foo {#<em>bar</em>}`, as it works at the pulldown-cmark event level and doesn’t go out of its way to make that work (I’m not familiar with pulldown-cmark, but I get the impression that you could make it work Hugo’s way on this point). The difference should be negligible: only *very* esoteric hashes would include magic Markdown characters. - Hugo will automatically generate an ID for `{#}`, whereas what I’ve coded here will yield a blank ID instead (which feels more correct to me—`None` versus `Some("")`, and all that). In practice the results should be identical. Fixes #433. [0]: https://github.com/russross/blackfriday/blob/a477dd1646916742841ed20379f941cfa6c5bb6f/block.go#L218-L234
2019-05-20 20:08:49 +00:00
// First header pass: look for a manually-specified IDs, e.g. `# Heading text {#hash}`
// (This is a separate first pass so that auto IDs can avoid collisions with manual IDs.)
for header_ref in header_refs.iter_mut() {
let end_idx = header_ref.end_idx;
if let Event::Text(ref mut text) = events[end_idx - 1] {
if text.as_bytes().last() == Some(&b'}') {
if let Some(mut i) = text.find("{#") {
let id = text[i + 2..text.len() - 1].to_owned();
inserted_anchors.push(id.clone());
while i > 0 && text.as_bytes()[i - 1] == b' ' {
i -= 1;
}
header_ref.id = Some(id);
*text = text[..i].to_owned().into();
}
}
}
}
// Second header pass: auto-generate remaining IDs, and emit HTML
2019-01-18 14:46:18 +00:00
for header_ref in header_refs {
let start_idx = header_ref.start_idx;
let end_idx = header_ref.end_idx;
let title = get_text(&events[start_idx + 1..end_idx]);
2019-06-02 18:21:06 +00:00
let id =
header_ref.id.unwrap_or_else(|| find_anchor(&inserted_anchors, slugify(&title), 0));
inserted_anchors.push(id.clone());
// insert `id` to the tag
2019-01-18 14:46:18 +00:00
let html = format!("<h{lvl} id=\"{id}\">", lvl = header_ref.level, id = id);
2019-03-15 20:24:06 +00:00
events[start_idx] = Event::Html(html.into());
// generate anchors and places to insert them
if context.insert_anchor != InsertAnchor::None {
let anchor_idx = match context.insert_anchor {
InsertAnchor::Left => start_idx + 1,
InsertAnchor::Right => end_idx,
InsertAnchor::None => 0, // Not important
};
let mut c = tera::Context::new();
c.insert("id", &id);
2019-01-23 18:20:02 +00:00
let anchor_link = utils::templates::render_template(
&ANCHOR_LINK_TEMPLATE,
context.tera,
c,
&None,
)
.map_err(|e| Error::chain("Failed to render anchor link template", e))?;
2019-03-15 20:24:06 +00:00
anchors_to_insert.push((anchor_idx, Event::Html(anchor_link.into())));
}
// record header to make table of contents
let permalink = format!("{}#{}", context.current_page_permalink, id);
2019-01-27 23:34:18 +00:00
let h = Header { level: header_ref.level, id, permalink, title, children: Vec::new() };
headers.push(h);
}
if context.insert_anchor != InsertAnchor::None {
events.insert_many(anchors_to_insert);
}
2017-03-07 12:34:31 +00:00
cmark::html::push_html(&mut html, events.into_iter());
2017-03-07 12:34:31 +00:00
}
if let Some(e) = error {
2018-09-30 19:15:09 +00:00
return Err(e);
} else {
Ok(Rendered {
summary_len: if has_summary { html.find(CONTINUE_READING) } else { None },
body: html,
2019-01-27 23:34:18 +00:00
toc: make_table_of_contents(headers),
internal_links_with_anchors,
external_links,
})
2017-03-27 14:17:33 +00:00
}
2017-03-07 12:34:31 +00:00
}