feat: llimphi standalone — framework UI soberano extraído del monorepo

Motor gráfico Llimphi como workspace independiente: bucle Elm (input→update→view→layout→raster→present) sobre wgpu+vello+taffy+parley. Núcleo (hal/raster/layout/text/ui/theme/surface/motion/icons) + ~40 widgets + módulos, sin dependencias al resto del monorepo. cargo check --workspace pasa (64 crates). Puerta de entrada: cargo run -p llimphi-ui --example counter. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-04 04:23:42 +00:00
commit e65e9cc623
286 changed files with 46136 additions and 0 deletions
@@ -0,0 +1,126 @@
+//! Showcase de `llimphi-widget-splitter`: dos splits anidados
+//! draggables (Row con Column adentro).
+//!
+//! Corré con: `cargo run -p llimphi-widget-splitter --example showcase --release`.
+//!
+//! Probá: agarrá el divisor vertical y arrastralo izquierda/derecha
+//! para resizar el pane izquierdo; agarrá el divisor horizontal de la
+//! derecha para resizar el pane superior derecho.
+
+use llimphi_ui::llimphi_layout::taffy::{
+    prelude::{percent, Size, Style},
+    AlignItems, JustifyContent,
+};
+use llimphi_ui::llimphi_raster::peniko::Color;
+use llimphi_ui::llimphi_text::Alignment;
+use llimphi_ui::{App, DragPhase, Handle, View};
+use llimphi_widget_splitter::{splitter_two, Direction, PaneSize, SplitterPalette};
+
+#[derive(Clone)]
+enum Msg {
+    ResizeOuter(f32),
+    ResizeInner(f32),
+}
+
+struct Model {
+    left_w: f32,
+    top_h: f32,
+}
+
+struct Showcase;
+
+impl App for Showcase {
+    type Model = Model;
+    type Msg = Msg;
+
+    fn title() -> &'static str {
+        "llimphi · splitter showcase"
+    }
+
+    fn initial_size() -> (u32, u32) {
+        (1100, 720)
+    }
+
+    fn init(_: &Handle<Msg>) -> Model {
+        Model {
+            left_w: 320.0,
+            top_h: 240.0,
+        }
+    }
+
+    fn update(model: Model, msg: Msg, _: &Handle<Msg>) -> Model {
+        let mut m = model;
+        match msg {
+            Msg::ResizeOuter(dx) => {
+                m.left_w = (m.left_w + dx).clamp(120.0, 800.0);
+            }
+            Msg::ResizeInner(dy) => {
+                m.top_h = (m.top_h + dy).clamp(80.0, 600.0);
+            }
+        }
+        m
+    }
+
+    fn view(model: &Model) -> View<Msg> {
+        let palette = SplitterPalette::default();
+
+        let left = pane("izquierdo", Color::from_rgba8(28, 36, 50, 255));
+        let top_right = pane(
+            &format!("arriba · {:.0} px", model.top_h),
+            Color::from_rgba8(38, 50, 70, 255),
+        );
+        let bottom_right = pane(
+            "abajo · flex",
+            Color::from_rgba8(48, 36, 60, 255),
+        );
+
+        let right = splitter_two(
+            Direction::Column,
+            top_right,
+            PaneSize::Fixed(model.top_h),
+            bottom_right,
+            PaneSize::Flex,
+            |phase, dy| match phase {
+                DragPhase::Move => Some(Msg::ResizeInner(dy)),
+                DragPhase::End => None,
+            },
+            &palette,
+        );
+
+        splitter_two(
+            Direction::Row,
+            left,
+            PaneSize::Fixed(model.left_w),
+            right,
+            PaneSize::Flex,
+            |phase, dx| match phase {
+                DragPhase::Move => Some(Msg::ResizeOuter(dx)),
+                DragPhase::End => None,
+            },
+            &palette,
+        )
+    }
+}
+
+fn pane(label: &str, bg: Color) -> View<Msg> {
+    View::new(Style {
+        size: Size {
+            width: percent(1.0_f32),
+            height: percent(1.0_f32),
+        },
+        align_items: Some(AlignItems::Center),
+        justify_content: Some(JustifyContent::Center),
+        ..Default::default()
+    })
+    .fill(bg)
+    .text_aligned(
+        label.to_string(),
+        18.0,
+        Color::from_rgba8(220, 230, 240, 255),
+        Alignment::Center,
+    )
+}
+
+fn main() {
+    llimphi_ui::run::<Showcase>();
+}