cranpose-liquid 0.1.125

Liquid UI — cranpose's first-party glass component library (iOS-26-style materials, spring motion)
Documentation 
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

use std::sync::OnceLock;

use cranpose_macros::composable;
use cranpose_ui::{
    Modifier,
    widgets::{Box, BoxSpec},
};
use cranpose_ui_graphics::{
    GraphicsLayer, RUNTIME_SHADER_PRELUDE_WGSL, RenderEffect, RuntimeShader, Size,
};

fn effect(size: Size, touch: (f32, f32), global: f32, local: f32) -> RenderEffect {
    static SHADER: OnceLock<RuntimeShader> = OnceLock::new();
    let mut shader = SHADER
        .get_or_init(|| {
            RuntimeShader::new(&format!(
                "{RUNTIME_SHADER_PRELUDE_WGSL}\n{}",
                include_str!("tab_lighting.wgsl")
            ))
        })
        .clone();
    shader.set_float4(0, size.width, size.height, touch.0, touch.1);
    shader.set_float4(
        4,
        0.8448276 * global.clamp(0.0, 1.0),
        0.28448275 * local.clamp(0.0, 1.0),
        46.5,
        0.0,
    );
    RenderEffect::runtime_shader(shader)
}

#[composable]
pub(super) fn TabLighting(
    size: Size,
    transform: GraphicsLayer,
    touch: cranpose_core::MutableState<(f32, f32)>,
    glow: cranpose_core::State<f32>,
    local_glow_factor: cranpose_core::State<f32>,
) {
    Box(
        Modifier::empty()
            .size(size)
            .graphics_layer(move || GraphicsLayer {
                backdrop_effect: Some(effect(
                    size,
                    touch.get(),
                    glow.get(),
                    glow.get() * local_glow_factor.get(),
                )),
                ..transform.clone()
            }),
        BoxSpec::default(),
        || {},
    );
}