terrazzo-terminal 0.2.8

A simple web-based terminal emulator built on Terrazzo.
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
129
130
131
132
133
134

use std::iter::once;
use std::time::Duration;

use terrazzo::autoclone;
use terrazzo::declare_trait_aliias;
use terrazzo::html;
use terrazzo::prelude::*;
use terrazzo::template;
use terrazzo::widgets::cancellable::Cancellable;
use terrazzo::widgets::debounce::DoDebounce as _;
use wasm_bindgen_futures::spawn_local;
use web_sys::MouseEvent;

use self::diagnostics::Instrument as _;
use self::diagnostics::debug;
use crate::api::client::remotes_api;
use crate::api::client_address::ClientAddress;

terrazzo_css::import_style!(style, "remotes.scss");

#[derive(Clone)]
pub struct RemotesState {
    pub remotes: XSignal<Remotes>,
    show_remotes: Cancellable<()>,
    hide_remotes: Cancellable<Duration>,
}

pub type Remote = ClientAddress;
pub type Remotes = Option<Vec<ClientAddress>>;

declare_trait_aliias!(
    DisplayRemoteFn,
    Fn(&ClientAddress) -> (String, Option<&'static str>) + Clone + 'static
);

declare_trait_aliias!(ClickRemoteFn, Fn(MouseEvent, Remote) + Clone + 'static);

impl RemotesState {
    pub fn new() -> Self {
        Self {
            remotes: XSignal::new("remotes", None),
            show_remotes: Cancellable::new(),
            hide_remotes: Duration::from_millis(250).cancellable(),
        }
    }

    pub fn show_remotes_dropdown(
        &self,
        display_remote: impl DisplayRemoteFn,
        click: impl ClickRemoteFn,
    ) -> XElement {
        show_remotes_dropdown(
            display_remote,
            click,
            self.remotes.clone(),
            self.hide_remotes.clone(),
        )
    }

    #[autoclone]
    pub fn mouseenter(&self) -> impl Fn(MouseEvent) + 'static {
        let remote_names_state = self.clone();
        move |_| {
            let Self {
                remotes,
                show_remotes,
                hide_remotes,
            } = &remote_names_state;
            show_remotes.cancel();

            let update_remotes = show_remotes.capture(move |new_remotes| {
                autoclone!(remotes);
                remotes.set(new_remotes)
            });
            hide_remotes.cancel();
            let fetch_remotes = async move {
                let remotes = remotes_api::remotes()
                    .await
                    .or_else_throw(|error| format!("Failed to fetch remotes: {error}"));
                if update_remotes(remotes).is_none() {
                    debug!("Updating remotes was canceled");
                }
            };
            spawn_local(fetch_remotes.in_current_span());
        }
    }

    #[autoclone]
    pub fn mouseleave(&self) -> impl Fn(MouseEvent) + 'static {
        let Self {
            remotes,
            hide_remotes,
            ..
        } = self;
        hide_remotes.wrap(move |_| {
            autoclone!(remotes);
            remotes.set(Remotes::None);
        })
    }
}

#[autoclone]
#[html]
#[template(tag = ul)]
fn show_remotes_dropdown(
    display_remote: impl DisplayRemoteFn,
    click: impl ClickRemoteFn,
    #[signal] remotes: Remotes,
    hide_remotes: Cancellable<Duration>,
) -> XElement {
    debug!("Render remote names");
    if let Remotes::Some(remotes) = remotes
        && !remotes.is_empty()
    {
        let local_and_remotes = once(ClientAddress::default()).chain(remotes);
        let remote_names = local_and_remotes.map(|remote| {
            let (remote_name, remote_class) = display_remote(&remote);
            li(
                class = remote_class,
                "{remote_name}",
                mouseenter = move |_ev| {
                    autoclone!(hide_remotes);
                    hide_remotes.cancel();
                },
                click = move |ev| {
                    autoclone!(click);
                    click(ev, remote.clone())
                },
            )
        });
        return tag(class = style::REMOTES_LIST, remote_names..);
    }
    return tag(style::visibility = "hidden", style::display = "none");
}