* fix(theme/index): Use nav element for Table of Content * fix(renderer/html_handlebars/helpers/toc): Use ol instead of ul Chapters and sections are ordered, so we should use the appropriate HTML tag. * fix(renderer/html_handlebars/helpers/toc): Hide section number from screen readers Screen readers have this functionality build-in, no need to present this. Ideally, this should not even be in the DOM tree, since the numbers can be shown by using CSS. * fix(theme/index): Remove tabIndex="-1" from .page Divs are not focusable by default * fix(theme): Make sidebar accessible Using aria-hidden (together with tabIndex) takes the links out of the tab order. http://heydonworks.com/practical_aria_examples/#progressive-collapsibles * fix(theme/index): Wrap content inside main tag The main tag helps users skip additional content on the page. * fix(theme/book): Don't focus .page on page load The main content is identified by the main tag, not by auto-focusing it on page load. * fix(theme/index): Make page controls accessible * fix: Make theme selector accessible - Use ul and li (since it is a list) - Add aria-expanded and aria-haspopup to the toggle button - Use button instead of div (buttons are accessible by default) - Handle Esc key (close popup) - Adjust CSS to keep same visual style * fix(theme/stylus/sidebar): Make link clickable area wider Links now expand to fill the entire row. * fix(theme): Wrap header buttons and improve animation performance Previously, the header had a fixed height, which meant that sometimes the print button was not visible. Animating the left property is expensive, which lead to laggy animations - transform is much cheaper and has the same effect. * fix(theme/stylus/theme-popup): Theme button inherits color Bug introduced while making the popup accessible * fix(theme/book): Handle edge case when toggling sidebar Bug introduced when switching from animating left to using transform.
140 lines
5.1 KiB
Rust
140 lines
5.1 KiB
Rust
use std::path::Path;
|
|
use std::collections::BTreeMap;
|
|
|
|
use serde_json;
|
|
use handlebars::{Handlebars, Helper, HelperDef, RenderContext, RenderError};
|
|
use pulldown_cmark::{html, Event, Parser, Tag};
|
|
|
|
// Handlebars helper to construct TOC
|
|
#[derive(Clone, Copy)]
|
|
pub struct RenderToc {
|
|
pub no_section_label: bool
|
|
}
|
|
|
|
impl HelperDef for RenderToc {
|
|
fn call(&self, _h: &Helper, _: &Handlebars, rc: &mut RenderContext) -> Result<(), RenderError> {
|
|
// get value from context data
|
|
// rc.get_path() is current json parent path, you should always use it like this
|
|
// param is the key of value you want to display
|
|
let chapters = rc.evaluate_absolute("chapters").and_then(|c| {
|
|
serde_json::value::from_value::<Vec<BTreeMap<String, String>>>(c.clone())
|
|
.map_err(|_| RenderError::new("Could not decode the JSON data"))
|
|
})?;
|
|
let current = rc.evaluate_absolute("path")?
|
|
.as_str()
|
|
.ok_or_else(|| RenderError::new("Type error for `path`, string expected"))?
|
|
.replace("\"", "");
|
|
|
|
rc.writer.write_all(b"<ol class=\"chapter\">")?;
|
|
|
|
let mut current_level = 1;
|
|
|
|
for item in chapters {
|
|
// Spacer
|
|
if item.get("spacer").is_some() {
|
|
rc.writer.write_all(b"<li class=\"spacer\"></li>")?;
|
|
continue;
|
|
}
|
|
|
|
let level = if let Some(s) = item.get("section") {
|
|
s.matches('.').count()
|
|
} else {
|
|
1
|
|
};
|
|
|
|
if level > current_level {
|
|
while level > current_level {
|
|
rc.writer.write_all(b"<li>")?;
|
|
rc.writer.write_all(b"<ol class=\"section\">")?;
|
|
current_level += 1;
|
|
}
|
|
rc.writer.write_all(b"<li>")?;
|
|
} else if level < current_level {
|
|
while level < current_level {
|
|
rc.writer.write_all(b"</ol>")?;
|
|
rc.writer.write_all(b"</li>")?;
|
|
current_level -= 1;
|
|
}
|
|
rc.writer.write_all(b"<li>")?;
|
|
} else {
|
|
rc.writer.write_all(b"<li")?;
|
|
if item.get("section").is_none() {
|
|
rc.writer.write_all(b" class=\"affix\"")?;
|
|
}
|
|
rc.writer.write_all(b">")?;
|
|
}
|
|
|
|
// Link
|
|
let path_exists = if let Some(path) = item.get("path") {
|
|
if !path.is_empty() {
|
|
rc.writer.write_all(b"<a href=\"")?;
|
|
|
|
let tmp = Path::new(item.get("path").expect("Error: path should be Some(_)"))
|
|
.with_extension("html")
|
|
.to_str()
|
|
.unwrap()
|
|
// Hack for windows who tends to use `\` as separator instead of `/`
|
|
.replace("\\", "/");
|
|
|
|
// Add link
|
|
rc.writer.write_all(tmp.as_bytes())?;
|
|
rc.writer.write_all(b"\"")?;
|
|
|
|
if path == ¤t {
|
|
rc.writer.write_all(b" class=\"active\"")?;
|
|
}
|
|
|
|
rc.writer.write_all(b">")?;
|
|
true
|
|
} else {
|
|
false
|
|
}
|
|
} else {
|
|
false
|
|
};
|
|
|
|
if !self.no_section_label {
|
|
// Section does not necessarily exist
|
|
if let Some(section) = item.get("section") {
|
|
rc.writer.write_all(b"<strong aria-hidden=\"true\">")?;
|
|
rc.writer.write_all(section.as_bytes())?;
|
|
rc.writer.write_all(b"</strong> ")?;
|
|
}
|
|
}
|
|
|
|
if let Some(name) = item.get("name") {
|
|
// Render only inline code blocks
|
|
|
|
// filter all events that are not inline code blocks
|
|
let parser = Parser::new(name).filter(|event| match *event {
|
|
Event::Start(Tag::Code) |
|
|
Event::End(Tag::Code) |
|
|
Event::InlineHtml(_) |
|
|
Event::Text(_) => true,
|
|
_ => false,
|
|
});
|
|
|
|
// render markdown to html
|
|
let mut markdown_parsed_name = String::with_capacity(name.len() * 3 / 2);
|
|
html::push_html(&mut markdown_parsed_name, parser);
|
|
|
|
// write to the handlebars template
|
|
rc.writer.write_all(markdown_parsed_name.as_bytes())?;
|
|
}
|
|
|
|
if path_exists {
|
|
rc.writer.write_all(b"</a>")?;
|
|
}
|
|
|
|
rc.writer.write_all(b"</li>")?;
|
|
}
|
|
while current_level > 1 {
|
|
rc.writer.write_all(b"</ol>")?;
|
|
rc.writer.write_all(b"</li>")?;
|
|
current_level -= 1;
|
|
}
|
|
|
|
rc.writer.write_all(b"</ol>")?;
|
|
Ok(())
|
|
}
|
|
}
|