From 90b0f0e49d049fd12fe2d0b34d4f62f243fda035 Mon Sep 17 00:00:00 2001
From: matt1432 <matt@nelim.org>
Date: Fri, 8 Dec 2023 00:01:43 -0500
Subject: [PATCH] feat(ags popupwin): add blur option

---
 devices/wim/config/ags/js/misc/popup.js                | 10 +++++++++-
 devices/wim/config/ags/js/overview/main.js             |  1 +
 .../wim/config/ags/js/quick-settings/button-grid.js    |  2 +-
 devices/wim/config/ags/scss/widgets/notification.scss  |  1 -
 devices/wim/config/ags/scss/widgets/player.scss        |  1 -
 5 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/devices/wim/config/ags/js/misc/popup.js b/devices/wim/config/ags/js/misc/popup.js
index 98b78db..0f63d21 100644
--- a/devices/wim/config/ags/js/misc/popup.js
+++ b/devices/wim/config/ags/js/misc/popup.js
@@ -1,4 +1,5 @@
 import App from 'resource:///com/github/Aylur/ags/app.js';
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
 
 import { Revealer, Box, Window } from 'resource:///com/github/Aylur/ags/widget.js';
 import { timeout } from 'resource:///com/github/Aylur/ags/utils.js';
@@ -17,6 +18,7 @@ export default ({
     // Window props
     name,
     child,
+    blur = false,
     closeOnUnfocus = 'released',
     visible = false,
     layer = 'overlay',
@@ -28,14 +30,20 @@ export default ({
         visible: false,
         ...props,
 
-        // Add way to make window open on startup
         setup: () => {
+            // Add way to make window open on startup
             const id = App.connect('config-parsed', () => {
                 if (visible) {
                     App.openWindow(name);
                 }
                 App.disconnect(id);
             });
+
+            if (blur) {
+                Hyprland.sendMessage('[[BATCH]] ' +
+                    `keyword layerrule ignorealpha[0.97],${name}; ` +
+                    `keyword layerrule blur,${name}`);
+            }
         },
 
         // Wrapping the revealer inside a box is needed
diff --git a/devices/wim/config/ags/js/overview/main.js b/devices/wim/config/ags/js/overview/main.js
index 33db276..b8be259 100644
--- a/devices/wim/config/ags/js/overview/main.js
+++ b/devices/wim/config/ags/js/overview/main.js
@@ -91,6 +91,7 @@ export const Overview = () => {
 export default () => {
     const window = PopupWindow({
         name: 'overview',
+        blur: true,
         closeOnUnfocus: 'none',
         onOpen: () => {
             window.setChild(Overview());
diff --git a/devices/wim/config/ags/js/quick-settings/button-grid.js b/devices/wim/config/ags/js/quick-settings/button-grid.js
index 5979d36..0f884dc 100644
--- a/devices/wim/config/ags/js/quick-settings/button-grid.js
+++ b/devices/wim/config/ags/js/quick-settings/button-grid.js
@@ -239,7 +239,7 @@ const FirstRow = () => Row({
             onOpen: (menu) => {
                 execAsync(`bluetoothctl scan ${menu.revealChild ?
                     'on' :
-                    'off'}`);
+                    'off'}`).catch(print);
             },
         }),
 
diff --git a/devices/wim/config/ags/scss/widgets/notification.scss b/devices/wim/config/ags/scss/widgets/notification.scss
index ee79e9d..61759c6 100644
--- a/devices/wim/config/ags/scss/widgets/notification.scss
+++ b/devices/wim/config/ags/scss/widgets/notification.scss
@@ -18,7 +18,6 @@ $background-color-10: rgba(238, 238, 238, 0.5);
 .notification {
   >box {
     all: unset;
-    box-shadow: 0 0 4.5px 0 rgba(0, 0, 0, 0.4);
     margin: 9px 9px 0;
     border: 2px solid $contrast-bg;
     border-radius: 15px;
diff --git a/devices/wim/config/ags/scss/widgets/player.scss b/devices/wim/config/ags/scss/widgets/player.scss
index ea435c8..2772b8f 100644
--- a/devices/wim/config/ags/scss/widgets/player.scss
+++ b/devices/wim/config/ags/scss/widgets/player.scss
@@ -107,7 +107,6 @@
     margin: -8px;
     min-height: 20px;
     border-radius: 10px;
-    box-shadow: rgba(0, 0, 0, 0.25) 0 54px 55px, rgba(0, 0, 0, 0.12) 0 -12px 30px, rgba(0, 0, 0, 0.12) 0 4px 6px, rgba(0, 0, 0, 0.17) 0 12px 13px, rgba(0, 0, 0, 0.09) 0 -3px 5px;
     transition: background-color 0.5s ease-in-out;
   }