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
|
import icons from "lib/icons"
import nix, { type Nixpkg } from "service/nix"
const iconVisible = Variable(false)
function Item(pkg: Nixpkg) {
const name = Widget.Label({
class_name: "name",
label: pkg.name.split(".").at(-1),
})
const subpkg = pkg.name.includes(".") ? Widget.Label({
class_name: "description",
hpack: "end",
hexpand: true,
label: ` ${pkg.name.split(".").slice(0, -1).join(".")}`,
}) : null
const version = Widget.Label({
class_name: "version",
label: pkg.version,
hexpand: true,
hpack: "end",
})
const description = pkg.description ? Widget.Label({
class_name: "description",
label: pkg.description,
justification: "left",
wrap: true,
hpack: "start",
max_width_chars: 40,
}) : null
return Widget.Box(
{
attribute: { name: pkg.name },
vertical: true,
},
Widget.Separator(),
Widget.Button(
{
class_name: "nix-item",
on_clicked: () => {
nix.run(pkg.name)
App.closeWindow("launcher")
},
},
Widget.Box(
{ vertical: true },
Widget.Box([name, version]),
Widget.Box([
description as ReturnType<typeof Widget.Label>,
subpkg as ReturnType<typeof Widget.Label>,
]),
),
),
)
}
export function Spinner() {
const icon = Widget.Icon({
icon: icons.nix.nix,
class_name: "spinner",
css: `
@keyframes spin {
to { -gtk-icon-transform: rotate(1turn); }
}
image.spinning {
animation-name: spin;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
`,
setup: self => self.hook(nix, () => {
self.toggleClassName("spinning", !nix.ready)
}),
})
return Widget.Revealer({
transition: "slide_left",
child: icon,
reveal_child: Utils.merge([
nix.bind("ready"),
iconVisible.bind(),
], (ready, show) => !ready || show),
})
}
export function NixRun() {
const list = Widget.Box<ReturnType<typeof Item>>({
vertical: true,
})
const revealer = Widget.Revealer({
child: list,
})
async function filter(term: string) {
iconVisible.value = Boolean(term)
if (!term)
revealer.reveal_child = false
if (term.trim()) {
const found = await nix.query(term)
list.children = found.map(k => Item(nix.db[k]))
revealer.reveal_child = true
}
}
return Object.assign(revealer, {
filter,
run: nix.run,
})
}
|
