maud-extensions 0.6.4

Component, inline CSS/JS, and font helper macros for Maud views.
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

use maud::html;
use maud_extensions::{css, js};

#[test]
fn css_and_js_can_be_emitted_inline_inside_html() {
    let markup = html! {
        article class="card" {
            h2 { "Title" }
            p { "Body" }

            (css! {
                me { padding: rem!(1); }
            })

            (js! {
                me().class_add("ready");
            })
        }
    }
    .into_string();

    assert!(markup.contains("<style data-mx-css-id="));
    assert!(markup.contains("padding:1rem"));
    assert!(markup.contains("<script>"));
    assert!(markup.contains("class_add"));
}

#[test]
fn css_and_js_can_define_named_helpers() {
    css!(card_css, {
        me { gap: px!(12); }
    });

    js!(card_js, once, {
        me().class_add("ready");
    });

    let markup = html! {
        article class="card" {
            (card_css())
            (card_js())
        }
    }
    .into_string();

    assert!(markup.contains("gap:12px"));
    assert!(markup.contains("data-mx-js-ran"));
}