feat(lang): L11 views and templates - the UI is markup, not code
A `view Name { field = x; function q(..); on e(..) }` declaration is the one bridge between a
program and its UI: it writes view_<name>() -> UiView, whose model is a Value of every field and
whose call runs a query or an event by name.
ludic.ui is a template runtime:
- HTML-shaped XML screens and components, loaded at run time;
- {expression} bindings, if/else/each, props, slots, per-instance state;
- on-press / onclick actions (event, set, emit);
- component libraries (export="true", <import src as>).
Styling:
- stylesheets in <style> or importable .lss files (@import);
- CSS selectors (#id, .class, [attr=v], descendant and > combinators, :hover, :disabled,
:first-child, :last-child, :nth-child, :not) weighed by specificity;
- the box model and flex under CSS's property names.
Also:
- default parameters, and positional-then-named calls;
- Value gains a float kind;
- a function shadowing a runtime one is refused;
- an index is evaluated before the slice is read;
- runtime errors name the right file.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
334469ef61
commit
66a2bc2214
64 changed files with 74806 additions and 63975 deletions
19
packages/ludic.ui/layout_wrap.ludic
Normal file
19
packages/ludic.ui/layout_wrap.ludic
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
# layout_wrap.ludic - a wrapping row, line by line: each line is as tall as its tallest child
|
||||
function ly_place_wrap(n: UiNode, top0: float, inner_w: float) -> void {
|
||||
var top = top0
|
||||
var from = 0
|
||||
while from < len(n.children) {
|
||||
var to = from
|
||||
var line_w = 0.0
|
||||
var line_h = 0.0
|
||||
while to < len(n.children) and (to == from or line_w + n.gap + ly_main(n.children[to], UI_ROW) <= inner_w) {
|
||||
if to > from { line_w = line_w + n.gap }
|
||||
line_w = line_w + ly_main(n.children[to], UI_ROW)
|
||||
line_h = Math.max(line_h, ly_cross(n.children[to], UI_ROW))
|
||||
to += 1
|
||||
}
|
||||
ly_place_line(n, from, to, top, inner_w, line_h)
|
||||
top = top + line_h + n.gap
|
||||
from = to
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue