zen-rs 0.1.3

A library for generating non-interactive content like cards or files.
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

# Library of Components for Generating Non-Interactive Pages/Cards/Files/Content

## Components
* [x] Container
* [x] Text
  - [x] As text (in HTML `<div>`)
  - [x] As link (HTML only, `<a>`)
* [x] Icon

## Available Renders
* [x] HTML (custom implementation)
* [ ] PNG (conversion from SVG)
* [ ] PDF (Skia)
* [ ] SVG (Skia)
* [ ] Leptos

## Goals
- Provide the minimal required support for renderer-specific features
- Ensure maximum compatibility of element properties across all renderers
- Offer a minimally comfortable set of components

## Non-Goals
- Full support for all available properties in all renderers
- Interactivity (e.g., CSS animations)
- Script support for HTML

## Specific style
create `rustfmt.toml` and add this:
```toml
[skip_macro_invocations]
[[vstack]]
[[hstack]]
```

## Example (HTML)
```rust
use zen_rs::{
    aspects::Align, components::{github::github_outlined, h::mono_text_xl, Components}, layouts::html::HtmlBuilder, vstack
};

fn main() {
    let cc = complited_component();
    let html = HtmlBuilder::default().component(cc).build_as_html();
    std::fs::write("gh_not_ph.html", html).unwrap();
}

fn gh_not_ph() -> impl Into<Components> {
    vstack!(
         vstack!(
             vstack!(
                 github_outlined();
                 mono_text_xl("gh");
                 mono_text_xl("not ph")
             )
             .background_color((30, 200, 100, 100))
             .gap(4)
             .padding(16)
             .align_content(zen_rs::aspects::Align::Center)
             .flex()
         )
         .flex()
         .border((2, (255, 255, 255, 100), 18))
     )
    .flex()
    .width_full()
    .height_full()
    .align_items(Align::Center)
    .align_content(Align::Center)
    .background_color((0, 0, 0, 100))
}
```

what we got
![img](.content/example.png)



## Contributing
If you would like to contribute, feel free to open an issue in the repository.

## License
This project is licensed under the MIT License.