feat(ags): add clicking on notif icon to launch app

config/ags/bin/launch-app.sh

@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+
+APP="$1"
+EXEC="$2"
+
+if [[ "$APP" == "thunderbird" ]]; then 
+  hyprctl dispatch togglespecialworkspace thunder
+elif [[ "$APP" == "dev.alextren.Spot" ]]; then
+  hyprctl dispatch togglespecialworkspace spot
+elif [[ $(hyprctl clients | grep "$APP") != "" ]]; then
+  hyprctl dispatch focuswindow "^($APP)$"
+else
+  hyprctl dispatch workspace empty
+  hyprctl dispatch exec "$EXEC"
+fi

config/ags/js/misc/drag.js

@@ -11,10 +11,15 @@ export const Draggable = ({
   onHoverLost = w => {},
   child = '',
   children = [],
+  properties = [[]],
   ...params
 }) => {
   let w = EventBox({
     ...params,
+    properties: [
+      ['dragging', false],
+      ...properties,
+    ],
     onHover: box => {
       box.window.set_cursor(Gdk.Cursor.new_from_name(display, 'grab'));
       onHover(box);
@@ -62,6 +67,8 @@ export const Draggable = ({
                        'margin-left: -' + Number(offset + startMargin) + 'px;');
         }
 
+        box.get_parent()._dragging = Math.abs(offset) > 10;
+
         if (w.window)
           w.window.set_cursor(Gdk.Cursor.new_from_name(display, 'grabbing'));
       }, 'drag-update'],
@@ -85,6 +92,8 @@ export const Draggable = ({
                        'margin-bottom: unset; margin-top: unset; opacity: 1;');
           if (w.window)
             w.window.set_cursor(Gdk.Cursor.new_from_name(display, 'grab'));
+
+          box.get_parent()._dragging = false;
         }
       }, 'drag-end'],
 

config/ags/js/notifications/base.js

@@ -1,15 +1,33 @@
 const { GLib } = imports.gi;
-const { Notifications } = ags.Service;
+const { Notifications, Applications } = ags.Service;
-const { lookUpIcon, timeout } = ags.Utils;
+const { lookUpIcon, timeout, exec } = ags.Utils;
 const { Box, Icon, Label, Button } = ags.Widget;
 
 import { Draggable } from '../misc/drag.js';
 import { EventBox } from '../misc/cursorbox.js'
+import { closeAll } from '../misc/closer.js';
 
-// TODO: launch app when click on icon
 const NotificationIcon = ({ appEntry, appIcon, image }) => {
+  let iconCmd = () => {};
+
+  if (Applications.query(appEntry).length > 0) {
+    let app = Applications.query(appEntry)[0];
+
+    if (app.app.get_string('StartupWMClass') != null) {
+      iconCmd = box => {
+        if (!box.get_parent().get_parent().get_parent().get_parent().get_parent()._dragging) {
+          exec('bash -c "$AGS_PATH/launch-app.sh ' + app.app.get_string('StartupWMClass') +
+                                               ' ' + app.app.get_string('Exec') + '"');
+          closeAll();
+        }
+      }
+    }
+  }
+
   if (image) {
-    return Box({
+    return EventBox({
+      onPrimaryClickRelease: iconCmd,
+      child: Box({
         valign: 'start',
         hexpand: false,
         className: 'icon img',
@@ -21,6 +39,7 @@ const NotificationIcon = ({ appEntry, appIcon, image }) => {
           min-width: 78px;
           min-height: 78px;
         `,
+      }),
     });
   }
 
@@ -33,7 +52,9 @@ const NotificationIcon = ({ appEntry, appIcon, image }) => {
     icon = appEntry;
   }
 
-  return Box({
+  return EventBox({
+    onPrimaryClickRelease: iconCmd,
+    child: Box({
       valign: 'start',
       hexpand: false,
       className: 'icon',
@@ -48,6 +69,7 @@ const NotificationIcon = ({ appEntry, appIcon, image }) => {
         valign: 'center',
         vexpand: true,
       })],
+    }),
   });
 };