email-components 0.1.0-alpha.2

Components for building email templates
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

use stylist::{
    manager::{StyleManager, render_static},
    yew::ManagerProvider,
};
use yew::{BaseComponent, Html, Properties, ServerRenderer, function_component, html};

use crate::email_html::HEAD_PLACEHOLDER;

pub const DOCTYPE: &str = r#"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"#;

pub async fn render<C>(props: C::Properties) -> String
where
    C: BaseComponent,
    C::Properties: Send + Clone,
{
    let (writer, reader) = render_static();

    let renderer = ServerRenderer::<Wrapped<C>>::with_props(|| {
        let style_manager = StyleManager::builder()
            .writer(writer)
            .build()
            .expect("failed to create style manager");
        Props {
            style_manager,
            inner_props: props,
        }
    });
    let rendered = renderer.render().await;

    let style_data = reader.read_style_data();
    let mut styles = String::new();
    style_data
        .write_static_markup(&mut styles)
        .expect("failed to read styles from style manager");

    let rendered_with_styles = rendered.replace(HEAD_PLACEHOLDER, &styles);

    format!("{DOCTYPE}\n{rendered_with_styles}")
}

#[derive(Properties, PartialEq)]
struct Props<P>
where
    P: PartialEq,
{
    pub style_manager: StyleManager,
    pub inner_props: P,
}

#[function_component]
fn Wrapped<C>(props: &Props<C::Properties>) -> Html
where
    C: BaseComponent,
    C::Properties: Clone,
{
    let Props {
        style_manager,
        inner_props,
    } = props;

    html! {
        <ManagerProvider manager={style_manager.clone()}>
            <C ..inner_props.clone() />
        </ManagerProvider>
    }
}