tigor/AGS
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

agenda now refreshes every 10 minutes

Browse source
This commit is contained in:
Tigor Hutasuhut 2024-11-23 18:36:32 +07:00
parent 17d4592644
commit b23a7a87c3
3 changed files with 22 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
flake.nix
View file

@ -43,12 +43,11 @@
default = ags.lib.bundle { default = ags.lib.bundle {
inherit pkgs; inherit pkgs;
src = ./.; src = ./.;
name = "my-shell"; name = "ags-calendar";
entry = "app.ts"; entry = "app.ts";
# additional libraries and executables to add to gjs' runtime # additional libraries and executables to add to gjs' runtime
extraPackages = [ extraPackages = [
agsPkg.hyprland
# ags.packages.${system}.battery # ags.packages.${system}.battery
# pkgs.fzf # pkgs.fzf
]; ];
@ -69,7 +68,6 @@
# includes astal3 astal4 astal-io by default # includes astal3 astal4 astal-io by default
(ags.packages.${system}.default.override { (ags.packages.${system}.default.override {
extraPackages = [ extraPackages = [
agsPkg.hyprland
# cherry pick packages # cherry pick packages
]; ];
}) })

8
style.scss
View file

@ -11,12 +11,12 @@ window.Agenda {
margin: 24px; margin: 24px;
> box { > box {
/* From https://css.glass */ /* From https://css.glass */
font-size: 1.3em; font-size: 1.8em;
text-shadow: 2px 2px 2px #000000; text-shadow: 0px 0px 4px #000000;
background: rgba(64, 47, 47, 0.32); background: rgba(0, 0, 0, 0.2);
border-radius: 16px; border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(64, 47, 47, 0.6); border: 1px solid rgba(0, 0, 0, 0.3);
padding: 24px; padding: 24px;
} }
} }

23
widget/Agenda.tsx
View file

@ -1,5 +1,5 @@
import { App, Astal, Gdk } from "astal/gtk3"; import { App, Astal, Gdk } from "astal/gtk3";
import { bind, execAsync, Variable } from "astal"; import { bind, execAsync, interval, Variable } from "astal";
type AgendaItem = { type AgendaItem = {
startDate: string; startDate: string;
@ -56,10 +56,16 @@ function createAgenda(agendaItems: AgendaItem[]): string {
} }
export default function Agenda(gdkmonitor: Gdk.Monitor) { export default function Agenda(gdkmonitor: Gdk.Monitor) {
const agenda = Variable([] as AgendaItem[]).watch( const agenda = Variable([] as AgendaItem[]);
["gcalcli", "agenda", "--tsv"], const watch = () => {
(stdout, prev) => [...prev, transform(stdout)], agenda.set([]);
); agenda.stopWatch();
agenda.watch(["gcalcli", "agenda", "--tsv"], (stdout, prev) => [
...prev,
transform(stdout),
]);
};
const intervalHandler = interval(1000 * 60 * 10 /* 10 minutes */, watch);
return ( return (
<window <window
className="Agenda" className="Agenda"
@ -75,7 +81,12 @@ export default function Agenda(gdkmonitor: Gdk.Monitor) {
execAsync(["xdg-open", "https://www.google.com/calendar"]); execAsync(["xdg-open", "https://www.google.com/calendar"]);
}} }}
> >
<box onDestroy={() => agenda.drop()}> <box
onDestroy={() => {
intervalHandler.cancel();
agenda.drop();
}}
>
{bind(agenda).as(createAgenda)} {bind(agenda).as(createAgenda)}
</box> </box>
</button> </button>