Playground Kof

1import kof.ui.Window
2import kof.ui.Label
3import kof.ui.View
4import kof.ui.Button
5import kof.ui.Input
6import kof.ui.Color
7import kof.ui.Font
8import kof.ui.Theme
9import kof.ui.Hr
10import kof.ui.Column
11import kof.ui.Row
12import kof.ui.Table
13import kof.ui.Textarea
14import kof.ui.Select
15import kof.ui.Canvas
16import kof.ui.Component
17import kof.ui.Store
18import kof.ui.Event
19import kof.ui.Image
20import kof.ui.Icon
21import kof.ui.Link
22import kof.ui.Form
23import kof.ui.Ul
24import kof.ui.Ol
25import kof.ui.Grid
26import kof.ui.Box
27import kof.ui.Stack
28import kof.ui.Spacer
29import kof.ui.Wrap
30import kof.ui.Center
31import kof.ui.Align
32import kof.ui.Fieldset
33import kof.ui.Iframe
34import kof.ui.Video
35import kof.ui.Audio
36
37// 00-core.kf — fundação: App, tema, e helpers puros de texto/número.
38//
39// Tudo aqui é composição dos primitivos do kof.ui ou funções puras.
40// As funções puras são o coração testável da biblioteca: cada componente
41// interativo delega a transição de estado para uma delas.
42
43// ---- App --------------------------------------------------------------------
44
45// "abra o app" — janela pronta: tema escuro do Kof, tamanho civilizado.
46App(String title): Window {
47    var w = Window(title)
48    w.size(960, 640)
49    w.theme = CurrentTheme()
50    var wh = w
51    return wh
52}
53
54// ---- Cores semânticas (atalhos do tema escuro) ------------------------------
55
56SurfaceColor(): Color {
57    var c = CurrentTheme().surface()
58    return c
59}
60
61ErrorColor(): Color {
62    var c = CurrentTheme().error()
63    return c
64}
65
66PrimaryColor(): Color {
67    var c = CurrentTheme().primary()
68    return c
69}
70
71TextColor(): Color {
72    var c = CurrentTheme().text()
73    return c
74}
75
76// ---- Texto puro -------------------------------------------------------------
77
78// repete `piece` n vezes — base de barras, skeletons e grids.
79// A plataforma já tem strings.repeat (n<=0 => "").
80repeat(String piece, Int n): String {
81    return strings.repeat(piece, n)
82}
83
84// completa com espaços à direita até `width` (tabelas, colunas).
85padEnd(String s, Int width): String {
86    return strings.padRight(s, width, " ")
87}
88
89// completa com espaços à esquerda até `width` (números alinhados).
90padStart(String s, Int width): String {
91    return strings.padLeft(s, width, " ")
92}
93
94// trunca com reticências quando passa de `width`.
95ellipsis(String s, Int width): String {
96    if (s.length <= width) {
97        return s
98    }
99    if (width < 2) {
100        return substringN(s, 0, width)
101    }
102    return substringN(s, 0, width - 1) + "…"
103}
104
105// substring segura: corta nos limites, nunca estoura.
106substringN(String s, Int start, Int end): String {
107    if (s.length == 0) {
108        return ""
109    }
110    var a = clamp(start, 0, s.length)
111    var b = clamp(end, 0, s.length)
112    if (b <= a) {
113        return ""
114    }
115    return s.substring(a, b)
116}
117
118// conta ocorrências de um caractere (um char = string de 1).
119countChar(String s, String ch): Int {
120    if (ch.length == 0) { return 0 }
121    return strings.count(s, ch)
122}
123
124// junta uma lista com separador (breadcrumbs, menus).
125join(List<String> parts, String sep): String {
126    if (parts.size == 0) {
127        return ""
128    }
129    var out = parts.get(0)
130    var i = 1
131    while (i < parts.size) {
132        out = out + sep + parts.get(i)
133        i = i + 1
134    }
135    return out
136}
137
138// ---- Números puros ------------------------------------------------------------
139
140clamp(Int v, Int min, Int max): Int {
141    return math.clamp(v, min, max)
142}
143
144// wrap-around: avança voltando ao início (carrosséis, relógios).
145wrapNext(Int i, Int n): Int {
146    if (n <= 0) {
147        return 0
148    }
149    return (i + 1) % n
150}
151
152wrapPrev(Int i, Int n): Int {
153    if (n <= 0) {
154        return 0
155    }
156    return (i - 1 + n) % n
157}

1// hello.kf — o menor app com kof-ui-widgets
2//
3//   scripts/run-example.sh hello
4//
5// ou, na mão:
6//   cat src/kof-ui-widgets.kf examples/hello.kf > .build/hello.kf
7//   kof run .build/hello.kf --target=js
8
9main() {
10    var w = App("Olá")
11    w.bind(Column(listOf(
12        Heading("Olá, Kof"),
13        Text("Este app é feito de intenções, não de mecanismos."),
14        Badge("alpha")
15    )))
16    w.show()
17}