dioxus-typst 0.3.1

Typst component for Dioxus
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

# dioxus-typst

A Dioxus component for rendering Typst documents as HTML.

> **Note:** Typst's HTML export is experimental. Pin your `typst` version and test output carefully.

## Usage

```rust
use dioxus::prelude::*;
use dioxus_typst::Typst;

let content = r#"
= Header

Some *typst* content with `code` and math: $E = m c^2$
"#;

rsx! {
    article {
        Typst { source: content.to_string() }
    }
}
```

### With Files

Provide images, bibliographies, or other files via `CompileOptions`:

```rust
use dioxus_typst::{Typst, CompileOptions};

let bib_bytes = std::fs::read("path/to/refs.bib").unwrap();
let image_bytes = std::fs::read("path/to/figure.png").unwrap();
let content = r#"
#image(figure.png)
#bibliography(refs.bib)
"#;
let options = CompileOptions::new()
    .with_file("refs.bib", bib_bytes)
    .with_file("figure.png", image_bytes);

rsx! {
    Typst {
        source: content,
        options: options,
    }
}
```

### With Packages

```rust
use dioxus_typst::{Typst, CompileOptions, PackageSpec};

let content = r#"
#import "@preview/cetz:0.4.2"

#cetz.canvas({
  import cetz.draw: *
  // Your drawing code goes here
})
"#
let options = CompileOptions::new()
    .with_package(
        PackageSpec::from_str("@preview/cetz:0.4.2").unwrap(),
        package_files,
    );

rsx! {
    Typst {
        source: content,
        options: options,
    }
}
```