ZIm/crates/gpui/src/elements/img.rs

use std::sync::Arc;

use crate::{
    point, size, BorrowWindow, Bounds, DevicePixels, Element, ImageData, InteractiveElement,
    InteractiveElementState, Interactivity, IntoElement, LayoutId, Pixels, SharedUrl, Size,
    StyleRefinement, Styled, WindowContext,
};
use futures::FutureExt;
use media::core_video::CVImageBuffer;
use util::ResultExt;

#[derive(Clone, Debug)]
pub enum ImageSource {
    /// Image content will be loaded from provided URI at render time.
    Uri(SharedUrl),
    Data(Arc<ImageData>),
    Surface(CVImageBuffer),
}

impl From<SharedUrl> for ImageSource {
    fn from(value: SharedUrl) -> Self {
        Self::Uri(value)
    }
}

impl From<&'static str> for ImageSource {
    fn from(uri: &'static str) -> Self {
        Self::Uri(uri.into())
    }
}

impl From<String> for ImageSource {
    fn from(uri: String) -> Self {
        Self::Uri(uri.into())
    }
}

impl From<Arc<ImageData>> for ImageSource {
    fn from(value: Arc<ImageData>) -> Self {
        Self::Data(value)
    }
}

impl From<CVImageBuffer> for ImageSource {
    fn from(value: CVImageBuffer) -> Self {
        Self::Surface(value)
    }
}

pub struct Img {
    interactivity: Interactivity,
    source: ImageSource,
    grayscale: bool,
}

pub fn img(source: impl Into<ImageSource>) -> Img {
    Img {
        interactivity: Interactivity::default(),
        source: source.into(),
        grayscale: false,
    }
}

impl Img {
    pub fn grayscale(mut self, grayscale: bool) -> Self {
        self.grayscale = grayscale;
        self
    }
}

impl Element for Img {
    type State = InteractiveElementState;

    fn request_layout(
        &mut self,
        element_state: Option<Self::State>,
        cx: &mut WindowContext,
    ) -> (LayoutId, Self::State) {
        self.interactivity
            .layout(element_state, cx, |style, cx| cx.request_layout(&style, []))
    }

    fn paint(
        &mut self,
        bounds: Bounds<Pixels>,
        element_state: &mut Self::State,
        cx: &mut WindowContext,
    ) {
        let source = self.source.clone();
        self.interactivity.paint(
            bounds,
            bounds.size,
            element_state,
            cx,
            |style, _scroll_offset, cx| {
                let corner_radii = style.corner_radii.to_pixels(bounds.size, cx.rem_size());
                cx.with_z_index(1, |cx| {
                    match source {
                        ImageSource::Uri(uri) => {
                            let image_future = cx.image_cache.get(uri.clone());
                            if let Some(data) = image_future
                                .clone()
                                .now_or_never()
                                .and_then(|result| result.ok())
                            {
                                let new_bounds = preserve_aspect_ratio(bounds, data.size());
                                cx.paint_image(new_bounds, corner_radii, data, self.grayscale)
                                    .log_err();
                            } else {
                                cx.spawn(|mut cx| async move {
                                    if image_future.await.ok().is_some() {
                                        cx.on_next_frame(|cx| cx.notify());
                                    }
                                })
                                .detach();
                            }
                        }

                        ImageSource::Data(data) => {
                            let new_bounds = preserve_aspect_ratio(bounds, data.size());
                            cx.paint_image(new_bounds, corner_radii, data, self.grayscale)
                                .log_err();
                        }

                        ImageSource::Surface(surface) => {
                            let size = size(surface.width().into(), surface.height().into());
                            let new_bounds = preserve_aspect_ratio(bounds, size);
                            // TODO: Add support for corner_radii and grayscale.
                            cx.paint_surface(new_bounds, surface);
                        }
                    };
                });
            },
        )
    }
}

impl IntoElement for Img {
    type Element = Self;

    fn element_id(&self) -> Option<crate::ElementId> {
        self.interactivity.element_id.clone()
    }

    fn into_element(self) -> Self::Element {
        self
    }
}

impl Styled for Img {
    fn style(&mut self) -> &mut StyleRefinement {
        &mut self.interactivity.base_style
    }
}

impl InteractiveElement for Img {
    fn interactivity(&mut self) -> &mut Interactivity {
        &mut self.interactivity
    }
}

fn preserve_aspect_ratio(bounds: Bounds<Pixels>, image_size: Size<DevicePixels>) -> Bounds<Pixels> {
    let image_size = image_size.map(|dimension| Pixels::from(u32::from(dimension)));
    let image_ratio = image_size.width / image_size.height;
    let bounds_ratio = bounds.size.width / bounds.size.height;

    let new_size = if bounds_ratio > image_ratio {
        size(
            image_size.width * (bounds.size.height / image_size.height),
            bounds.size.height,
        )
    } else {
        size(
            bounds.size.width,
            image_size.height * (bounds.size.width / image_size.width),
        )
    };

    Bounds {
        origin: point(
            bounds.origin.x + (bounds.size.width - new_size.width) / 2.0,
            bounds.origin.y + (bounds.size.height - new_size.height) / 2.0,
        ),
        size: new_size,
    }
}