atomic_hooks_macros 0.1.3

Macros for CSS Styling for Seed web apps
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



use atomic_hooks_macros::*;
use atom_state::*;

#[derive(Clone)]
struct Pos(f64,f64);

#[state]
fn a_pos() -> Pos {
    Pos(0.,0.)
}

#[state]
fn b_pos() -> Pos {
    Pos(0.,0.)
}

#[reaction]
fn a_b_distance() -> f64 {
    let a = get(a_pos());
    let b = get(b_pos());
    ((a.0-b.0).powi(2) + (a.1-b.1).powi(2)).sqrt()
}

fn main() {
    let a_pos = a_pos(); 
    let b_pos = b_pos();
    let a_b_distance = a_b_distance();

    println!("A is at : {}",  a_pos);
    println!("B is at : {}",  b_pos);
    println!("The distance between them is : {}",  a_b_distance);

    a_pos.update(|s| *s = Pos(4.,5.));
    b_pos.update(|s| *s = Pos(1.,1.));
    println!("moving a to {} and b to {}",  a_pos, b_pos);
    println!("The distance between them is now : {}",  a_b_distance);
    
}


impl std::fmt::Display for Pos
{
    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
        write!(f, "({},{})", self.0, self.1)
    }
}

// fn use_a_number()-> ReactiveStateAccess<i32>{
//     atom::<u32>("a_number_state", || 3)
// }

// fn use_add_five()-> ReactiveStateAccess<i32> {

//     reaction::<u32,_>("add_five", ||{
//         let count = get::<u32>("a_number_state");
//         count + 5
//     })

// }