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
135
136
137
138
139
140
141
142
143
144
145
//! Event emitter for embedding callbacks in Props.
use Sender;
use crateEvent as EventTrait;
/// Event emitter that can be embedded in Props.
///
/// Clone this handle to create callbacks in your Props that can trigger
/// events when invoked (e.g., by user interaction).
///
/// `Emitter` wraps a lock-free MPMC channel sender, making it cheap to clone
/// and thread-safe without any locking overhead.
///
/// # Performance Characteristics
///
/// Cloning an `Emitter` is a cheap operation (equivalent to cloning an `Arc`).
/// It increments a reference count using an atomic operation rather than
/// allocating new memory. This makes it safe to clone frequently without
/// significant performance cost.
///
/// However, atomic operations do have some overhead (memory barriers, cache
/// coherency), so the following patterns are recommended for optimal performance:
///
/// ## Recommended Pattern: Clone Once per View
///
/// When creating multiple callbacks in your `view()` function, clone the emitter
/// once and reuse it:
///
/// ```rust
/// # use oxide_mvu::{Emitter, MvuLogic, Effect};
/// # #[derive(Clone)] enum Event { Click, Hover, Focus }
/// # #[derive(Clone)] struct Model;
/// # struct Props {
/// # on_click: Box<dyn Fn()>,
/// # on_hover: Box<dyn Fn()>,
/// # on_focus: Box<dyn Fn()>,
/// # }
/// # struct MyApp;
/// # impl MvuLogic<Event, Model, Props> for MyApp {
/// # fn init(&self, model: Model) -> (Model, Effect<Event>) { (model, Effect::none()) }
/// # fn update(&self, event: Event, model: &Model) -> (Model, Effect<Event>) { (model.clone(), Effect::none()) }
/// fn view(&self, model: &Model, emitter: &Emitter<Event>) -> Props {
/// // GOOD: Clone once, reuse for all callbacks
/// let emitter = emitter.clone();
/// Props {
/// on_click: Box::new({
/// let e = emitter.clone();
/// move || { e.try_emit(Event::Click); }
/// }),
/// on_hover: Box::new({
/// let e = emitter.clone();
/// move || { e.try_emit(Event::Hover); }
/// }),
/// on_focus: Box::new({
/// let e = emitter.clone();
/// move || { e.try_emit(Event::Focus); }
/// }),
/// }
/// }
/// # }
/// ```
///
/// This pattern minimizes atomic operations while maintaining clean code structure.
///
/// # Example
///
/// ```rust
/// use oxide_mvu::{Emitter, MvuLogic, Effect};
///
/// #[derive(Clone)]
/// enum Event { Click }
///
/// #[derive(Clone)]
/// struct Model { clicks: u32 }
///
/// struct Props {
/// clicks: u32,
/// on_click: Box<dyn Fn()>,
/// }
///
/// struct MyApp;
///
/// impl MvuLogic<Event, Model, Props> for MyApp {
/// fn init(&self, model: Model) -> (Model, Effect<Event>) {
/// (model, Effect::none())
/// }
///
/// fn update(&self, event: Event, model: &Model) -> (Model, Effect<Event>) {
/// match event {
/// Event::Click => {
/// let new_model = Model {
/// clicks: model.clicks + 1,
/// ..model.clone()
/// };
/// (new_model, Effect::none())
/// }
/// }
/// }
///
/// fn view(&self, model: &Model, emitter: &Emitter<Event>) -> Props {
/// let emitter = emitter.clone();
/// Props {
/// clicks: model.clicks,
/// on_click: Box::new(move || {
/// emitter.try_emit(Event::Click);
/// }),
/// }
/// }
/// }
/// ```
);