dioxus-katex 0.1.0

Render math with KaTeX in Yew!
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

use std::{
    cell::{Ref, RefCell, RefMut},
    rc::Rc,
};

use dioxus::prelude::*;

use katex_wasmbind::KaTeXOptions;

pub mod builder;

pub struct UseKatex {
    katex: Rc<RefCell<KaTeXOptions>>,
    updater: Rc<dyn Fn() + 'static>,
}

impl UseKatex {
    pub fn get_config(&self) -> Ref<'_, KaTeXOptions> {
        self.katex.borrow()
    }
    pub fn get_config_mut(&self) -> RefMut<'_, KaTeXOptions> {
        self.katex.borrow_mut()
    }
    pub fn set_inline_mode(&self) {
        self.get_config_mut().display_mode = false;
        self.needs_update();
    }
    pub fn set_display_mode(&self) {
        self.get_config_mut().display_mode = true;
        self.needs_update();
    }
    /// Notify the scheduler to re-render the component.
    pub fn needs_update(&self) {
        (self.updater)();
    }
}

impl UseKatex {
    pub fn compile(&self, input: &str) -> LazyNodes {
        let config = self.katex.borrow_mut();
        let out = config.render(input);
        rsx! {
            div {
                dangerous_inner_html: "{out}"
            }
        }
    }
}