use std::{
env,
fmt::Display,
fs::File,
io::Write,
path::{Path, PathBuf},
process::{Command, Stdio},
};
use svg::{
node::{
element::tag::{self, Type},
Attributes,
},
parser::Event,
Parser,
};
use crate::graph::Graph;
const HEAD: &str = r#"
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GRAPH</title>
<style>
body {
background-color: #3d3d3d;
}
.svg-container {
display: flex;
justify-content: space-around;
margin-top: 20px;
}
.info-container {
display: flex;
justify-content: space-around;
font-family: monospace
}
svg {
width: auto;
/* Adjust the width as needed */
height: auto;
}
.hidden {
display: none;
}
.highlighted {
stroke: hsla(348, 83%, 47%, 0.5);
/* Set the stroke color to yellow */
/* stroke-width: 2; */
/* Set the stroke width */
}
</style>
</head>
"#;
#[derive(Debug, thiserror::Error)]
pub enum RenderError {
#[error("failed to write flowchart")]
IO(#[from] std::io::Error),
#[error("failed to convert to string")]
Utf(#[from] std::string::FromUtf8Error),
}
type Result<T> = std::result::Result<T, RenderError>;
#[derive(Debug, Clone)]
pub struct Render {
name: String,
render: String,
pub(crate) child: Option<Vec<Box<Render>>>,
}
impl From<&Graph> for Render {
fn from(graph: &Graph) -> Self {
Self {
name: graph.name.clone(),
render: graph.to_string(),
child: None,
}
}
}
#[derive(Debug, Clone, Default, PartialEq)]
#[allow(dead_code)]
enum GraphLayout {
Dot,
#[default]
Neato,
Fdp,
}
impl Display for GraphLayout {
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
match self {
GraphLayout::Dot => write!(f, "dot"),
GraphLayout::Neato => write!(f, "neato"),
GraphLayout::Fdp => write!(f, "fdp"),
}
}
}
impl Render {
fn id(&self) -> String {
use std::hash::{DefaultHasher, Hash, Hasher};
let mut hasher = DefaultHasher::new();
self.name.hash(&mut hasher);
let sh = hasher.finish();
format!("id{sh:x}")
}
pub fn into_svg(&mut self) -> Result<&mut Self> {
let mut graph_layout = GraphLayout::default();
let result = loop {
let graph = Command::new("echo")
.arg(&self.render)
.stdout(Stdio::piped())
.spawn()?;
let svg = Command::new(graph_layout.to_string())
.arg("-Tsvg")
.stdin(Stdio::from(graph.stdout.unwrap()))
.stdout(Stdio::piped())
.spawn()?;
let output = svg.wait_with_output()?;
if output.status.success() {
break String::from_utf8(output.stdout)?;
} else {
if graph_layout == GraphLayout::Dot {
println!("failed to convert model `{:}` to SVG diagram", self.name);
return Ok(self);
} else {
graph_layout = GraphLayout::Dot;
}
}
};
log::debug!("{:}", &result[..result.len().min(64)]);
self.render = result
.lines()
.skip(6)
.collect::<Vec<_>>()
.join("\n")
.replace(r#"g id="node"#, &format!(r#"g id="{}_node"#, self.id()));
self.child
.as_mut()
.map(|child| {
child
.iter_mut()
.map(|child| child.into_svg())
.collect::<Result<Vec<_>>>()
})
.transpose()?;
log::debug!("{:}", self);
Ok(self)
}
fn hover(&self, child: &str, element: &str) -> String {
format!(
r#"
const {0} = document.getElementById('{0}');
{0}.addEventListener('mouseenter', function () {{
{0}.classList.add('highlighted');
}});
{0}.addEventListener('mouseleave', function () {{
{0}.classList.remove('highlighted');
}});
{0}.addEventListener('click', function () {{
// Hide graph1
{1}.classList.add('hidden');
// Show graph2
{2}.classList.remove('hidden');
}});
{2}.addEventListener('keydown', function (event) {{
if (event.key === 'Escape') {{
// Show graph1
{1}.classList.remove('hidden');
// Hide graph2
{2}.classList.add('hidden');
}}
}});
"#,
element,
self.id(),
child
)
}
fn parse(&self) -> Option<String> {
let Some(child) = &self.child else {
return None;
};
let parser = Parser::new(&self.render);
let mut h = vec![];
let mut attributes = Attributes::new();
for event in parser {
match event {
Event::Tag(tag::Group, Type::Start, a) => {
attributes = a;
}
Event::Text(text) => {
for child in child {
if html_escape::decode_html_entities(text) == child.name {
log::debug!("{:?}", (&child.name, child.id()));
h.push(attributes.get("id").map(|id| self.hover(&child.id(), id)));
}
}
}
_ => {}
}
}
if h.is_empty() {
None
} else {
h.into_iter()
.collect::<Option<Vec<String>>>()
.map(|h| h.join("\n"))
}
}
fn script_child_hover(&self, file: &mut File) -> Result<()> {
log::debug!("{:?}", (&self.name, self.id()));
if let Some(h) = self.parse() {
writeln!(file, "{}", h)?;
}
let Some(child) = &self.child else {
return Ok(());
};
for child in child {
child.script_child_hover(file)?;
}
Ok(())
}
fn child_svg(&self, file: &mut File, class: Option<&str>) -> Result<()> {
match class {
Some(class) => writeln!(
file,
"{}",
self.render.replace(
"<svg",
&format!(r#"<svg id="{}" tabindex="0" class="{}""#, self.id(), class)
)
)?,
None => writeln!(
file,
"{}",
self.render
.replace("<svg", &format!(r#"<svg id="{}" tabindex="0""#, self.id()))
)?,
}
let Some(child) = &self.child else {
return Ok(());
};
for child in child {
child.child_svg(file, Some("hidden"))?;
}
Ok(())
}
fn script_child_const(&self, file: &mut File) -> Result<()> {
let Some(child) = &self.child else {
return Ok(());
};
for child in child {
writeln!(
file,
"const {0} = document.getElementById('{0}');",
child.id()
)?;
child.script_child_const(file)?;
}
Ok(())
}
fn get_children_id(&self, ids: &mut Vec<String>) {
let Some(child) = &self.child else {
return;
};
for child in child {
ids.push(child.id());
child.get_children_id(ids);
}
}
fn script_home(&self) -> String {
let mut ids = vec![];
self.get_children_id(&mut ids);
format!(
r#"
document.addEventListener('keydown', function (event) {{
if (event.key === 'Home') {{
// Show graph1
{0}.classList.remove('hidden');
// Hide other graphs
{1}
}}
}});
"#,
self.id(),
ids.into_iter()
.map(|id| format!("{0}.classList.add('hidden');", id))
.collect::<Vec<String>>()
.join("\n")
)
}
pub fn to_html(&self) -> Result<PathBuf> {
log::info!("{:}", self);
let data_repo = env::var("DATA_REPO").unwrap_or(".".into());
let path = Path::new(&data_repo).join(format!("{}_flowchart.html", self.name));
let mut file = File::create(&path).unwrap();
writeln!(file, "<!DOCTYPE html>")?;
writeln!(file, r#"<html lang="en">"#)?;
writeln!(
file,
"{}",
HEAD.replace("GRAPH", &format!("{} Flowchart", self.name.to_uppercase()))
)?;
writeln!(file, "<body>")?;
writeln!(
file,
r#"<div class="info-container">Left Click on System: show ; Left Click followed by Escape key: back-up ; Home key: back to root</div>"#
)?;
writeln!(file, r#" <div class="svg-container">"#)?;
self.child_svg(&mut file, None)?;
writeln!(file, " </div>")?;
writeln!(file, "<script>")?;
writeln!(
file,
"const {0} = document.getElementById('{0}');",
self.id()
)?;
write!(file, "{}", self.script_home())?;
self.script_child_const(&mut file)?;
self.script_child_hover(&mut file)?;
writeln!(file, "</script>")?;
writeln!(file, "</body>")?;
writeln!(file, "</html>")?;
Ok(path)
}
}
impl Display for Render {
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
writeln!(f, "==>> {}", self.name)?;
if let Some(child) = &self.child {
for (i, child) in child.iter().enumerate() {
writeln!(f, "{} child #{i}", self.name)?;
writeln!(f, "{}", child)?;
}
}
writeln!(f, " <<== {}", self.name)?;
Ok(())
}
}
#[cfg(test)]
mod tests {
#[test]
fn hash() {
use std::hash::{DefaultHasher, Hash, Hasher};
let mut hasher = DefaultHasher::new();
let s = String::from("M1@80");
s.hash(&mut hasher);
let sh = hasher.finish();
println!("{s} -> {sh:x}");
let s = String::from("GMT Servo-Mechanisms (M1@80)");
s.hash(&mut hasher);
let sh = hasher.finish();
println!("{s} -> {sh:x}");
}
}