atom-engine 5.0.2

A component-oriented template engine built on Tera with props, slots, and provide/inject context
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

use atom_engine::Atom;
use serde_json::json;

fn main() {
    let mut engine = Atom::new();

    engine
        .add_template(
            "header.html",
            r#"<header class="site-header">
  <nav>
    <a href="/">Home</a>
    <a href="/about">About</a>
    <a href="/contact">Contact</a>
  </nav>
</header>"#,
        )
        .unwrap();

    engine
        .add_template(
            "footer.html",
            r#"<footer class="site-footer">
  <p>&copy; 2024 My Company. All rights reserved.</p>
</footer>"#,
        )
        .unwrap();

    engine
        .add_template(
            "sidebar.html",
            r#"<aside class="sidebar">
  <h3>Categories</h3>
  <ul>
    <li><a href="/cat/news">News</a></li>
    <li><a href="/cat/tutorials">Tutorials</a></li>
    <li><a href="/cat/blog">Blog</a></li>
  </ul>
</aside>"#,
        )
        .unwrap();

    engine
        .add_template(
            "include_example.html",
            r#"<!DOCTYPE html>
<html>
<head>
  <title>{{ title }}</title>
  <style>
    body { font-family: sans-serif; margin: 0; }
    .container { display: flex; }
    main { flex: 1; padding: 20px; }
  </style>
</head>
<body>
  {% include "header.html" %}
  
  <div class="container">
    {% include "sidebar.html" %}
    
    <main>
      <h1>{{ heading }}</h1>
      <p>{{ content }}</p>
    </main>
  </div>
  
  {% include "footer.html" %}
</body>
</html>"#,
        )
        .unwrap();

    let result = engine
        .render(
            "include_example.html",
            &json!({
                "title": "Welcome",
                "heading": "Hello World",
                "content": "This page demonstrates the include directive."
            }),
        )
        .unwrap();

    println!("=== Include Example ===\n{}", result);

    engine
        .add_template(
            "include_if_example.html",
            r#"<div class="user-info">
{% if user %}
  <p>Welcome, {{ user.name }}!</p>
  {% include "user_menu.html" %}
{% else %}
  <p>Please <a href="/login">login</a></p>
{% endif %}
</div>"#,
        )
        .unwrap();

    engine
        .add_template(
            "user_menu.html",
            r#"<ul class="user-menu">
  <li><a href="/profile">Profile</a></li>
  <li><a href="/settings">Settings</a></li>
  <li><a href="/logout">Logout</a></li>
</ul>"#,
        )
        .unwrap();

    let result = engine
        .render(
            "include_if_example.html",
            &json!({
                "user": {"name": "Alice", "email": "alice@example.com"}
            }),
        )
        .unwrap();

    println!("\n=== Include with If ===\n{}", result);
}