blob: 5776ceeda60b3612f65c221ad6162272bf8660e2 (
plain)
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
|
# Simple Astal Bar example in TypeScript
This example shows you how to get a TypeScript+Blueprint+Sass project going.
## Dependencies
- gjs
- meson
- esbuild
- blueprint-compiler
- sass
- astal4
- astal-battery
- astal-wireplumber
- astak-network
- astal-mpris
- astak-power-profiles
- astal-tray
- astal-bluetooth
## How to use
> [!NOTE]
> If you are on Nix, there is an example flake included
> otherwise feel free to `rm flake.nix`
- generate types with `ts-for-gir`
```sh
# might take a while
# also, don't worry about warning and error logs
npx @ts-for-gir/cli generate --ignoreVersionConflicts
```
- developing
```sh
meson setup build --wipe --prefix "$(pwd)/result"
meson install -C build
./result/bin/simple-bar
```
- installing
```sh
meson setup build --wipe --prefix /usr
meson install -C build
simple-bar
```
- adding new typescript files requires no additional steps
- adding new scss files requires no additional steps as long as they are imported from `main.scss`
- adding new ui (blueprint) files will also have to be listed in `meson.build` and in `gresource.xml`
|
