1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
"Data Defined" Software
=======================
In C programs, it is common to see patterns like this
(error handling omitted):
Window *win = window_new();
Button *btn1 = button_new();
Label *label1 = label_new();
VBox *vbox = vbox_new("OK");
button_set_default(TRUE);
container_add(button_as_container(btn1), label_as_control(label1));
vbox_add(vbox, button_as_control(btn1), FALSE);
container_add(window_as_container(win), vbox_as_control(vbox));
window_show(win);
eventloop_run();
In languages with built in OOP syntax it might look a bit better,
but still ugly:
Window win = Window.new()
Button btn = Button.new()
button.add(Label.new("OK"))
button.set_default(true)
VBox vbox = VBox.new()
vbox.add(button, false);
win.add(vbox)
win.show()
eventloop.run()
Many UI libraries have turned to "data defined" UIs instead, that are
defined by (for example) external XML files.
It would be nice if the same could be acheived with SLUL, but
with a built-in syntax.
Syntax idea 1
-------------
data namedarray<UIDef> uidef = [
mainwindow = .main_window(
responsive(
.case(.either(.screen, .highprecision),
.vbox(
.label("Label 1"),
.button("OK")
)
)
)
)
]
Syntax idea 2
-------------
data dataarray<UIDef> = [
mainwindow =
<main_window>
<responsive>
<case>
<either>
<media name="screen"/>
<media name="highprecision"/>
</either>
</case>
<then>
<vbox>
<label>Label 1</label>
<button>OK</button>
</vbox>
</then>
</responsive>
</main_window>
]
Syntax idea 3
-------------
In main.slul:
\slul 0.0.0
\name example
\depends slului
\source aaa.slul
\source bbb.slul
\xml SlulUI my_uidef1 my_uidef1.xml
In my_uidef1.xml:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE something SYSTEM "something.dtd">
<something xmlns="https://example.com/something">
<someelement name="xyz">
<other thing="abc" />
<other thing="123" />
<text>Abc 123 &</text>
</someelement>
</something>
Restrictions:
- xml version and encoding MUST be present
- Double or single quotes can be used
- Encoding must be UTF-8 (case insensitive)
- Should <!DOCTYPE> or xmlns be used?
- No custom XML entity definitions allowed.
- No <? or <! tags allowed besides <?xml (and maybe <!DOCTYPE)
In slului/main.slul:
...
TODO
|
