merman-render 0.5.0

Headless layout + SVG renderer for Mermaid (parity-focused; upstream SVG goldens).
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

//! Flowchart v2 window pane shape.

use std::fmt::Write as _;

use crate::svg::parity::{escape_attr, fmt};

use super::super::roughjs::roughjs_paths_for_svg_path;

pub(in crate::svg::parity::flowchart::render::node) fn render_window_pane(
    out: &mut String,
    common: &super::super::FlowchartNodeRenderCommon<'_>,
    label: &mut super::super::FlowchartNodeLabelState<'_>,
    details: &mut crate::svg::parity::flowchart::types::FlowchartRenderDetails,
) {
    // Mermaid `windowPane.ts` (non-handDrawn): RoughJS multi-subpath with `roughness=0` + a
    // fixed `rectOffset=5` and a translation of `(+2.5, +2.5)`.
    let rect_offset = 5.0;
    let out_w = common.layout_node.width.max(1.0);
    let out_h = common.layout_node.height.max(1.0);
    let w = (out_w - rect_offset).max(1.0);
    let h = (out_h - rect_offset).max(1.0);
    let x = -w / 2.0;
    let y = -h / 2.0;

    // Label transform includes the same `rectOffset/2` shift as the container.
    label.dx = rect_offset / 2.0;
    label.dy = rect_offset / 2.0;

    let path_data = format!(
        "M{},{} L{},{} L{},{} L{},{} L{},{} M{},{} L{},{} M{},{} L{},{}",
        fmt(x - rect_offset),
        fmt(y - rect_offset),
        fmt(x + w),
        fmt(y - rect_offset),
        fmt(x + w),
        fmt(y + h),
        fmt(x - rect_offset),
        fmt(y + h),
        fmt(x - rect_offset),
        fmt(y - rect_offset),
        fmt(x - rect_offset),
        fmt(y),
        fmt(x + w),
        fmt(y),
        fmt(x),
        fmt(y - rect_offset),
        fmt(x),
        fmt(y + h),
    );

    if let Some((fill_d, stroke_d)) =
        super::super::helpers::timed_node_roughjs(common.timing_enabled, details, || {
            roughjs_paths_for_svg_path(
                &path_data,
                common.fill_color,
                common.stroke_color,
                common.stroke_width,
                common.stroke_dasharray,
                common.hand_drawn_seed,
            )
        })
    {
        let _ = write!(
            out,
            r#"<g transform="translate({},{})" class="basic label-container">"#,
            fmt(rect_offset / 2.0),
            fmt(rect_offset / 2.0)
        );
        let _ = write!(
            out,
            r#"<path d="{}" stroke="none" stroke-width="0" fill="{}" style="{}"/>"#,
            escape_attr(&fill_d),
            escape_attr(common.fill_color),
            escape_attr(common.style)
        );
        let _ = write!(
            out,
            r#"<path d="{}" stroke="{}" stroke-width="{}" fill="none" stroke-dasharray="{}" style="{}"/>"#,
            escape_attr(&stroke_d),
            escape_attr(common.stroke_color),
            fmt(common.stroke_width as f64),
            escape_attr(common.stroke_dasharray),
            escape_attr(common.style)
        );
        out.push_str("</g>");
    }
}