93 lines
3.4 KiB
TypeScript
93 lines
3.4 KiB
TypeScript
import Updates, { Repo as IRepo, Update as IUpdate } from "@/services/updates";
|
|
import { MenuItem } from "@/utils/widgets";
|
|
import PopdownWindow from "@/widgets/popdownwindow";
|
|
import { bind, execAsync, Variable } from "astal";
|
|
import { App, Astal, Gtk } from "astal/gtk3";
|
|
|
|
const constructItem = (label: string, exec: string, quiet = true) =>
|
|
new MenuItem({
|
|
label,
|
|
onActivate() {
|
|
App.get_window("updates")?.hide();
|
|
execAsync(exec).catch(e => !quiet && console.error(e));
|
|
},
|
|
});
|
|
|
|
const Update = (update: IUpdate) => {
|
|
const menu = new Gtk.Menu();
|
|
menu.append(constructItem("Open info in browser", `xdg-open '${update.url}'`, false));
|
|
menu.append(constructItem("Open info in terminal", `uwsm app -- foot -H pacman -Qi ${update.name}`));
|
|
menu.append(new Gtk.SeparatorMenuItem({ visible: true }));
|
|
menu.append(constructItem("Reinstall", `uwsm app -T -- yay -S ${update.name}`));
|
|
menu.append(constructItem("Remove with dependencies", `uwsm app -T -- yay -Rns ${update.name}`));
|
|
|
|
return (
|
|
<button
|
|
onClick={(_, event) => event.button === Astal.MouseButton.SECONDARY && menu.popup_at_pointer(null)}
|
|
onDestroy={() => menu.destroy()}
|
|
>
|
|
<label
|
|
truncate
|
|
xalign={0}
|
|
label={`${update.name} (${update.version.old} -> ${update.version.new})\n ${update.description}`}
|
|
/>
|
|
</button>
|
|
);
|
|
};
|
|
|
|
const Repo = (repo: IRepo) => {
|
|
const expanded = Variable(false);
|
|
|
|
return (
|
|
<box vertical className="repo">
|
|
<button className="wrapper" cursor="pointer" onClicked={() => expanded.set(!expanded.get())}>
|
|
<box className="header">
|
|
<label className="icon" label={repo.icon} />
|
|
<label label={`${repo.name} (${repo.updates.length})`} />
|
|
<box hexpand />
|
|
<label className="icon" label={bind(expanded).as(e => (e ? "expand_less" : "expand_more"))} />
|
|
</box>
|
|
</button>
|
|
<revealer
|
|
revealChild={bind(expanded)}
|
|
transitionType={Gtk.RevealerTransitionType.SLIDE_DOWN}
|
|
transitionDuration={200}
|
|
>
|
|
<box vertical className="list">
|
|
{repo.updates.map(Update)}
|
|
</box>
|
|
</revealer>
|
|
</box>
|
|
);
|
|
};
|
|
|
|
const List = () => (
|
|
<box vertical valign={Gtk.Align.START} className="repos">
|
|
{bind(Updates.get_default(), "updateData").as(d => d.repos.map(Repo))}
|
|
</box>
|
|
);
|
|
|
|
export default () => (
|
|
<PopdownWindow
|
|
name="updates"
|
|
count={bind(Updates.get_default(), "numUpdates")}
|
|
headerButtons={[
|
|
{
|
|
label: "Update all",
|
|
onClicked: () =>
|
|
execAsync("uwsm app -T -- yay")
|
|
.then(() => Updates.get_default().getUpdates())
|
|
// Ignore errors
|
|
.catch(() => {}),
|
|
},
|
|
{
|
|
label: bind(Updates.get_default(), "loading").as(l => (l ? "Loading" : "Reload")),
|
|
onClicked: () => Updates.get_default().getUpdates(),
|
|
enabled: bind(Updates.get_default(), "loading"),
|
|
},
|
|
]}
|
|
emptyIcon="deployed_code_history"
|
|
emptyLabel="All packages up to date!"
|
|
list={<List />}
|
|
/>
|
|
);
|