kopuz-components 0.14.0

A modern, lightweight music player built with Rust and Dioxus.
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

use config::AppConfig;
use dioxus::prelude::*;

/// Upgrade a local-artwork URL to the protocol's high-quality variant. The
/// default URL serves a 400px thumbnail, which visibly blurs anywhere the cover
/// is painted large (backdrops, the home hero). Remote URLs pass through — they
/// carry their own size parameter.
pub fn high_quality_artwork_url(cover: String) -> String {
    if cover.starts_with("artwork://") || cover.starts_with("http://artwork.dioxus.localhost/") {
        format!("{cover}&hq=1")
    } else {
        cover
    }
}

/// Art backdrop: the cover under user-configurable blur and darkening so
/// text stays readable. The overscan grows with the blur radius to keep
/// blurred edge bleed outside the viewport.
#[component]
pub fn CoverArtBackground(cover: String) -> Element {
    let config = use_context::<Signal<AppConfig>>();
    let (scrim, blur) = {
        let conf = config.read();
        (
            conf.cover_art_darkening.min(95) as f32 / 100.0,
            conf.cover_art_blur.min(100),
        )
    };
    let img_style = if blur > 0 {
        let scale = 1.0 + blur as f32 * 0.004;
        format!("filter: blur({blur}px); transform: scale({scale});")
    } else {
        "filter: none; transform: none;".to_string()
    };

    let src = high_quality_artwork_url(cover);

    rsx! {
        div {
            class: "absolute inset-0 -z-10 overflow-hidden pointer-events-none bg-black",
            img {
                src: "{src}",
                class: "w-full h-full object-cover",
                style: "{img_style}",
            }
            div {
                class: "absolute inset-0",
                style: "background-color: rgba(0, 0, 0, {scrim});",
            }
        }
    }
}

#[cfg(test)]
mod tests {
    use super::high_quality_artwork_url;

    #[test]
    fn local_artwork_uses_the_hq_protocol_variant() {
        assert_eq!(
            high_quality_artwork_url("artwork://local?p=%2Fcover.jpg".to_string()),
            "artwork://local?p=%2Fcover.jpg&hq=1"
        );
        assert_eq!(
            high_quality_artwork_url(
                "http://artwork.dioxus.localhost/local?p=C%3A%5Ccover.jpg".to_string()
            ),
            "http://artwork.dioxus.localhost/local?p=C%3A%5Ccover.jpg&hq=1"
        );
    }
}