rust/src/librustdoc/html/layout.rs

244 lines
9 KiB
Rust
Raw Normal View History

use std::collections::HashMap;
2018-01-23 00:45:34 +01:00
use std::path::PathBuf;
2019-02-23 16:40:07 +09:00
use crate::externalfiles::ExternalHtml;
2019-10-10 12:09:01 +02:00
use crate::html::escape::Escape;
2019-08-31 09:07:29 -04:00
use crate::html::format::{Buffer, Print};
use crate::html::render::{ensure_trailing_slash, StylePath};
2019-01-31 15:42:45 +01:00
#[derive(Clone)]
crate struct Layout {
crate logo: String,
crate favicon: String,
crate external_html: ExternalHtml,
crate default_settings: HashMap<String, String>,
crate krate: String,
/// The given user css file which allow to customize the generated
/// documentation theme.
crate css_file_extension: Option<PathBuf>,
/// If false, the `select` element to have search filtering by crates on rendered docs
/// won't be generated.
crate generate_search_filter: bool,
}
crate struct Page<'a> {
crate title: &'a str,
crate css_class: &'a str,
crate root_path: &'a str,
crate static_root_path: Option<&'a str>,
crate description: &'a str,
crate keywords: &'a str,
crate resource_suffix: &'a str,
crate extra_scripts: &'a [&'a str],
crate static_extra_scripts: &'a [&'a str],
}
crate fn render<T: Print, S: Print>(
2018-12-20 13:28:55 +01:00
layout: &Layout,
2019-02-23 16:40:07 +09:00
page: &Page<'_>,
sidebar: S,
t: T,
style_files: &[StylePath],
) -> String {
let static_root_path = page.static_root_path.unwrap_or(page.root_path);
2019-12-22 17:42:04 -05:00
format!(
"<!DOCTYPE html>\
2018-04-14 17:13:46 +02:00
<html lang=\"en\">\
<head>\
<meta charset=\"utf-8\">\
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\
<meta name=\"generator\" content=\"rustdoc\">\
<meta name=\"description\" content=\"{description}\">\
<meta name=\"keywords\" content=\"{keywords}\">\
<title>{title}</title>\
<link rel=\"stylesheet\" type=\"text/css\" href=\"{static_root_path}normalize{suffix}.css\">\
<link rel=\"stylesheet\" type=\"text/css\" href=\"{static_root_path}rustdoc{suffix}.css\" \
2018-04-14 17:13:46 +02:00
id=\"mainThemeStyle\">\
{style_files}\
<script id=\"default-settings\"{default_settings}></script>\
<script src=\"{static_root_path}storage{suffix}.js\"></script>\
<noscript><link rel=\"stylesheet\" href=\"{static_root_path}noscript{suffix}.css\"></noscript>\
2018-04-14 17:13:46 +02:00
{css_extension}\
{favicon}\
{in_header}\
2018-11-29 01:29:49 +01:00
<style type=\"text/css\">\
#crate-search{{background-image:url(\"{static_root_path}down-arrow{suffix}.svg\");}}\
2018-11-29 01:29:49 +01:00
</style>\
2018-04-14 17:13:46 +02:00
</head>\
<body class=\"rustdoc {css_class}\">\
<!--[if lte IE 8]>\
<div class=\"warning\">\
This old browser is unsupported and will most likely display funky \
things.\
</div>\
<![endif]-->\
{before_content}\
<nav class=\"sidebar\">\
<div class=\"sidebar-menu\">&#9776;</div>\
{logo}\
{sidebar}\
</nav>\
<div class=\"theme-picker\">\
2020-10-30 13:35:41 -07:00
<button id=\"theme-picker\" aria-label=\"Pick another theme!\" aria-haspopup=\"menu\">\
<img src=\"{static_root_path}brush{suffix}.svg\" \
width=\"18\" \
alt=\"Pick another theme!\">\
2018-04-14 17:13:46 +02:00
</button>\
2020-10-30 13:35:41 -07:00
<div id=\"theme-choices\" role=\"menu\"></div>\
2018-04-14 17:13:46 +02:00
</div>\
<script src=\"{static_root_path}theme{suffix}.js\"></script>\
2018-04-14 17:13:46 +02:00
<nav class=\"sub\">\
<form class=\"search-form\">\
2018-04-14 17:13:46 +02:00
<div class=\"search-container\">\
2018-12-20 13:28:55 +01:00
<div>{filter_crates}\
2018-10-01 00:47:54 +02:00
<input class=\"search-input\" name=\"search\" \
disabled \
2018-10-01 00:47:54 +02:00
autocomplete=\"off\" \
spellcheck=\"false\" \
placeholder=\"Click or press S to search, ? for more options…\" \
type=\"search\">\
</div>\
<button type=\"button\" class=\"help-button\">?</button>
2018-04-13 22:54:09 +02:00
<a id=\"settings-menu\" href=\"{root_path}settings.html\">\
<img src=\"{static_root_path}wheel{suffix}.svg\" \
width=\"18\" \
alt=\"Change settings\">\
2018-04-13 22:54:09 +02:00
</a>\
2018-04-14 17:13:46 +02:00
</div>\
</form>\
</nav>\
<section id=\"main\" class=\"content\">{content}</section>\
<section id=\"search\" class=\"content hidden\"></section>\
<section class=\"footer\"></section>\
{after_content}\
2021-01-18 12:03:53 +01:00
<div id=\"rustdoc-vars\" data-root-path=\"{root_path}\" data-current-crate=\"{krate}\"></div>
<script src=\"{static_root_path}main{suffix}.js\"></script>\
{static_extra_scripts}\
2018-11-06 01:40:12 +01:00
{extra_scripts}\
<script defer src=\"{root_path}search-index{suffix}.js\"></script>\
2018-04-14 17:13:46 +02:00
</body>\
</html>",
2019-12-22 17:42:04 -05:00
css_extension = if layout.css_file_extension.is_some() {
format!(
"<link rel=\"stylesheet\" \
type=\"text/css\" \
href=\"{static_root_path}theme{suffix}.css\">",
static_root_path = static_root_path,
2019-12-22 17:42:04 -05:00
suffix = page.resource_suffix
)
} else {
String::new()
},
content = Buffer::html().to_display(t),
static_root_path = static_root_path,
root_path = page.root_path,
css_class = page.css_class,
logo = {
let p = format!("{}{}", page.root_path, layout.krate);
let p = ensure_trailing_slash(&p);
if layout.logo.is_empty() {
format!(
"<a href='{path}index.html'>\
2020-08-07 11:19:07 +02:00
<div class='logo-container rust-logo'>\
2019-04-29 11:45:06 +02:00
<img src='{static_root_path}rust-logo{suffix}.png' alt='logo'></div></a>",
2019-12-22 17:42:04 -05:00
path = p,
static_root_path = static_root_path,
suffix = page.resource_suffix
)
} else {
format!(
"<a href='{}index.html'>\
2019-04-29 11:45:06 +02:00
<div class='logo-container'><img src='{}' alt='logo'></div></a>",
2019-12-22 17:42:04 -05:00
p, layout.logo
)
}
},
title = page.title,
description = page.description,
keywords = page.keywords,
favicon = if layout.favicon.is_empty() {
format!(
r##"<link rel="icon" type="image/svg+xml" href="{static_root_path}favicon{suffix}.svg">
<link rel="alternate icon" type="image/png" href="{static_root_path}favicon-16x16{suffix}.png">
<link rel="alternate icon" type="image/png" href="{static_root_path}favicon-32x32{suffix}.png">"##,
2019-12-22 17:42:04 -05:00
static_root_path = static_root_path,
suffix = page.resource_suffix
)
} else {
format!(r#"<link rel="shortcut icon" href="{}">"#, layout.favicon)
},
in_header = layout.external_html.in_header,
before_content = layout.external_html.before_content,
after_content = layout.external_html.after_content,
sidebar = Buffer::html().to_display(sidebar),
krate = layout.krate,
default_settings = layout
.default_settings
.iter()
.map(|(k, v)| format!(r#" data-{}="{}""#, k.replace('-', "_"), Escape(v)))
.collect::<String>(),
style_files = style_files
2019-12-22 17:42:04 -05:00
.iter()
.filter_map(|t| {
if let Some(stem) = t.path.file_stem() { Some((stem, t.disabled)) } else { None }
})
.filter_map(|t| {
if let Some(path) = t.0.to_str() { Some((path, t.1)) } else { None }
})
2019-12-22 17:42:04 -05:00
.map(|t| format!(
r#"<link rel="stylesheet" type="text/css" href="{}.css" {} {}>"#,
Escape(&format!("{}{}{}", static_root_path, t.0, page.resource_suffix)),
if t.1 { "disabled" } else { "" },
if t.0 == "light" { "id=\"themeStyle\"" } else { "" }
2019-12-22 17:42:04 -05:00
))
.collect::<String>(),
suffix = page.resource_suffix,
static_extra_scripts = page
.static_extra_scripts
.iter()
.map(|e| {
format!(
"<script src=\"{static_root_path}{extra_script}.js\"></script>",
static_root_path = static_root_path,
extra_script = e
)
})
.collect::<String>(),
extra_scripts = page
.extra_scripts
.iter()
.map(|e| {
format!(
"<script src=\"{root_path}{extra_script}.js\"></script>",
root_path = page.root_path,
extra_script = e
)
})
.collect::<String>(),
filter_crates = if layout.generate_search_filter {
"<select id=\"crate-search\">\
2020-08-31 13:16:50 +02:00
<option value=\"All crates\">All crates</option>\
</select>"
2019-12-22 17:42:04 -05:00
} else {
""
},
)
}
crate fn redirect(url: &str) -> String {
// <script> triggers a redirect before refresh, so this is fine.
format!(
2019-12-22 17:42:04 -05:00
r##"<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="refresh" content="0;URL={url}">
</head>
<body>
<p>Redirecting to <a href="{url}">{url}</a>...</p>
<script>location.replace("{url}" + location.search + location.hash);</script>
</body>
</html>"##,
2019-12-22 17:42:04 -05:00
url = url,
)
}