client 0.1.1-beta1

Decentralized chat client, including the client's main implementation and cli.
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
123
124
125
126
127
128

use log;
use serde::{Deserialize, Serialize};
use serde_wasm_bindgen::to_value;
use wasm_bindgen::prelude::*;
use wasm_bindgen_futures::spawn_local;
use yew::html;
use yew::prelude::*;

use yew::{Callback, Html};

// https://github.com/tauri-apps/tauri/issues/8073#issuecomment-1773530639
#[wasm_bindgen]
extern "C" {
    #[wasm_bindgen(js_namespace = ["window", "__TAURI__", "core"])]
    async fn invoke(cmd: &str, args: JsValue) -> JsValue;
}

#[derive(Serialize, Deserialize)]
struct GenerateOptions<'a> {
    strength: &'a str,
}

#[function_component(Settings)]
pub fn settings() -> Html {
    let input_node_ref = use_node_ref();
    let words = use_state(|| vec![String::new(); 24]);
    let strength = use_state(|| String::new());
    let show = use_state(|| true);

    {
        let strength = strength.clone();
        let selected_strength = strength.clone();
        use_effect_with(selected_strength, move |_| {
            log::info!("I'm a effect!");
            spawn_local(async move {});
            || {}
        });
    }
    let show_clone = show.clone();

    let callback = {
        log::info!("I'm a onchange!!");
        let strength_clone = strength.clone();
        let words_clone = words.clone();

        let e = move |e: MouseEvent| {
            e.prevent_default();
            log::info!("show_clone {:?}", show_clone.clone());

            let show = show_clone.clone();
            if *show {
                log::info!("I'm a show_clone!");
                show.set(false);
            } else {
                log::info!("I'm a show_clone!");
                show.set(true);
            }

            if !*show_clone {
                log::info!("show_clone {:?}, return", show_clone.clone());
                words_clone.set(vec![String::new(); 24]);
                return;
            }

            let strength = strength_clone.clone();
            let words = words_clone.clone();

            spawn_local(async move {
                let args = to_value(&GenerateOptions {
                    strength: &*strength,
                })
                .unwrap();
                let new_msg = invoke("generage_key", args).await.as_string().unwrap();
                let w = new_msg.split(" ").collect::<Vec<&str>>();
                words.set(w.iter().map(|s| s.to_string()).collect::<Vec<String>>());
            });
        };

        Callback::from(e)
    };
    let show_value = if *show.clone() {
        "Show".to_string()
    } else {
        "Hide".to_string()
    };
    let show_words = if *show.clone() {
        "hidden"
    } else {
        "flex flex-wrap"
    };
    html! {
         <div class="">
            <div class="">
             <button class="h-14 mx-8 my-4 px-4 flex justify-center items-center
                focus:text-orange-500  rounded-2xl bg-gray-200 hover:bg-gray-300"
                 onclick={ callback }>
                { show_value }
                </button>
            </div>
            <div class={show_words}>
               {
                    for (1..25).map(|i| {
                        let words = words.clone();
                        let word = words[i-1].clone();
                        let word_clone = word.to_owned().clone();
                        let input_id = "input-".to_string() + i.to_string().as_str();
                        let input_node_ref = input_node_ref.clone();

                        html! {
                            <div class="flex items-center m-1 p-2 h-12 w-36" >
                                <div class="number mr-1.5 w-4">{ i.clone() }</div>
                                <input
                                class="w-full p-2 rounded-xl"
                                disabled={true}
                                placeholder={ word_clone.clone()}
                                id={ input_id }
                                    type="text"
                                    value={word_clone.clone()}
                                    ref={input_node_ref}
                                />
                            </div>
                        }
                    })
               }
            </div>
        </div>
    }
}