feat(lang): UI components as files - component Name { ... } beside Name.xml and Name.lss

The compiler turns a component declaration into:
- a record of its props and state;
- a constructor, a props setter, a model and a call;
- a class, registered with ludic.ui at start.

Its template and styles are read from beside it and compiled in, with @import inlined, and a
missing template fails the build.

In the runtime:
- each mounted instance keeps its own props and state, and `set` in a template writes the state;
- styles are scoped to the component;
- class, style and id on a component's tag land on its root, styled by the parent's sheet too;
- ui_reload re-reads a component's files from disk and keeps instances.

The package's own module is now ludic_ui, so a program may call a directory of its own ui.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Orkun ÇAKILKAYA 2026-09-24 16:50:12 +03:00
parent 637d07400e
commit 20d011f8e9
40 changed files with 62224 additions and 49996 deletions

View file

@ -1,4 +1,5 @@
# lib_util.ludic - a file made, found, read, and a path beside another
# lib_util.ludic - a file made, found, read, and a path beside another (or from the project's
# root, when it starts with /)
function lib_find(names: []string, name: string) -> int {
for i in 0 .. len(names) {
if names[i] == name { return i }
@ -6,6 +7,12 @@ function lib_find(names: []string, name: string) -> int {
return -1
}
function lib_new(path: string) -> UiFile {
let f = lib_blank(path)
push(lib_files, f)
return f
}
# a file that is not one of the loaded ones (a component's own)
function lib_blank(path: string) -> UiFile {
let f = new UiFile
f.path = path
f.names = new []string
@ -14,7 +21,6 @@ function lib_new(path: string) -> UiFile {
f.imp_as = new []string
f.imp = new []UiFile
f.own = new []UiRule
push(lib_files, f)
return f
}
function lib_text(path: string) -> string {
@ -29,6 +35,7 @@ function lib_beside(path: string, src: string) -> string {
for i in 0 .. len(path) {
if path[i] == 47 { cut = i }
}
if cut < 0 or (len(src) > 0 and src[0] == 47) { return src }
if len(src) > 0 and src[0] == 47 { return src[1..len(src)] }
if cut < 0 { return src }
return path[0..cut + 1] + src
}