Orkuncakilkaya
20d011f8e9
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>
33 lines
1.1 KiB
Text
33 lines
1.1 KiB
Text
# reload.ludic - a developer's templates and stylesheets read again when they change on disk: every
|
|
# file is re-read in the order it was first loaded (so an import is there before its importer), and
|
|
# the screens' state is kept, as React's fast refresh keeps it. True when anything changed.
|
|
export function ui_reload() -> bool {
|
|
var changed = uc_reload()
|
|
for i in 0 .. len(lib_files) {
|
|
let f = lib_files[i]
|
|
if f.disk and lib_text(f.path) != f.src { changed = true }
|
|
}
|
|
if not changed { return false }
|
|
ui_errs = new []string
|
|
if len(lib_files) == 0 {
|
|
print(`ui: templates reloaded`)
|
|
return true
|
|
}
|
|
let old = lib_files
|
|
lib_files = new []UiFile
|
|
lib_screen_names = new []string
|
|
lib_screens = new []UiTpl
|
|
ui_errs = new []string
|
|
for i in 0 .. len(old) {
|
|
let f = old[i]
|
|
var have = false
|
|
for k in 0 .. len(lib_files) {
|
|
if lib_files[k].path == f.path { have = true }
|
|
}
|
|
if have { continue }
|
|
if f.disk { lib_file(f.path) } else { ui_load_text(f.src, f.path) }
|
|
}
|
|
uc_invalidate()
|
|
print(`ui: templates reloaded`)
|
|
return true
|
|
}
|