From c422323ed6c25f3e131988764297dbdb2cc45568 Mon Sep 17 00:00:00 2001 From: Anthony Rodriguez Date: Wed, 27 Nov 2024 22:46:58 +0100 Subject: [PATCH] home/programs: remove ags --- home/programs/ags/config.js | 156 ------------------------ home/programs/ags/default.nix | 42 ------- home/programs/ags/notificationPopups.js | 124 ------------------- home/programs/ags/src/README.md | 15 --- home/programs/ags/style.css | 57 --------- home/programs/ags/tsconfig.json | 18 --- 6 files changed, 412 deletions(-) delete mode 100644 home/programs/ags/config.js delete mode 100644 home/programs/ags/default.nix delete mode 100644 home/programs/ags/notificationPopups.js delete mode 100644 home/programs/ags/src/README.md delete mode 100644 home/programs/ags/style.css delete mode 100644 home/programs/ags/tsconfig.json diff --git a/home/programs/ags/config.js b/home/programs/ags/config.js deleted file mode 100644 index 9469424..0000000 --- a/home/programs/ags/config.js +++ /dev/null @@ -1,156 +0,0 @@ -const mpris = await Service.import("mpris"); -const audio = await Service.import("audio"); -const battery = await Service.import("battery"); -const systemtray = await Service.import("systemtray"); -import { NotificationPopups } from "./notificationPopups.js"; -const date = Variable("", { - poll: [1000, 'date "+%H:%M %b %e."'], -}); - -// widgets can be only assigned as a child in one container -// so to make a reuseable widget, make it a function -// then you can simply instantiate one by calling it - -function Clock() { - return Widget.Label({ - class_name: "clock", - label: date.bind(), - }); -} - -function Media() { - const label = Utils.watch("", mpris, "player-changed", () => { - if (mpris.players[0]) { - const { track_artists, track_title } = mpris.players[0]; - return `${track_artists.join(", ")} - ${track_title}`; - } else { - return "Nothing is playing"; - } - }); - - return Widget.Button({ - class_name: "media", - on_primary_click: () => mpris.getPlayer("")?.playPause(), - on_scroll_up: () => mpris.getPlayer("")?.next(), - on_scroll_down: () => mpris.getPlayer("")?.previous(), - child: Widget.Label({ label }), - }); -} - -function Volume() { - const icons = { - 101: "overamplified", - 67: "high", - 34: "medium", - 1: "low", - 0: "muted", - }; - - function getIcon() { - const icon = audio.speaker.is_muted - ? 0 - : [101, 67, 34, 1, 0].find( - (threshold) => threshold <= audio.speaker.volume * 100, - ); - - return `audio-volume-${icons[icon]}-symbolic`; - } - - const icon = Widget.Icon({ - icon: Utils.watch(getIcon(), audio.speaker, getIcon), - }); - - const slider = Widget.Slider({ - hexpand: true, - draw_value: false, - on_change: ({ value }) => (audio.speaker.volume = value), - setup: (self) => - self.hook(audio.speaker, () => { - self.value = audio.speaker.volume || 0; - }), - }); - - return Widget.Box({ - class_name: "volume", - css: "min-width: 180px", - children: [icon, slider], - }); -} - -function BatteryLabel() { - const value = battery.bind("percent").as((p) => (p > 0 ? p / 100 : 0)); - const icon = battery - .bind("percent") - .as((p) => `battery-level-${Math.floor(p / 10) * 10}-symbolic`); - - return Widget.Box({ - class_name: "battery", - visible: battery.bind("available"), - children: [ - Widget.Icon({ icon }), - Widget.LevelBar({ - widthRequest: 140, - vpack: "center", - value, - }), - ], - }); -} - -function SysTray() { - const items = systemtray.bind("items").as((items) => - items.map((item) => - Widget.Button({ - child: Widget.Icon({ icon: item.bind("icon") }), - on_primary_click: (_, event) => item.activate(event), - on_secondary_click: (_, event) => item.openMenu(event), - tooltip_markup: item.bind("tooltip_markup"), - }), - ), - ); - - return Widget.Box({ - children: items, - }); -} - -// layout of the bar -function Left() { - return Widget.Box({}); -} - -function Center() { - return Widget.Box({ - spacing: 8, - children: [Media()], - }); -} - -function Right() { - return Widget.Box({ - hpack: "end", - spacing: 8, - children: [Volume(), BatteryLabel(), Clock(), SysTray()], - }); -} - -function Bar() { - return Widget.Window({ - name: "bar", // name has to be unique - class_name: "bar", - anchor: ["top", "left", "right"], - exclusivity: "exclusive", - child: Widget.CenterBox({ - start_widget: Left(), - center_widget: Center(), - end_widget: Right(), - }), - }); -} - -App.config({ - style: "./style.css", - windows: [Bar(), NotificationPopups()], -}); - -export {}; diff --git a/home/programs/ags/default.nix b/home/programs/ags/default.nix deleted file mode 100644 index 3d65b1b..0000000 --- a/home/programs/ags/default.nix +++ /dev/null @@ -1,42 +0,0 @@ -{ - inputs, - pkgs, - config, - ... -}: let - cfg = config.programs.ags; -in { - imports = [inputs.ags.homeManagerModules.default]; - - home.packages = with pkgs; [ - libdbusmenu-gtk3 - dart-sass - ]; - - programs.ags = { - enable = true; - - # null or path, leave as null if you don't want hm to manage the config - configDir = ./.; - - # additional packages to add to gjs's runtime - extraPackages = with pkgs; [ - gtksourceview - webkitgtk - accountsservice - ]; - }; - systemd.user.services.ags = { - Unit = { - Description = "Aylur's Gtk Shell"; - PartOf = [ - "graphical-session.target" - ]; - }; - Service = { - ExecStart = "${cfg.package}/bin/ags"; - Restart = "on-failure"; - }; - Install.WantedBy = ["graphical-session.target"]; - }; -} diff --git a/home/programs/ags/notificationPopups.js b/home/programs/ags/notificationPopups.js deleted file mode 100644 index 70c92b4..0000000 --- a/home/programs/ags/notificationPopups.js +++ /dev/null @@ -1,124 +0,0 @@ -const notifications = await Service.import("notifications"); - -/** @param {import('resource:///com/github/Aylur/ags/service/notifications.js').Notification} n */ -function NotificationIcon({ app_entry, app_icon, image }) { - if (image) { - return Widget.Box({ - css: - `background-image: url("${image}");` + - "background-size: contain;" + - "background-repeat: no-repeat;" + - "background-position: center;", - }); - } - - let icon = "dialog-information-symbolic"; - if (Utils.lookUpIcon(app_icon)) icon = app_icon; - - if (app_entry && Utils.lookUpIcon(app_entry)) icon = app_entry; - - return Widget.Box({ - child: Widget.Icon(icon), - }); -} - -/** @param {import('resource:///com/github/Aylur/ags/service/notifications.js').Notification} n */ -function Notification(n) { - const icon = Widget.Box({ - vpack: "start", - class_name: "icon", - child: NotificationIcon(n), - }); - - const title = Widget.Label({ - class_name: "title", - xalign: 0, - justification: "left", - hexpand: true, - max_width_chars: 24, - truncate: "end", - wrap: true, - label: n.summary, - use_markup: true, - }); - - const body = Widget.Label({ - class_name: "body", - hexpand: true, - use_markup: true, - xalign: 0, - justification: "left", - label: n.body, - wrap: true, - }); - - const actions = Widget.Box({ - class_name: "actions", - children: n.actions.map(({ id, label }) => - Widget.Button({ - class_name: "action-button", - on_clicked: () => { - n.invoke(id); - n.dismiss(); - }, - hexpand: true, - child: Widget.Label(label), - }), - ), - }); - - return Widget.EventBox( - { - attribute: { id: n.id }, - on_primary_click: n.dismiss, - }, - Widget.Box( - { - class_name: `notification ${n.urgency}`, - vertical: true, - }, - Widget.Box([icon, Widget.Box({ vertical: true }, title, body)]), - actions, - ), - ); -} - -export function NotificationPopups(monitor = 0) { - const list = Widget.Box({ - vertical: true, - children: notifications.popups.map(Notification), - }); - - function onNotified(_, /** @type {number} */ id) { - const n = notifications.getNotification(id); - if (n) list.children = [Notification(n), ...list.children]; - } - - function onDismissed(_, /** @type {number} */ id) { - list.children.find((n) => n.attribute.id === id)?.destroy(); - } - - list - .hook(notifications, onNotified, "notified") - .hook(notifications, onDismissed, "dismissed"); - - return Widget.Window({ - monitor, - name: `notifications${monitor}`, - class_name: "notification-popups", - anchor: ["top", "right"], - child: Widget.Box({ - css: "min-width: 2px; min-height: 2px;", - class_name: "notifications", - vertical: true, - child: list, - - /** this is a simple one liner that could be used instead of - hooking into the 'notified' and 'dismissed' signals. - but its not very optimized becuase it will recreate - the whole list everytime a notification is added or dismissed */ - // children: notifications.bind('popups') - // .as(popups => popups.map(Notification)) - }), - }); -} diff --git a/home/programs/ags/src/README.md b/home/programs/ags/src/README.md deleted file mode 100644 index be94d6b..0000000 --- a/home/programs/ags/src/README.md +++ /dev/null @@ -1,15 +0,0 @@ - -# Starter Config - -if suggestions don't work, first make sure -you have TypeScript LSP working in your editor - -if you do not want typechecking only suggestions - -```json -// tsconfig.json -"checkJs": false -``` - -types are symlinked to: -/home/nezia/.local/share/com.github.Aylur.ags/types diff --git a/home/programs/ags/style.css b/home/programs/ags/style.css deleted file mode 100644 index aeded67..0000000 --- a/home/programs/ags/style.css +++ /dev/null @@ -1,57 +0,0 @@ -window.notification-popups box.notifications { - padding: 0.5em; -} - -.icon { - min-width: 68px; - min-height: 68px; - margin-right: 1em; -} - -.icon image { - font-size: 58px; - /* to center the icon */ - margin: 5px; - color: @theme_fg_color; -} - -.icon box { - min-width: 68px; - min-height: 68px; - border-radius: 7px; -} - -.notification { - min-width: 350px; - border-radius: 11px; - padding: 1em; - margin: 0.5em; - border: 1px solid @wm_borders_edge; - background-color: @theme_bg_color; -} - -.notification.critical { - border: 1px solid lightcoral; -} - -.title { - color: @theme_fg_color; - font-size: 1.4em; -} - -.body { - color: @theme_unfocused_fg_color; -} - -.actions .action-button { - margin: 0 0.4em; - margin-top: 0.8em; -} - -.actions .action-button:first-child { - margin-left: 0; -} - -.actions .action-button:last-child { - margin-right: 0; -} diff --git a/home/programs/ags/tsconfig.json b/home/programs/ags/tsconfig.json deleted file mode 100644 index f03f2d1..0000000 --- a/home/programs/ags/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "target": "ES2022", - "module": "ES2022", - "lib": [ - "ES2022" - ], - "allowJs": true, - "checkJs": true, - "strict": true, - "noImplicitAny": false, - "baseUrl": ".", - "typeRoots": [ - "./types" - ], - "skipLibCheck": true - } -} \ No newline at end of file