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>
This commit is contained in:
@@ -0,0 +1,212 @@
|
||||
//! Demo del chasis `llimphi-workspace`.
|
||||
//!
|
||||
//! Mismo resultado que `panes_demo` pero la app ya no reimplementa la
|
||||
//! máquina de estados: guarda un `Workspace` + un mapa de paneles, y deja
|
||||
//! que el chasis maneje split/cerrar/foco/resize y el chrome. Esto es el
|
||||
//! molde que después adopta cada app de gioser.
|
||||
//!
|
||||
//! Correr: `cargo run -p llimphi-workspace --example workspace_demo --release`
|
||||
|
||||
use std::collections::HashMap;
|
||||
|
||||
use llimphi_ui::llimphi_layout::taffy::{
|
||||
prelude::{length, FlexDirection, Size, Style},
|
||||
Rect,
|
||||
};
|
||||
use llimphi_ui::{App, Handle, View};
|
||||
use llimphi_theme::Theme;
|
||||
use llimphi_workspace::{workspace_view, Axis, PaneId, Workspace, WorkspacePalette, WsEffect, WsMsg};
|
||||
|
||||
struct Demo;
|
||||
|
||||
#[derive(Clone)]
|
||||
enum Msg {
|
||||
Ws(WsMsg),
|
||||
Panel(PaneId, PanelMsg),
|
||||
}
|
||||
|
||||
#[derive(Clone)]
|
||||
enum PanelMsg {
|
||||
Inc,
|
||||
Dec,
|
||||
AddNote,
|
||||
}
|
||||
|
||||
enum Kind {
|
||||
Counter(i64),
|
||||
Notes(Vec<String>),
|
||||
}
|
||||
|
||||
struct Model {
|
||||
ws: Workspace,
|
||||
panes: HashMap<PaneId, Kind>,
|
||||
theme: Theme,
|
||||
}
|
||||
|
||||
impl App for Demo {
|
||||
type Model = Model;
|
||||
type Msg = Msg;
|
||||
|
||||
fn title() -> &'static str {
|
||||
"workspace — chasis tmux de gioser"
|
||||
}
|
||||
|
||||
fn init(_: &Handle<Msg>) -> Model {
|
||||
let mut ws = Workspace::new(); // panel 0
|
||||
let mut panes = HashMap::new();
|
||||
panes.insert(0, Kind::Counter(0));
|
||||
let id = ws.split(Axis::Horizontal);
|
||||
panes.insert(id, Kind::Notes(vec!["arrastrá el divisor del medio →".into()]));
|
||||
ws.focus(0);
|
||||
Model {
|
||||
ws,
|
||||
panes,
|
||||
theme: Theme::dark(),
|
||||
}
|
||||
}
|
||||
|
||||
fn update(mut model: Model, msg: Msg, _: &Handle<Msg>) -> Model {
|
||||
match msg {
|
||||
Msg::Ws(m) => match model.ws.apply(m) {
|
||||
WsEffect::Created(id) => {
|
||||
// Alternamos tipo para ilustrar paneles heterogéneos.
|
||||
let kind = if id % 2 == 0 {
|
||||
Kind::Counter(0)
|
||||
} else {
|
||||
Kind::Notes(vec![])
|
||||
};
|
||||
model.panes.insert(id, kind);
|
||||
}
|
||||
WsEffect::Closed(id) => {
|
||||
model.panes.remove(&id);
|
||||
}
|
||||
WsEffect::None => {}
|
||||
},
|
||||
Msg::Panel(id, pm) => {
|
||||
if let Some(kind) = model.panes.get_mut(&id) {
|
||||
match (kind, pm) {
|
||||
(Kind::Counter(n), PanelMsg::Inc) => *n += 1,
|
||||
(Kind::Counter(n), PanelMsg::Dec) => *n -= 1,
|
||||
(Kind::Notes(v), PanelMsg::AddNote) => {
|
||||
let n = v.len() + 1;
|
||||
v.push(format!("nota #{n}"));
|
||||
}
|
||||
_ => {}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
model
|
||||
}
|
||||
|
||||
fn view(model: &Model) -> View<Msg> {
|
||||
let palette = WorkspacePalette::from_theme(&model.theme);
|
||||
let panes = &model.panes;
|
||||
let theme = &model.theme;
|
||||
workspace_view(
|
||||
&model.ws,
|
||||
&palette,
|
||||
move |id| render_pane(panes, theme, id),
|
||||
Msg::Ws,
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
fn render_pane(panes: &HashMap<PaneId, Kind>, t: &Theme, id: PaneId) -> View<Msg> {
|
||||
let Some(kind) = panes.get(&id) else {
|
||||
return label("(vacío)".to_string(), 14.0, t.fg_muted);
|
||||
};
|
||||
let body = match kind {
|
||||
Kind::Counter(n) => col(
|
||||
8.0,
|
||||
vec![
|
||||
label(format!("{n}"), 44.0, t.accent),
|
||||
row(
|
||||
8.0,
|
||||
vec![
|
||||
button("−", Msg::Panel(id, PanelMsg::Dec), t),
|
||||
button("+", Msg::Panel(id, PanelMsg::Inc), t),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
Kind::Notes(v) => {
|
||||
let mut lines: Vec<View<Msg>> = v
|
||||
.iter()
|
||||
.map(|s| label(format!("• {s}"), 14.0, t.fg_text))
|
||||
.collect();
|
||||
lines.push(button("+ nota", Msg::Panel(id, PanelMsg::AddNote), t));
|
||||
col(6.0, lines)
|
||||
}
|
||||
};
|
||||
View::new(Style {
|
||||
flex_direction: FlexDirection::Column,
|
||||
gap: Size {
|
||||
width: length(10.0),
|
||||
height: length(10.0),
|
||||
},
|
||||
padding: uniform(12.0),
|
||||
flex_grow: 1.0,
|
||||
..Default::default()
|
||||
})
|
||||
.children(vec![label(format!("panel #{id}"), 13.0, t.fg_muted), body])
|
||||
}
|
||||
|
||||
fn button(text: &str, msg: Msg, t: &Theme) -> View<Msg> {
|
||||
View::new(Style {
|
||||
padding: Rect {
|
||||
left: length(12.0),
|
||||
right: length(12.0),
|
||||
top: length(6.0),
|
||||
bottom: length(6.0),
|
||||
},
|
||||
flex_shrink: 0.0,
|
||||
..Default::default()
|
||||
})
|
||||
.fill(t.bg_button)
|
||||
.hover_fill(t.bg_button_hover)
|
||||
.radius(6.0)
|
||||
.on_click(msg)
|
||||
.children(vec![label(text.to_string(), 14.0, t.fg_text)])
|
||||
}
|
||||
|
||||
fn col(gap: f32, children: Vec<View<Msg>>) -> View<Msg> {
|
||||
View::new(Style {
|
||||
flex_direction: FlexDirection::Column,
|
||||
gap: Size {
|
||||
width: length(gap),
|
||||
height: length(gap),
|
||||
},
|
||||
..Default::default()
|
||||
})
|
||||
.children(children)
|
||||
}
|
||||
|
||||
fn row(gap: f32, children: Vec<View<Msg>>) -> View<Msg> {
|
||||
View::new(Style {
|
||||
flex_direction: FlexDirection::Row,
|
||||
gap: Size {
|
||||
width: length(gap),
|
||||
height: length(gap),
|
||||
},
|
||||
..Default::default()
|
||||
})
|
||||
.children(children)
|
||||
}
|
||||
|
||||
fn label(text: String, size: f32, color: llimphi_ui::llimphi_raster::peniko::Color) -> View<Msg> {
|
||||
View::new(Style::default()).text(text, size, color)
|
||||
}
|
||||
|
||||
fn uniform(px: f32) -> Rect<llimphi_ui::llimphi_layout::taffy::prelude::LengthPercentage> {
|
||||
Rect {
|
||||
left: length(px),
|
||||
right: length(px),
|
||||
top: length(px),
|
||||
bottom: length(px),
|
||||
}
|
||||
}
|
||||
|
||||
fn main() {
|
||||
llimphi_ui::run::<Demo>();
|
||||
}
|
||||
Reference in New Issue
Block a user