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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
|
import Astal from "gi://Astal?version=4.0"
import Gtk from "gi://Gtk?version=4.0"
import astalify, { type, type ConstructProps } from "./astalify.js"
function filter(children: any[]) {
return children.flat(Infinity).map(ch => ch instanceof Gtk.Widget
? ch
: new Gtk.Label({ visible: true, label: String(ch) }))
}
// Box
Object.defineProperty(Astal.Box.prototype, "children", {
get() { return this.get_children() },
set(v) { this.set_children(v) },
})
export type BoxProps = ConstructProps<Astal.Box, Astal.Box.ConstructorProps>
export const Box = astalify<Astal.Box, Astal.Box.ConstructorProps>(Astal.Box, {
getChildren(self) { return self.get_children() },
setChildren(self, children) { return self.set_children(filter(children)) },
})
// Button
type ButtonSignals = {
onClicked: []
}
export type ButtonProps = ConstructProps<Gtk.Button, Gtk.Button.ConstructorProps, ButtonSignals>
export const Button = astalify<Gtk.Button, Gtk.Button.ConstructorProps, ButtonSignals>(Gtk.Button)
// CenterBox
export type CenterBoxProps = ConstructProps<Gtk.CenterBox, Gtk.CenterBox.ConstructorProps>
export const CenterBox = astalify<Gtk.CenterBox, Gtk.CenterBox.ConstructorProps>(Gtk.CenterBox, {
getChildren(box) {
return [box.startWidget, box.centerWidget, box.endWidget]
},
setChildren(box, children) {
const ch = filter(children)
box.startWidget = ch[0] || new Gtk.Box
box.centerWidget = ch[1] || new Gtk.Box
box.endWidget = ch[2] || new Gtk.Box
},
})
// TODO: CircularProgress
// TODO: DrawingArea
// Entry
type EntrySignals = {
onActivate: []
onNotifyText: []
}
export type EntryProps = ConstructProps<Gtk.Entry, Gtk.Entry.ConstructorProps, EntrySignals>
export const Entry = astalify<Gtk.Entry, Gtk.Entry.ConstructorProps, EntrySignals>(Gtk.Entry, {
getChildren() { return [] },
})
// Image
export type ImageProps = ConstructProps<Gtk.Image, Gtk.Image.ConstructorProps>
export const Image = astalify<Gtk.Image, Gtk.Image.ConstructorProps>(Gtk.Image, {
getChildren() { return [] },
})
// Label
export type LabelProps = ConstructProps<Gtk.Label, Gtk.Label.ConstructorProps>
export const Label = astalify<Gtk.Label, Gtk.Label.ConstructorProps>(Gtk.Label, {
getChildren() { return [] },
setChildren(self, children) { self.label = String(children) },
})
// LevelBar
export type LevelBarProps = ConstructProps<Gtk.LevelBar, Gtk.LevelBar.ConstructorProps>
export const LevelBar = astalify<Gtk.LevelBar, Gtk.LevelBar.ConstructorProps>(Gtk.LevelBar, {
getChildren() { return [] },
})
// TODO: ListBox
// Overlay
export type OverlayProps = ConstructProps<Gtk.Overlay, Gtk.Overlay.ConstructorProps>
export const Overlay = astalify<Gtk.Overlay, Gtk.Overlay.ConstructorProps>(Gtk.Overlay, {
getChildren(self) {
const children: Array<Gtk.Widget> = []
let ch = self.get_first_child()
while (ch !== null) {
children.push(ch)
ch = ch.get_next_sibling()
}
return children.filter(ch => ch !== self.child)
},
setChildren(self, children) {
for (const child of filter(children)) {
const types = type in child
? (child[type] as string).split(/\s+/)
: []
if (types.includes("overlay")) {
self.add_overlay(child)
} else {
self.set_child(child)
}
self.set_measure_overlay(child, types.includes("measure"))
self.set_clip_overlay(child, types.includes("clip"))
}
},
})
// Revealer
export type RevealerProps = ConstructProps<Gtk.Revealer, Gtk.Revealer.ConstructorProps>
export const Revealer = astalify<Gtk.Revealer, Gtk.Revealer.ConstructorProps>(Gtk.Revealer)
// Slider
type SliderSignals = {
onChangeValue: []
}
export type SliderProps = ConstructProps<Astal.Slider, Astal.Slider.ConstructorProps, SliderSignals>
export const Slider = astalify<Astal.Slider, Astal.Slider.ConstructorProps, SliderSignals>(Astal.Slider, {
getChildren() { return [] },
})
// Stack
export type StackProps = ConstructProps<Gtk.Stack, Gtk.Stack.ConstructorProps>
export const Stack = astalify<Gtk.Stack, Gtk.Stack.ConstructorProps>(Gtk.Stack, {
setChildren(self, children) {
for (const child of filter(children)) {
if (child.name != "" && child.name != null) {
self.add_named(child, child.name)
} else {
self.add_child(child)
}
}
},
})
// Switch
export type SwitchProps = ConstructProps<Gtk.Switch, Gtk.Switch.ConstructorProps>
export const Switch = astalify<Gtk.Switch, Gtk.Switch.ConstructorProps>(Gtk.Switch, {
getChildren() { return [] },
})
// Window
export type WindowProps = ConstructProps<Astal.Window, Astal.Window.ConstructorProps>
export const Window = astalify<Astal.Window, Astal.Window.ConstructorProps>(Astal.Window)
// MenuButton
export type MenuButtonProps = ConstructProps<Gtk.MenuButton, Gtk.MenuButton.ConstructorProps>
export const MenuButton = astalify<Gtk.MenuButton, Gtk.MenuButton.ConstructorProps>(Gtk.MenuButton, {
getChildren(self) { return [self.popover, self.child] },
setChildren(self, children) {
for (const child of filter(children)) {
if (child instanceof Gtk.Popover) {
self.set_popover(child)
} else {
self.set_child(child)
}
}
},
})
// Popoper
export type PopoverProps = ConstructProps<Gtk.Popover, Gtk.Popover.ConstructorProps>
export const Popover = astalify<Gtk.Popover, Gtk.Popover.ConstructorProps>(Gtk.Popover)
|
