use iced::widget::{Space, container, sensor};
use iced::{Element, Theme};
use crate::PlushieRenderer;
use crate::iced_convert;
use crate::message::Message;
use crate::protocol::TreeNode;
use crate::registry::PlushieWidget;
use crate::render_ctx::RenderCtx;
use plushie_core::types::{Length, PlushieType};
struct ResponsiveProps {
width: Option<Length>,
height: Option<Length>,
}
impl ResponsiveProps {
fn from_node(node: &TreeNode) -> Self {
let p = &node.props;
Self {
width: Length::extract(p, "width"),
height: Length::extract(p, "height"),
}
}
}
pub(crate) struct ResponsiveWidget;
impl<R: PlushieRenderer> PlushieWidget<R> for ResponsiveWidget {
fn type_names(&self) -> &[&str] {
&["responsive"]
}
fn render<'a>(
&'a self,
node: &'a TreeNode,
ctx: &RenderCtx<'a, R>,
) -> Element<'a, Message, Theme, R> {
let rp = ResponsiveProps::from_node(node);
let width = rp
.width
.as_ref()
.map(iced_convert::length)
.unwrap_or(iced::Length::Fill);
let height = rp
.height
.as_ref()
.map(iced_convert::length)
.unwrap_or(iced::Length::Fill);
let child: Element<'a, Message, Theme, R> = node
.children
.first()
.map(|c| ctx.render_child(c))
.unwrap_or_else(|| Space::new().into());
let window_id = ctx.window_id.to_string();
let resize_id = node.id.clone();
sensor(container(child).width(width).height(height))
.key(node.id.clone())
.on_resize(move |size| Message::Event {
window_id: window_id.clone(),
id: resize_id.clone(),
value: serde_json::json!({"width": size.width, "height": size.height}),
family: "resize".into(),
})
.into()
}
fn fresh_for_session(&self) -> Box<dyn PlushieWidget<R>> {
Box::new(ResponsiveWidget)
}
}