rstml-component 0.2.6

HTML Component Library for Rust
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135

use rstml_component::{write_html, HtmlAttributeValue, HtmlComponent, HtmlContent, HtmlFormatter};

#[derive(HtmlComponent)]
struct NavBar;

impl HtmlContent for NavBar {
	fn fmt(self, formatter: &mut HtmlFormatter) -> std::fmt::Result {
		write_html!(formatter,
			<nav>
				<ul>
					<li><a href="/">Home</a></li>
					<li><a href="/about">About</a></li>
				</ul>
			</nav>
		)
	}
}

#[derive(HtmlComponent)]
pub(crate) struct Template<T, A, C>
where
	T: Into<String>,
	A: HtmlAttributeValue + HtmlContent + Clone,
	C: HtmlContent,
{
	title: T,
	attribute: A,
	children: C,
}

impl<T, A, C> HtmlContent for Template<T, A, C>
where
	T: Into<String>,
	A: HtmlAttributeValue + HtmlContent + Clone,
	C: HtmlContent,
{
	fn fmt(self, formatter: &mut HtmlFormatter) -> std::fmt::Result {
		write_html!(formatter,
			<!DOCTYPE html>
			<html>
				<head>
					<title>{self.title.into()}</title>
				</head>
				<body>
					<!-- "comment" -->
					<div hello=self.attribute.clone() />
					<div hello=self.attribute.clone() />
					<>
						<div>"1"</div>
						<div> Hello  world with spaces </div>
						<div>"3"</div>
						<div>{self.attribute}</div>
						<hr><hr />
					</>

					<main>
						<NavBar />
						{self.children}
					</main>
				</body>
			</html>
		)
	}
}

#[derive(HtmlComponent)]
struct Page<T>
where
	T: Into<String>,
{
	title: T,
	heading: String,
}

impl<T> HtmlContent for Page<T>
where
	T: Into<String>,
{
	fn fmt(self, formatter: &mut HtmlFormatter) -> std::fmt::Result {
		write_html!(formatter,
			<Template title=self.title attribute="world">
				<h1>{self.heading}</h1>
				<p>"This is a test"</p>
			</Template>
		)
	}
}

#[test]
fn test_output() {
	let page = Page {
		title: "Hello",
		heading: "Hello world".into(),
	};

	let output = page
		.into_string()
		.expect("formatting works and produces valid utf-8");

	let expected = r#"
	<!DOCTYPE html>
	<html>
		<head>
			<title>Hello</title>
		</head>
		<body>
			<!--comment-->
			<div hello="world"></div>
			<div hello="world"></div>
			<div>1</div>
			<div>Hello world with spaces</div>
			<div>3</div>
			<div>world</div>
			<hr />
			<hr />
			<main>
				<nav>
					<ul>
						<li><a href="/">Home</a></li>
						<li><a href="/about">About</a></li>
					</ul>
				</nav>
				<h1>Hello world</h1>
				<p>This is a test</p>
			</main>
		</body>
	</html>
	"#
	.trim()
	.lines()
	.map(|l| l.trim())
	.collect::<String>();

	assert_eq!(output, expected);
}