use dioxus_core::ScopeState;
use dioxus_hooks::{use_state, UseState};
use tokio::time::Instant;
use uuid::Uuid;
use crate::{use_platform, Animation, UsePlatform};
#[derive(Clone)]
pub struct AnimationManager<'a> {
init_value: f64,
current_animation_id: &'a UseState<Option<Uuid>>,
value: &'a UseState<f64>,
cx: &'a ScopeState,
platform: UsePlatform,
}
impl<'a> AnimationManager<'a> {
pub fn start(&self, mut anim: Animation) {
let new_id = Uuid::new_v4();
let platform = self.platform.clone();
let mut ticker = platform.new_ticker();
let value = self.value.clone();
let current_animation_id = self.current_animation_id.clone();
current_animation_id.set(Some(new_id));
self.cx.spawn(async move {
platform.request_animation_frame();
let mut index = 0;
let mut prev_frame = Instant::now();
loop {
ticker.tick().await;
platform.request_animation_frame();
if *current_animation_id.current() == Some(new_id) {
if anim.is_finished() {
current_animation_id.set(None);
break;
}
index += prev_frame.elapsed().as_millis() as i32;
value.set(anim.move_value(index));
prev_frame = Instant::now();
} else {
break;
}
}
});
}
pub fn clear(&self) {
self.current_animation_id.set(None);
self.set_value(self.init_value);
}
pub fn is_animating(&self) -> bool {
self.current_animation_id.is_some()
}
pub fn value(&self) -> f64 {
*self.value.current()
}
pub fn set_value(&self, new_value: f64) {
self.value.set(new_value);
}
}
pub fn use_animation(cx: &ScopeState, init_value: impl FnOnce() -> f64) -> AnimationManager {
let current_animation_id = use_state(cx, || None);
let init_value = *cx.use_hook(init_value);
let value = use_state(cx, || init_value);
let platform = use_platform(cx);
AnimationManager {
current_animation_id,
value,
cx,
init_value,
platform,
}
}
#[cfg(test)]
mod test {
use std::time::Duration;
use crate::{use_animation, Animation};
use dioxus_hooks::{to_owned, use_memo};
use freya::prelude::*;
use freya_testing::{events::pointer::MouseButton, launch_test, FreyaEvent};
use tokio::time::sleep;
#[tokio::test]
pub async fn track_progress() {
fn use_animation_app(cx: Scope) -> Element {
let animation = use_animation(cx, || 0.0);
let progress = animation.value();
let _ = use_memo(cx, (), move |_| {
animation.start(Animation::new_linear(0.0..=100.0, 50));
});
render!(rect {
width: "{progress}",
})
}
let mut utils = launch_test(use_animation_app);
utils.config().enable_ticker(false);
utils.wait_for_update().await;
assert_eq!(utils.root().get(0).layout().unwrap().width(), 0.0);
sleep(Duration::from_millis(15)).await;
utils.wait_for_update().await;
let width = utils.root().get(0).layout().unwrap().width();
assert!(width > 0.0);
utils.config().enable_ticker(true);
utils.wait_for_update().await;
let width = utils.root().get(0).layout().unwrap().width();
assert_eq!(width, 100.0);
}
#[tokio::test]
pub async fn restart_progress() {
fn use_animation_app(cx: Scope) -> Element {
let animation = use_animation(cx, || 10.0);
let progress = animation.value();
let restart = {
to_owned![animation];
move || {
animation.clear();
}
};
let _ = use_memo(cx, (), move |_| {
animation.start(Animation::new_linear(10.0..=100.0, 50));
});
render!(rect {
background: "white",
height: "100%",
onclick: move |_| restart(),
width: "{progress}",
})
}
let mut utils = launch_test(use_animation_app);
utils.config().enable_ticker(false);
utils.wait_for_update().await;
assert_eq!(utils.root().get(0).layout().unwrap().width(), 10.0);
sleep(Duration::from_millis(32)).await;
utils.wait_for_update().await;
let width = utils.root().get(0).layout().unwrap().width();
assert!(width > 10.0);
utils.push_event(FreyaEvent::Mouse {
name: "click".to_string(),
cursor: (5.0, 5.0).into(),
button: Some(MouseButton::Left),
});
utils.config().enable_ticker(true);
utils.wait_for_update().await;
utils.wait_for_update().await;
let width = utils.root().get(0).layout().unwrap().width();
assert_eq!(width, 10.0);
}
#[test]
pub fn animation_mode_settings() {
let anim = Animation::new_sine_in_out(7.0..=99.0, 500);
assert_eq!(anim.duration(), 500);
assert_eq!(anim.initial_value(), 7.0);
assert_eq!(anim.final_value(), 99.0);
}
}